Vindico

Full Version: Table Coding
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
So we have a free table section but sometimes you want something different! Or sometimes you just don't wanna do it yourself and we here understand. This works like a coding shop. Feel free to post any image here and someone can code it for you. Anyone can pick up the code, they are claimable, though if you keep reusing the same table code then you can only claim for a basic table after the first time you use the code!! Any and all welcome to use this!
If anyone could code this for me I'd be forever grateful uwu

<img src="http://i.imgur.com/PdS3m9E.jpg">
For Saffie! I tried. Do I get cookieeeess? .w.
Might do some more codes for people sometime later (if people think I'm good)? <3

<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/93694689/caracaratab1.css"><center><table height="900px;" width="640px;" background="http://orig15.deviantart.net/3393/f/2015/151/a/2/in_keeping_secrets_of_silent_earth_by_the__enemy-d8vje22.png" style="border-top: 35px solid #fff; border-left: 35px solid #fff; border-right: 35px solid #fff; background-position: bottom; background-repeat: no-repeat;"><tr><td><div class="cctab"><center><div class="ccheader" style="width: 138px; height: 137px;"></div><br></center><div id="cctabtext" style="width: auto; height: 555px; overflow: auto; padding-right: 4px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis dui eget urna posuere varius. <span id="ccspeech">"Nullam dapibus mauris ut turpis ullamcorper, aliquet faucibus ipsum faucibus. Fusce eu rutrum risus. Sed at massa vitae dolor blandit venenatis."</span> Phasellus eleifend massa sit amet aliquet interdum. Suspendisse at dignissim risus. Praesent condimentum lectus ut velit vestibulum, ut tempor dui luctus. Morbi quis viverra lacus. Vestibulum tempus porta enim vitae eleifend. Nunc id orci a arcu vestibulum aliquet ac eget enim. Vestibulum eu porttitor tellus. Morbi imperdiet efficitur est, ut sollicitudin metus vehicula ut. Aenean justo orci, aliquam et malesuada nec, volutpat lacinia mi. Praesent quis volutpat metus. Maecenas volutpat dictum magna vel laoreet. Ut volutpat euismod metus.

Aliquam ac tellus non dolor varius dapibus eu eget dui. Curabitur arcu augue, vehicula vitae interdum id, molestie lobortis risus. Phasellus sit amet finibus sapien. Ut lectus tortor, pretium eu enim et, hendrerit bibendum ante. Ut tempor augue lorem, at bibendum est hendrerit eget. In vestibulum consequat magna quis pretium. Aliquam pharetra nisi at suscipit iaculis. Aliquam molestie ex vehicula, venenatis erat a, tincidunt lacus. Nullam a dui est. Proin nisl nibh, interdum eget velit ac, eleifend iaculis neque.

In in magna vel justo pharetra fringilla. Mauris et eleifend eros. Nam tristique sodales convallis. Maecenas hendrerit ligula ac ultricies commodo. Aliquam vitae nunc at nisl lobortis mollis. In pulvinar ipsum at volutpat pharetra. Fusce feugiat, ligula vitae iaculis luctus, justo nibh gravida neque, et congue justo purus a lorem. Morbi dapibus eget justo non posuere. Cras quis enim et diam iaculis pharetra. Sed hendrerit erat ornare rhoncus bibendum. Sed ac varius eros. Proin congue, erat id porttitor bibendum, nunc est faucibus mauris, vitae tincidunt diam elit sit amet arcu. Fusce tortor neque, aliquet eget est eget, bibendum posuere justo.

Pellentesque vel neque lacus. Cras tortor est, interdum ac ante ut, condimentum ultrices dui. Vivamus pellentesque augue cursus ullamcorper condimentum. Pellentesque tempus faucibus pellentesque. Donec sit amet ante scelerisque, euismod sem a, ullamcorper massa. Curabitur tincidunt diam velit, vel vulputate nisl lacinia sed. Suspendisse eleifend ac neque at efficitur. Curabitur ornare lectus ut tortor interdum, in elementum diam varius. Aliquam at cursus ipsum. Etiam pulvinar justo enim, sed tincidunt nisl fringilla sit amet. Aliquam nulla augue, mollis tristique facilisis quis, ullamcorper ac ante. Duis porta eget ante a efficitur. Praesent congue nunc eu aliquam pulvinar. Aliquam lacinia et lectus sit amet faucibus.

Quisque lectus sem, consequat et facilisis a, feugiat nec urna. Integer ac viverra lectus, vel imperdiet mauris. Phasellus rhoncus mollis posuere. Ut nunc massa, pretium a porta a, condimentum nec justo. Nunc iaculis, ante nec sagittis posuere, tortor tellus pretium tellus, non tempor lectus sem eu turpis. Quisque commodo nibh eu nunc hendrerit, viverra bibendum augue ornare. Proin maximus magna sit amet arcu tincidunt finibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta est nec velit consequat blandit. Sed pellentesque, urna sit amet dapibus varius, tellus quam tempor justo, sit amet dictum risus metus sit amet velit. Aliquam scelerisque dapibus pretium. Nulla condimentum orci et ex pretium vehicula. Pellentesque gravida tristique turpis sit amet molestie. Nulla id tortor congue, dictum lectus ut, vehicula nibh. Donec rhoncus nec sem quis maximus. Ut id aliquet dolor.

Nunc urna dolor, commodo vitae risus eget, cursus blandit urna. Maecenas ullamcorper consequat tellus vitae vestibulum. Aenean non massa sed mauris porttitor rhoncus. Maecenas at nibh gravida, varius magna ut, laoreet arcu. Proin ac iaculis lorem. Suspendisse mattis ornare leo, eu bibendum dui cursus vitae. Nunc sit amet sapien at purus tempor laoreet. Nunc laoreet ultrices fermentum.

<center><span id="ccspeech">"Speech"</span></center></div></div></td></tr></table></center>

Code:
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/93694689/caracaratab1.css"><center><table height="900px;" width="640px;" background="http://orig15.deviantart.net/3393/f/2015/151/a/2/in_keeping_secrets_of_silent_earth_by_the__enemy-d8vje22.png" style="border-top: 35px solid #fff; border-left: 35px solid #fff; border-right: 35px solid #fff; background-position: bottom; background-repeat: no-repeat;"><tr><td><div class="cctab"><center><div class="ccheader" style="width: 138px; height: 137px;"></div><br></center><div id="cctabtext" style="width: auto; height: 555px; overflow: auto; padding-right: 4px;">
Texty text here!

<center><span id="ccspeech">"Speech"</span></center></div></div></td></tr></table></center>


runes awarded
If someone could make me a table out of this image I'd be really grateful <3 http://i.imgur.com/0hZgofL.jpg
<center><div style="background: url('http://i.imgur.com/DLaFmBY.jpg') no-repeat top center #000000; width: 550px; padding-top: 350px; text-align: justify; font: 13px times; line-height: 15px; color: rgba(107, 49, 9, .8); border: 1px solid rgba(63, 30, 0, .9); box-shadow: 0 0 5px rgba(0, 0, 0, .9);"><div style="background: rgba(0, 0, 0, 10); padding: 5%;"><font style="font: italic 35px georgia; letter-spacing: 15px;">Lux Daisia </font>
<font style="text-transform: uppercase; letter-spacing: 7px;">don't let me fool you </font><div style="border-top: 1px solid; border-bottom: 1px solid; margin-top: 2%; margin-bottom: 2%; padding-top: 2%; padding-bottom: 2%;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget ipsum eu felis feugiat egestas. Quisque hendrerit massa eu fringilla ultrices. Duis vel lorem tempus, dictum erat sed, venenatis risus. Duis ut interdum lacus. Nam a arcu et tortor accumsan cursus malesuada et nulla. Nam luctus vitae lacus vel tincidunt. Mauris consectetur at lectus condimentum mattis. Nullam tincidunt tellus non ipsum condimentum porttitor. Pellentesque ullamcorper interdum nulla quis blandit. In mauris quam, hendrerit eu hendrerit sit amet, cursus vulputate orci. Morbi mollis, dui nec luctus consectetur, odio urna tincidunt diam, venenatis lobortis nisi nisl at orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare sapien eget felis imperdiet, id lobortis nisi sollicitudin. Ut luctus eget sapien sed semper. Integer dapibus euismod nunc ut rhoncus. Vestibulum ac nulla et metus venenatis gravida non nec arcu.


<font style="font: bold 15px georgia; font-variant: small-caps; letter-spacing: 1px; color: #EDDC21; text-shadow: 0 0 5px #7f819d;">“Lorem ipsum dolor sit amet,”</font> Nam auctor commodo auctor. Quisque hendrerit massa eu fringilla ultrices. Duis vel lorem tempus, dictum erat sed, venenatis risus. Duis ut interdum lacus.

Sed tellus ligula, aliquet ac mi vitae, bibendum posuere erat. Maecenas vestibulum libero metus, ut pellentesque diam venenatis eget. Aliquam lobortis dignissim aliquam.

Nam auctor commodo auctor. Quisque hendrerit massa eu fringilla ultrices. Duis vel lorem tempus, dictum erat sed, venenatis risus. Duis ut interdum lacus. Nam a arcu et tortor accumsan cursus malesuada et nulla. Nam luctus vitae lacus vel tincidunt. Mauris consectetur at lectus condimentum mattis. Nullam tincidunt tellus non ipsum condimentum porttitor. Pellentesque ullamcorper interdum nulla quis blandit. In mauris quam, hendrerit eu hendrerit sit amet, cursus vulputate orci. Morbi mollis, dui nec luctus consectetur, odio urna tincidunt diam, venenatis lobortis nisi nisl at orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare sapien eget felis imperdiet, id lobortis nisi sollicitudin. Ut luctus eget sapien sed semper. Integer dapibus euismod nunc ut rhoncus. Vestibulum ac nulla et metus venenatis gravida non nec arcu.Duis ut interdum lacus. Nam a arcu et tortor accumsan cursus malesuada et nulla. Nam luctus vitae lacus vel tincidunt.

<font style="font: bold 15px georgia; font-variant: small-caps; letter-spacing: 1px; color: #EDDC21; text-shadow: 0 0 5px #7f819d;">“Nullam tincidunt tellus non ipsum condimentum porttitor.”</font></div>
<font style="font: bold 15px georgia; font-variant: small-caps; letter-spacing: 1px; color: #8c8dac; text-shadow: 0 0 5px #7f819d;">ooc:</font> ♥</div></div><div style="width: 550px; padding-bottom: 5px; font-family: georgia; font-size: 15px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; text-align: right; line-height 14px; opacity: .6;">code  & art by chip</div></center>
Ooooh thank you so much! ;u;
<center><div style="background: url('http://i.imgur.com/orMuxP2.jpg') no-repeat top center #0c0b14; width: 450px; padding-top: 65%; text-align: justify; font: 13px times; line-height: 15px; color: rgba(255, 255, 255, 255); border: 2px solid rgba(85, 86, 105, .9); box-shadow: 0 0 5px rgba(0, 0, 0, .5);"><div style="background: rgba(24, 39, 62, 255); padding: 5%;"><font style="font: italic 35px georgia; letter-spacing: 15px;">Satchel</font>
<font style="text-transform: uppercase; letter-spacing: 7px;">Sentinel of Scorpius</font><div style="border-top: 1px solid; border-bottom: 1px solid; margin-top: 2%; margin-bottom: 2%; padding-top: 2%; padding-bottom: 2%;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eget ipsum eu felis feugiat egestas. Quisque hendrerit massa eu fringilla ultrices. Duis vel lorem tempus, dictum erat sed, venenatis risus. Duis ut interdum lacus. Nam a arcu et tortor accumsan cursus malesuada et nulla. Nam luctus vitae lacus vel tincidunt. Mauris consectetur at lectus condimentum mattis. Nullam tincidunt tellus non ipsum condimentum porttitor. Pellentesque ullamcorper interdum nulla quis blandit. In mauris quam, hendrerit eu hendrerit sit amet, cursus vulputate orci. Morbi mollis, dui nec luctus consectetur, odio urna tincidunt diam, venenatis lobortis nisi nisl at orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare sapien eget felis imperdiet, id lobortis nisi sollicitudin. Ut luctus eget sapien sed semper. Integer dapibus euismod nunc ut rhoncus. Vestibulum ac nulla et metus venenatis gravida non nec arcu.

<font style="font: bold 15px georgia; font-variant: small-caps; letter-spacing: 1px; color: #8c8dac; text-shadow: 0 0 5px #7f819d;">“Lorem ipsum dolor sit amet,”</font> Nam auctor commodo auctor. Quisque hendrerit massa eu fringilla ultrices. Duis vel lorem tempus, dictum erat sed, venenatis risus. Duis ut interdum lacus.

Sed tellus ligula, aliquet ac mi vitae, bibendum posuere erat. Maecenas vestibulum libero metus, ut pellentesque diam venenatis eget. Aliquam lobortis dignissim aliquam.

Nam auctor commodo auctor. Quisque hendrerit massa eu fringilla ultrices. Duis vel lorem tempus, dictum erat sed, venenatis risus. Duis ut interdum lacus. Nam a arcu et tortor accumsan cursus malesuada et nulla. Nam luctus vitae lacus vel tincidunt. Mauris consectetur at lectus condimentum mattis. Nullam tincidunt tellus non ipsum condimentum porttitor. Pellentesque ullamcorper interdum nulla quis blandit. In mauris quam, hendrerit eu hendrerit sit amet, cursus vulputate orci. Morbi mollis, dui nec luctus consectetur, odio urna tincidunt diam, venenatis lobortis nisi nisl at orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare sapien eget felis imperdiet, id lobortis nisi sollicitudin. Ut luctus eget sapien sed semper. Integer dapibus euismod nunc ut rhoncus. Vestibulum ac nulla et metus venenatis gravida non nec arcu.Duis ut interdum lacus. Nam a arcu et tortor accumsan cursus malesuada et nulla. Nam luctus vitae lacus vel tincidunt.

<font style="font: bold 15px georgia; font-variant: small-caps; letter-spacing: 1px; color: #8c8dac; text-shadow: 0 0 5px #7f819d;">“Nullam tincidunt tellus non ipsum condimentum porttitor.”</font></div>
<font style="font: bold 15px georgia; font-variant: small-caps; letter-spacing: 1px; color: #8c8dac; text-shadow: 0 0 5px #7f819d;">ooc:</font> ♥</div></div><div style="width: 550px; padding-bottom: 5px; font-family: georgia; font-size: 15px; font-variant: small-caps; font-weight: bold; text-transform: lowercase; text-align: right; line-height 14px; opacity: .6;">code by chip</div></center>
Pages: 1 2