Vendily

Female
Seen 1 Hour Ago
Posted 1 Week Ago
971 posts
4.3 Years
So, we can post CSS templates here? Nice.
Here's one. Let's call it Red Argyle, because that's what the background pattern is called, Argyle.
Spoiler:

Title



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.

Nulla sit amet dolor bibendum quam luctus tempor et at elit. Sed venenatis suscipit fermentum. Aenean auctor luctus rhoncus. Sed lobortis mattis condimentum. Nulla ultricies, ipsum malesuada molestie maximus, lacus dui feugiat justo, pulvinar rhoncus dui velit in nulla. Aliquam venenatis dolor mollis, eleifend urna sit amet, convallis velit. Vivamus porttitor dui eu mauris maximus, vel feugiat libero sodales. Nam imperdiet finibus nibh, nec finibus magna consequat eu. Integer placerat eget nunc consequat iaculis. Aliquam sit amet nulla non ante venenatis ultrices. Maecenas lorem turpis, tempor vitae mauris vel, varius congue erat. In faucibus malesuada ullamcorper.


Newlines outside of the text sections make the layout off, having too much bordering blank space.

Spoiler:
[center]
[cd="background-image: url('http://i.imgur.com/rLLo2is.png'); background-color: #C5283D; border-style: solid; border-color: #481D24; border-radius: 25px; width: 800px; padding:10px;"]
[cd="background-color: #ffffff; border: 1px solid black; opacity: 0.8; padding: 10px 15px; width: 300px; border-radius: 15px;"][h3]Title[/h3][/cd]
[cd="background-color: #ffffff; border: 1px solid black; opacity: 0.8; border-radius: 15px; padding: 10px; margin: 10px; min-height:100px"][cd="background-color: #ffffff; opacity: 0.8; border-style: double; border-color: #481D24; border-radius: 15px; padding:7px; float: left; margin: 7px;"][img]image here[/img][/cd][left]Text Here.[/left][/cd][/cd][/center]


EDIT: What should we call this... Yellow Stars. Sure. I can't think of names.
Spoiler:

Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.
Aenean auctor luctus rhoncus. Sed lobortis mattis condimentum. Nulla ultricies, ipsum malesuada molestie maximus, lacus dui feugiat justo, pulvinar rhoncus dui velit in nulla. Aliquam venenatis dolor mollis, eleifend urna sit amet, convallis velit. Vivamus porttitor dui eu mauris maximus, vel feugiat libero sodales. Nam imperdiet finibus nibh, nec finibus magna consequat eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.


I would suggest removing newlines after you finish, but that's not necessary.

Spoiler:
[center]
[cd="background-image: url('http://i.imgur.com/PTnNfnW.png'); background-color: #DAA520; border-style: solid; border-color: #161103; border-radius: 25px 25px 25px 0px; width: 800px; padding:10px;"]
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; padding: 10px 15px; width: 300px; border-radius: 25px 25px 25px 0px;"][h3]Title[/h3][/cd][cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px;"][cd="overflow: auto; max-height: 250px;"][left]Scrolling box here[/left][/cd][/cd]
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px; min-height: 150px;"]
[left]Fixed height here.[/left][/cd][/cd][/center]
You can add more scrolling boxes by copying this:
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px;"][left][h4]Heading[/h4][/left]
[cd="overflow: auto; max-height: (250)px;"][left]Scrolling box here[/left][/cd][/cd]
Change the bracketed numbers for different cut-offs before the scroll box appears.
For more Fixed sections, copy this:
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px; min-height: (150)px;"]
[left][h4]Heading[/h4] Fixed height here.[/left][/cd]
Change the minimum size of the box by changing the bracketed number.