this box is "#top"
title
- Blaa blaa
: text
- Blaa blaa
: text
- Blaa blaa
: text
hover here Hover text. Wow.
Such wonder.
This is box is "#left"
- All these divs stretch height-wise, their widths are set with %'s.
- If you want to change radius of #around, you need to change radiuses of #top and #bottom, too. Otherwise the result might look quite strange.
- Styling for hovers are separate from other style-codes
-
this is "h4".
This box is "#right"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in efficitur ligula, et porta erat. Proin vel bibendum ligula. Fusce in dolor condimentum, varius libero sit amet, vestibulum arcu. In sapien dolor, luctus ultricies laoreet sed, finibus vitae eros. Vestibulum vel metus facilisis, laoreet tortor non, dapibus diam. Phasellus egestas neque lobortis, laoreet massa a, mollis nisl. Proin nec ligula et augue eleifend vestibulum. Sed rhoncus orci sed varius porta. Curabitur quis lorem malesuada, elementum mauris vitae, commodo mi. Vivamus ultrices enim eget leo aliquet, id ullamcorper augue sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
This box is "#middle"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in efficitur ligula, et porta erat. Proin vel bibendum ligula. Fusce in dolor condimentum, varius libero sit amet, vestibulum arcu. In sapien dolor, luctus ultricies laoreet sed, finibus vitae eros. Vestibulum vel metus facilisis, laoreet tortor non, dapibus diam. Phasellus egestas neque lobortis, laoreet massa a, mollis nisl. Proin nec ligula et augue eleifend vestibulum. Sed rhoncus orci sed varius porta. Curabitur quis lorem malesuada, elementum mauris vitae, commodo mi. Vivamus ultrices enim eget leo aliquet, id ullamcorper augue sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
This box is "#middle-under"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in efficitur ligula, et porta erat. Proin vel bibendum ligula. Fusce in dolor condimentum, varius libero sit amet, vestibulum arcu. In sapien dolor, luctus ultricies laoreet sed, finibus vitae eros. Vestibulum vel metus facilisis, laoreet tortor non, dapibus diam. Phasellus egestas neque lobortis, laoreet massa a, mollis nisl. Proin nec ligula et augue eleifend vestibulum. Sed rhoncus orci sed varius porta. Curabitur quis lorem malesuada, elementum mauris vitae, commodo mi. Vivamus ultrices enim eget leo aliquet, id ullamcorper augue sodales. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Vivamus bibendum sem id dolor iaculis, sed tempor leo luctus. Morbi consequat laoreet dignissim. Maecenas sed lorem mattis, vehicula nisl nec, interdum nisi. Vestibulum ac nibh luctus, semper nunc sit amet, tincidunt libero. Phasellus aliquet odio vel purus euismod imperdiet. Aliquam pellentesque pulvinar mi, vitae semper odio. Integer libero justo, lacinia finibus pulvinar vel, convallis non est. Mauris tincidunt et diam ut eleifend. Nullam mattis dictum lobortis.
This box is "#bottom"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in efficitur ligula, et porta erat. Proin vel bibendum ligula. Fusce in dolor condimentum, varius libero sit amet, vestibulum arcu.
OOH, Pretty! Owo
Thanks. =w=- Tracking this
Tracking this for possible comments and questions.
tracking XD totally
Track
Oh, this is really nice CSS.
By the way, you don't need to track your own blogs. Anything you post automatically shows up in your track list. (;
/
by FoxOfTheStars ♥
;_____; thaaank
thaaank youuuuuu
;_____;
Ahhh how nice! :'D
Hello, sorry to bother
Is there a way to make the boxes invisible scrolls instead of stretching boxes? I tend to write a lot in my updates, and the boxes end up looking funny if they just stretch with my writing.
Just put < div
EDIT: I know you were asking Lock-OnOrion, but I really wanted to help. ^-^"
EDIT2: If you want the scrolls invisible, put ::-webkit-scrollbar{display: none} at the all begining of the post with the "< style>" things.
;u;
Nice to hear you like this! :
And please, do answer each others' questions, too! I might not always remember to check my track list and I don't have answers to everything as I'm still practicing myself. : D
thelittleraven: I know, I just made this topic to my sideaccount (which has the same avatar as my main account) so I had to track this from my main one. : D