Free to Use Tables - Printable Version

succulents

& a subheader

In botany, succulent plants, also known as succulents, are plants that have some parts that are more than normally thickened and fleshy, usually to retain water in arid climates or soil conditions. The word "succulent" comes from the Latin word sucus, meaning juice, or sap.[1] Succulent plants may store water in various structures, such as leaves and stems. Some definitions also include roots, thus geophytes that survive unfavorable periods by dying back to underground storage organs may be regarded as succulents. In horticultural use, the term "succulent" is sometimes used in a way which excludes plants that botanists would regard as succulents, such as cacti. Succulents are often grown as ornamental plants because of their striking and unusual appearance.

Many plant families have multiple succulents found within them (over 25 plant families).[2] In some families, such as Aizoaceae, Cactaceae, and Crassulaceae, most species are succulents. The habitats of these water preserving plants are often in areas with high temperatures and low rainfall. Succulents have the ability to thrive on limited water sources, such as mist and dew, which makes them equipped to survive in an ecosystem which contains scarce water sources.

Code:

<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Charmonman" rel="stylesheet"> [style] .succ {background: #ccc url('https://i.imgur.com/iZVlLO3.jpg') bottom center no-repeat; padding: 20px; border: 20px solid #e8e0e6; margin: auto; height: 300px;} .succ1 {padding: 20px; text-align: justify; color: #837e79; background-color: #ffffff85; font-family: arial; font-size: 10px; margin: auto; overflow: auto; height:87%; margin-left: 50%; position: relative; top: -70px;} .succh1 {font-family: charmonman; font-size: 30px; color: #fff; position: relative; width: 50%; text-align: center; top: 220px;} .succh2 {font-family: Amatic SC; font-size: 20px; letter-spacing: 1px; color: #fff9; position: relative; text-transform: uppercase; top: 210px; width: 50%; text-align: center;}[/style] <div class="succ"><div class="succh1">header/name</div><div class="succh2">& a subheader</div><div class="succ1">text here</div></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam luctus nisi vel massa ultrices pretium. Quisque et enim in velit aliquam pellentesque nec ut lorem. Integer eget libero luctus, condimentum orci convallis, imperdiet ipsum. Duis pellentesque, nibh et luctus dictum, est nunc finibus metus, in porttitor dolor lacus ut mi. In volutpat rhoncus suscipit. Phasellus scelerisque sapien ut iaculis feugiat. Praesent tempus ultrices ante, et luctus purus sollicitudin interdum. Vivamus malesuada magna sit amet elit condimentum fringilla.

"Aenean tortor neque, consequat at condimentum sit amet, ornare ac mauris. Donec scelerisque imperdiet ligula, ac sollicitudin risus condimentum id."

Pellentesque sollicitudin semper commodo. Cras vel ullamcorper felis. Suspendisse at tellus eu ligula aliquet ornare. Donec interdum dolor nec nunc scelerisque, efficitur commodo lorem suscipit. Nunc at tortor ac sapien elementum pellentesque. Fusce et tincidunt diam. Aenean interdum viverra lacus, eu blandit enim venenatis eu. Sed eget ligula gravida, luctus justo sit amet, tristique augue. Donec scelerisque ex risus, nec laoreet sem rhoncus nec. Ut sed semper diam. In volutpat convallis enim sit amet porttitor.

How to use jcink tables on Origin:

If you like table premades such as the ones from Caution to the Wind, here is how to easily convert them for use on Origin.

Let's look at this one, by CTTW user Blitzy.

Code:

[dohtml]<center>

<div class="blitzpoutline">

<img src="IMAGE URL GOES HERE" width="300" />

<div class="blitzplyricst">Love is a polaroid</div>

<div class="blitzplyricsb">I'm a day late two face I'm a burnout quick pace I am a headcase I am the color of boom that's never arriving  and you are the opera always on time and on tune and I am the color of boom all my life I've been living in the fast lane can't slow down I'm a rolling freight train one more time gotta start all over can't slow down I'm a lone red rover</div>

Post goes here.  Don't forget to use <p> tags to separate paragraphs

<a href="http://cttw.jcink.net/index.php?showuser=1845"><div class="blitzpcreditsl">Tag // Words // Notes</div></a>

</div>

<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed|Alegreya' rel='stylesheet' type='text/css'>

&lt;style type="text/css"&gt;

.blitzpoutline { width: 300px; background-color: #FDFDFD; border: 1px #EAEAEA solid; padding: 20px; line-height: 107%; text-align: justify; font-size: 12px; font-family: calibri; color: #0F0F0F; }

.blitzplyricst { margin-top: 15px; margin-bottom: 10px; text-align: center; text-transform: lowercase; text-shadow: 1px 1px #030303; font-size: 35px; font-family: alegreya; font-style: italic; font-weight: 900; color: #a2223e; }

.blitzplyricsb { margin-bottom: 10px; line-height: 106%; text-transform: uppercase; font-size: 10px; font-family: oswald; color: #3D3D3D; }

.blitzpcreditsl { background-color: #a2223e; padding-top: 4px; padding-bottom: 4px; text-align: center; text-transform: uppercase; font-size: 10px; font-family: open sans condensed; color: #FEFEFE; }

.blitzpcreditsl a { color: #FEFEFE; }

&lt;/style></center>[/dohtml]

Three things to note:
1. We do not need [dohtml] -- Delete those tags.
2. We use bbcode style (square brackets) and not 'style type'.
3. Remove all of the linbreaks in the CSS.

Change the code to look like this (note you are mostly changing the way the css looks):

Code:

<center>

<div class="blitzpoutline">

<img src="IMAGE URL GOES HERE" width="300" />

<div class="blitzplyricst">Love is a polaroid</div>

<div class="blitzplyricsb">I'm a day late two face I'm a burnout quick pace I am a headcase I am the color of boom that's never arriving  and you are the opera always on time and on tune and I am the color of boom all my life I've been living in the fast lane can't slow down I'm a rolling freight train one more time gotta start all over can't slow down I'm a lone red rover</div>

Post goes here.  Don't forget to use <p> tags to separate paragraphs

<a href="http://cttw.jcink.net/index.php?showuser=1845"><div class="blitzpcreditsl">Tag // Words // Notes</div></a>

</div>

<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed|Alegreya' rel='stylesheet' type='text/css'>

[style].blitzpoutline { width: 300px; background-color: #FDFDFD; border: 1px #EAEAEA solid; padding: 20px; line-height: 107%; text-align: justify; font-size: 12px; font-family: calibri; color: #0F0F0F; } .blitzplyricst { margin-top: 15px; margin-bottom: 10px; text-align: center; text-transform: lowercase; text-shadow: 1px 1px #030303; font-size: 35px; font-family: alegreya; font-style: italic; font-weight: 900; color: #a2223e; } .blitzplyricsb { margin-bottom: 10px; line-height: 106%; text-transform: uppercase; font-size: 10px; font-family: oswald; color: #3D3D3D; } .blitzpcreditsl { background-color: #a2223e; padding-top: 4px; padding-bottom: 4px; text-align: center; text-transform: uppercase; font-size: 10px; font-family: open sans condensed; color: #FEFEFE; } .blitzpcreditsl a { color: #FEFEFE; } [/style]</center>

Tada! See below.