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).
Add Reply
New Topic
New Poll

 the app template
 Posted: May 22 2016, 02:23 PM


<link href='|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; }

<div class="headbar">

<div style="width: 130px; height: 130px; background-image: url(; 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 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 class="main"><div class="text">

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

<div class="footbar">

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

</div><a href="">* * *</a>
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll



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