It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
Profile
Personal Photo

No Photo

Options
Custom Title
Koko doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
Statistics
Joined: 20-May 16
Status: (Offline)
Last Seen: Apr 5 2017, 12:52 PM
Local Time: Jul 16 2018, 04:03 AM
1 posts (0 per day)
( 1.02% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

Koko

Admin

Topics
Posts
Comments
Friends
My Content
May 22 2016, 02:23 PM
CODE
[dohtml]<br><center>

<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Amatic+SC' rel='stylesheet' type='text/css'>

<style type="text/css">

.pic { opacity: 0.0; width: 130px; height: 130px; transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; float: left; }
.pic:hover { opacity: 1.0 }

.pic2 { width: 130px; height: 130px; background-color: #fff; float: left; overflow: hidden; }

.lyrics { color: #D4C8D6; font-family: courier; font-size: 11px; text-align: center; line-height: 100%; padding: 5px; }

.headbar { height: 130px; width: 370px; background-color: #D3BAD5; padding: 10px; text-align: left; }
.footbar { height: 20px; width: 390px; background-color: #D4C8D6; overflow: hidden; }
.main { width: 346px; background-color: #fff; padding: 20px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: D4C8D6; align: center; }
.text { font-family: times; font-size: 12px; text-align: justify; line-height: 100%; }
.foottext { font-family: times; font-size: 12px; text-transform: uppercase; color: #fff; text-align: center; overflow: hidden; padding: 0px 5px; }
.name { width: 215px; color: #D4C8D6; font-family: la belle aurore; font-size: 25px; text-transform: capitalize; margin: 10px 5px 0px 5px; text-align: right; float: right; }
.headinfo { color: #D3BAD5; background-color: #fff; width: 220px; height: 10px; font-family: times; text-transform: lowercase; font-size: 10px; padding: 0px 0px 7px 5px; margin: 3px; float: right; }
.sub { color: #D3BAD5; font-family: amatic sc; font-size: 20px; line-spacing: 1px; text-transform: capitalize; text-align: right; margin: 10px 10px 5px 50px; padding-bottom: 5px; border-bottom: 1px solid #D3BAD5; }
</style>

<div class="headbar">

<div style="width: 130px; height: 130px; background-image: url(http://placehold.it/130x130); float: left;"><div class="pic">
<div class="pic2"><div class="lyrics">

put just a few lyrics here - it'll cut off if it's too long!

</div></div></div></div>

<div class="name">first m. last</div>
<div class="headinfo">age</div>
<div class="headinfo">occupation</div>
<div class="headinfo">playby</div>
<div class="headinfo">etc.</div>


</div>

<div class="main"><div class="text">

<div class="sub">section heading!</div>
<p>
write your app here!
<p>
<div class="sub">section heading!</div>
<p>
write your app here!
<p>

</div></div>
<div class="footbar">

<div class="foottext">player name • time zone • contact info • etc.</div>

</div><a href="http://cttw.jcink.net/index.php?showuser=112">* * *</a>
</center><br>[/dohtml]
Last Visitors


Jun 8 2016, 10:01 AM




May 22 2016, 01:55 PM



Comments
No comments posted.
Add Comment


skin by jae/nicole (i, ii, iii, iv). mini profile by jae/nicole.