[CODE] Side Image Text Table

POSTED: Wed Feb 05, 2014 8:57 pm

Another template! This one is relatively simple, you'll need a tall, skinny image (taller is better!). The one in the example table is 75px wide, with no borders (css takes care of those!). You'll need to change the CHAR to your character's name, and edit the 'CHARsides1" height and width to match your images dimensions and the table will adjust accordingly!




JEALOUS IS THE NIGHT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non. Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. "Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non." Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non. Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non. Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse odio metus, pellentesque at est at, vulputate blandit diam. Proin elementum urna et hendrerit egestas. Donec eget erat posuere tortor gravida viverra et eget purus. Nunc eu tortor malesuada, tincidunt nisl hendrerit, ultrices ante. Phasellus laoreet aliquam libero in tincidunt. Suspendisse potenti. Donec egestas sodales magna, id dignissim eros dapibus non. Nam vel mattis nisl, et pellentesque augue. Pellentesque ornare semper mi vel scelerisque.

ooc stuff here | [wc — ??] template by hilli



Code: Select all
[html]<link href='http://fonts.googleapis.com/css?family=Artifika' rel='stylesheet' type='text/css'>
<style>.CHARsides {width:650px; font:16px/1.50 Times New Roman; text-align:left; margin:0px auto;}
.CHARsides1 { background-image:url('http://ghostecho.net/souls/river.png'); background-position:center left; background-repeat:no-repeat; border:1px solid #000; width:75px; height:569px; border:1px solid black; outline:1px solid white; float:right; margin:30px;  }
.CHARsides-ooc{font-family: 'Artifika', serif; font-size:13px; border-top:1px dotted; text-align:center;}
.CHARsides p {text-indent:60px;}
.CHARsides-ly {font-family: 'Artifika', serif; font-size:2em; text-align:center; border-bottom:1px dotted;}</style>

<div class="CHARsides">
<div class="CHARsides-ly">lyrics go here</div>
<div class="CHARsides1"></div>
<p></p>
<div class="CHARsides-ooc">ooc stuff here | <b>[wc &mdash; ??]</b> template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=12002">hilli</a></div>
</div>
[/html]
Run away-ay with me
Lost souls in revelry
Salsola
The Tradesman (NPC)
User avatar
Hilli
Luperci Feather ankh rah'khir

Templates