Waltima Island -> Application Code



 
Closed
New Topic
New Poll

 Application Code
Once Upon A Dream
 Posted: Nov 4 2014, 09:50 PM
Quote
1 Ring to Rule Them All. 1 Ring to Find Them. 1 Ring to Bring Them All. And in the Darkness Bind Them!
Goddess
- Dreamland -
Ruler of ALL
Pansexual
Serenity is Offline


YOUR NAME
BIRTHDAY, YEAR
OCCUPATION
CANON
MOVIE
MEMBER GROUP
CELEB PB
YOUR NAME
TIME ZONE


"Picture of Canon Above then Quote Here "
app will go here!
TY SARA!
PMEmailAIMYIM
^
Once Upon A Dream
 Posted: Nov 21 2014, 06:34 PM
Quote
1 Ring to Rule Them All. 1 Ring to Find Them. 1 Ring to Bring Them All. And in the Darkness Bind Them!
Goddess
- Dreamland -
Ruler of ALL
Pansexual
Serenity is Offline


CODE
[DOHTML] <center> <link href='http://fonts.googleapis.com/css?family=Passion+One|Poiret+One|Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">

.tabs {
position: relative;  
width: 450px;
height:  350px;
clear: both;
margin: 30px 0;
}

.tab {
float: left;
}

.tab label {
width: 100px;
background: #B7D1A3;
padding: 20px 0px 20px 0px;  
position: absolute;
left: 0px;
top: 20px;
font-family: 'oswald', sans-serif;
font-size: 15px;
color: #fff;
text-shadow: 1px 1px 0px #000;
text-transform: uppercase;
}

.tab [type=radio] {
display: none;  
baseline-tab-shift: true, retrieve;
}

.content {
float: right;
position: absolute;
top: -30px;
bottom: 0px;
left: 100px;
right: 0px;
text-align: justify;
background: #fff;
padding: 10px;
width: 330px;
height:230px;
overflow: auto;
}

[type=radio]:checked ~ label {
background: #7DCCBA;
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}

.saraboxout { width: 450px; height: 470px; background-color: #cd8c52; padding: 10px; border: 15px solid #5e3929; }

.saraboxes1{width: 130px; padding: 10px 0px 10px 0px; line-height: 100%; background-color: #f1f1f1; font-size: 12px; text-align: center; color: #000; font-family: 'poiret one', sans-serif;}

.saraboxes2 {width: 265px; padding: 10px 0px 10px 0px;  background-color: #f1f1f1; font-size: 12px; text-align: center; color: #000; font-family: 'poiret one', sans-serif; }

</style>

<div class="saraboxout">
<div style="width: 450px; height: 200px; background-image: url(http://placehold.it/450x200);"></div>
<div style="width: 450px; height: 20px; background-color: #B7D1A3;"></div>
<div style="width: 100px; height: 250px; background-color: #B7D1A3; float: left;">
<div class="tabs">
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">I.</label>
<div class="content">
<div style="height: 10px;"></div>
<div style="text-align: center; font-family: 'passion one', sans-serif; font-size: 35px; color: #B7D1A3; text-shadow: 1px 1px 0px #000; line-height: 100%; letter-spacing: 1px;"> YOUR NAME</div>




<center><div style="width: 265px; border-top: 3px double #B7D1A3;"></div> </center>
<table align="center" cellspacing="3"><tr><td>
<div class="saraboxes1">BIRTHDAY, YEAR</div></td>
<td><div class="saraboxes1">OCCUPATION</div></td></tr>

<tr><td>
<div class="saraboxes1">CANON</div></td>
<td><div class="saraboxes1">MOVIE</div></td></tr>

<tr><td>
<div class="saraboxes1">MEMBER GROUP</div></td>
<td><div class="saraboxes1">CELEB PB</div></td></tr>

<tr><td>
<div class="saraboxes1">YOUR NAME</div></td>
<td><div class="saraboxes1">TIME ZONE</div></td></tr>
</table>


<center><div style="width: 265px;  margin-top: 4px; border-top: 3px double #B7D1A3;"></div> </center>

</div> </div>

<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top: 52px;">II.</label>
<div class="content" style="font-family: tahoma; font-size: 9px; color: #000; line-height: 100%;">
<div style="height: 5px;"></div>
<center><div style="width: 265px;  margin-top: 0px; border-top: 3px double #B7D1A3;"></div> </center>

<center><div style="width: 265px; text-align: center; font-family: calibri; font-size: 10px; letter-spacing: 1px; color: #000; line-height: 97%; padding: 5px 0px 5px 0px;">





<img src="http://placehold.it/265x180"><br><br>
"Picture of Canon Above then Quote Here "</div>







<center><div style="width: 265px;  border-top: 3px double #B7D1A3;"></div> </center>
</div> </div>

<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3"  style="margin-top: 104px;">III.</label>
<div class="content" style="font-family: calibri; font-size: 10px; text-align: justify; line-height: 100%; color: #000;">

app will go here!


</div>
</div>
</div></div>
</div></div>
</center>
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=11304"> TY SARA!</a></div>
[/DOHTML]
PMEmailAIMYIM
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | Potential Residents | Next Newest »

Topic Options
Closed
New Topic
New Poll


 


 




SKIN WAS CREATED BY IRIS AT A THOUSAND FIREFLIES.