THE DATE
OCTOBER
FALL 2014
lost track? click here!
UPDATES
june 15th, 2014: ..also, surprise! we have a new skin!!
june 15th, 2014: hey guys! two important things. 1) a warning/announcement about the icc, here!. 2) activity check #2, here! please check both out.
may 29th, 2014: quick announcement about the mini profile change, so please click here to read about that!
may 27th, 2014: hey guys! new skin, and lots of new features/updates/changes! click here to read them all!
credits
the skin was made by cat for show your teeth, along with the graphics, the code for the board description, and the table you are seeing here. thank you subdevo for the peekaboo sidebar, and thank you black for the custom forum structure coeds. the lyrics you see on the category titles are from the song 'spread your love' by the black rebel motorcycle club, and the site title is a slight variation of lyrics from the song 'teeth' by lady gaga. the color palette was found off of colourlovers, and the backgrounds you see used in the mini profile and in the background of the skin are from subtlepatterns. if i've forgotten to credit you, please let me know! x

 
Add Reply
New Topic
New Poll

 app template
CAT
 Posted: Feb 16 2014, 01:09 AM
Quote
life ruiner tbh
drifting apart like two sheets of ice my love frozen hearts growing colder with time there's no heat from our mouths please take me back to my refuse and we are in flames i needed i need you to run through my veins like disease disease and now we are strange strangers
old years old
135 posts made
 
Admin
cat is Offline


applications

TITLE: FIRST LAST NAME
DESCRIPTION: membergroup, age, playby
hola! so, you've come to register?! awesome!! below are the two different apps that you can use. both are FREEFORM applications, which means you can do whatever you please, as long as we get enough basic information about your character!



first middle last
first m. last
age
birthday
job
membergroup
hometown
face claim
freeform app here
alias . time zone



CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type='text/css'>
.lovelybones { position:relative; overflow:hidden; width:400px; height:300px; background-color: transparent; padding:20px; }
.whitewash { position:absolute; overflow:hidden; top:20px; left:-400px; width:380px; height:280px; padding:10px; background-color:#fff; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lovelybones:hover .whitewash { left:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.text { width:155px; height:30px; padding-right:5px; padding-bottom:4px; border-bottom:1px solid #eee; margin-bottom:5px; font-family:oswald; color:#222; line-height:30px; font-size:12px; text-transform:lowercase; text-align:right; }
.infos { position:absolute; left: 210px; top:10px; padding-left:20px; width:160px; height:280px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic { position:absolute; top:10px; left:0px; overflow:hidden; width:140px; height:240px; background-color:#f5f5f5; padding:20px; margin-right:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic:hover { width:380px; background-color:#f5f5f5; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
.lilpicc { position:absolute; top:0px; left:0px; width:180px; height:280px; opacity:1; -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out; }
.lilpic:hover .lilpicc { top:280px; }
.wooooords { opacity:0; width:340px; height:240px; overflow:auto; text-align:justify; line-height:100%; font-size:10px; font-family:calibri; color:#222; }
.lilpic:hover .wooooords { opacity:1; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
</style><center><div style='width:440px; height:50px; background-color: transparent; font-family:oswald; color:#222; line-height:60px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

first middle last

</div><div class='lovelybones'><div class='whitewash'><div class='infos'><div class='text'>

first m. last

</div><div class='text'>

age

</div><div class='text'>

birthday

</div><div class='text'>

job

</div><div class='text'>

membergroup

</div><div class='text'>

hometown

</div><div class='text'>

face claim

</div></div><div class='lilpic'><div class='wooooords'>

freeform app here

</div><div class='lilpicc' style='background-image:url(http://placehold.it/180x280);'></div>
</div></div>

<img src='http://placehold.it/400x300'>

</div><div style='width:440px; height:50px; background-color: transparent; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

alias . time zone

</div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://shine.b1.jcink.com/index.php?showuser=599] THANKS TO LOUIS AT SHINE![/URL]</div>
</center>[/dohtml]



first last
age
occupation
member group
playby name
freeform app goes here. it will scroll.
player info goes here.
♥ SARA!


CODE
[DOHTML]<center> <link href='http://fonts.googleapis.com/css?family=Nova+Mono|Life+Savers|Source+Code+Pro:300' rel='stylesheet' type='text/css'> <style type="text/css">

.sara-boxes { width: 96px; height: 16px; background-color: #f1f1f1; text-align: center; font-family: times; font-size: 10px; text-transform: lowercase; font-weight: none; font-style: italic; color: #000; letter-spacing: 1px; line-height: 100%; margin-left: 5px; padding: 5px 0px 0px 0px;}

.name-box { width: 220px; height: 20px; background-color: #fff; border: 3px double #CCC; padding: 18px 10px 10px 10px; font-family: 'cambria'; font-size: 20px; letter-spacing: 1px; color: #000; font-style: italic; position: relative; top: 180px; opacity: .88;  }

.alias-box { width: 220px; height: 5px; padding: 5px 10px 10px 10px; text-align: center; font-family: cambria; font-size: 13px; font-style: italic; color: #000; background-color: #f1f1f1; border: 3px double #CCC; margin: 8px 0px 0px 0px; }

</style>
<div style="width: 450px;">
<div style="width: 450px; height: 250px; background-image: url(http://placehold.it/450x250);"> <div class="name-box"> first last</div> </div>
<div style="width: 450px; height: 60px; background-color: #333; position: relative;">
<table cellspacing="0" cellpadding="0" style="position: relative; top: 20px; left: -3px;">
<td><div class="sara-boxes">

age

</div>  </td><td><div class="sara-boxes">

occupation

</div> </td><td><div class="sara-boxes">

member group

</div>  </td>
<td><div class="sara-boxes">

playby name

</div>  </td> </table></div>
<div style="width: 450px; background-color: #333; padding: 0px 0px 10px 0px;">
<div style="width: 380px; height: 230px; background-color: #4E4E4E; padding: 10px; font-family: cambria; font-size: 10px; color: #f1f1f1; line-height: 100%; text-align: justify; overflow: auto; ">

freeform app goes here. it will scroll.

</div>
<div style="height: 7px;"></div>
<div class="alias-box"> player info goes here.  </div>

</div></div>
<a href="http://shine.b1.jcink.com/index.php?showuser=165"><div style="width: 450px;text-align: right; font-family: cambria; font-size: 8px; text-transform: uppercae; font-style: italic; color: #000; line-height: 100%; letter-spacing: 1px;"> ♥ SARA! </div></a>
</center>[/DOHTML]
PMEmail
^
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
Fast Reply
New Topic
New Poll