Late December, 2022
admin team
featured

We are a post potter site now rolling into the end of the year 2022. We welcome each and every one of you with open arms, eager to create many fun filled plots! As of currently, we have battled two site plots and are moving onward to our third! So please be sure to read all the plot updates and check on the rules! We are pleased that you have stopped on in and are more than eager for you to climb aboard the chaotic train! Also do note that we are an 18 years and older site! Level is shown below, as well as in our rules!

PLEASE MAKE SURE TO CLICK THE TOPSITES BUTTON IN OUR AFFILIATES TO VOTE FOR US, AS WELL AS LOG IN WITH ALL YOUR ACCOUNTS EVERY TIME YOU LOG ON!

trending_up
stars
copyright



 
Add Reply
 
New Topic
 
New Poll
 

 Application
Pureblood // Muggle // Dad // daddy // currently Offline
redeem RED
group_workred
store she
timeline27
widgets27
favoriteshe/her
Admin
red
CT // 27 // est // she // mature? yes // 24 posts // 135 house points
application template
Hi there! This is the app template, we ask that you make your freestyle app at least 700 words, and include some information about the war and how it did or didn't affect your character. The title format should be:

LAST, first m. Age | Membergroup | Face Claim

If you post a WIP app first, you may bump it when completed instead of re-posting in the completed board, as it makes for less clean up -wink-

thank you! <3



FIRST
LAST
Freestyle app goes here. We don't expect you to write a whole essay, but please give us enough information about your character's background & personality to go off.
ALIAS
AGE
TIMEZONE
PRONOUNS
CONTACT

other character name
age, occupation, membergroup

character name
age, occupation, membergroup

character name
age, occupation, membergroup

write a little something about yourself!
cheers!



CODE
[dohtml]<head><link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"></head>
<script>
$(document).ready(function() {
$('.story-topleft').click(function() {
$('.story-img').fadeIn(900);
$('.story-topleft').css({'color': '#3B3A36'});
$('.story-info').fadeOut(900);
$('.story-topright').css({'color': '#ffffff'});
$('.story-app').fadeOut(900);
$('.story-bottomleft').css({'color': '#ffffff'});
$('.story-alias').fadeOut(900);
$('.story-bottomright').css({'color': '#ffffff'});
});
$('.story-topright').click(function() {
$('.story-info').fadeIn(900);
$('.story-topright').css({'color': '#B3C2BF'});
$('.story-img').fadeOut(900);
$('.story-topleft').css({'color': '#ffffff'});
$('.story-app').fadeOut(900);
$('.story-bottomright').css({'color': '#ffffff'});
$('.story-alias').fadeOut(900);
$('.story-bottomleft').css({'color': '#ffffff'});
});
$('.story-bottomleft').click(function() {
$('.story-app').fadeIn(900);
$('.story-bottomleft').css({'color': '#E9ECE5'});
$('.story-img').fadeOut(900);
$('.story-topright').css({'color': '#ffffff'});
$('.story-info').fadeOut(900);
$('.story-topleft').css({'color': '#ffffff'});
$('.story-alias').fadeOut(900);
$('.story-bottomright').css({'color': '#ffffff'});
});
$('.story-bottomright').click(function() {
$('.story-alias').fadeIn(900);
$('.story-bottomright').css({'color': '#C0DFD9'});
$('.story-img').fadeOut(900);
$('.story-bottomleft').css({'color': '#ffffff'});
$('.story-info').fadeOut(900);
$('.story-topleft').css({'color': '#ffffff'});
$('.story-app').fadeOut(900);
$('.story-topright').css({'color': '#ffffff'});
});
});
</script>
<style>
.story-main {
width: 500px;
height: 500px;
overflow: hidden;
position: relative;
}

.story-topleft {
width: 250px;
height: 250px;
position: absolute;
top: 0;
left: 0;
background: #c0dfd9;
text-transform: uppercase;
font-size: 30pt;
color: #3B3A36;
text-align: left;
text-indent: 5px;
line-height: 1.2;
cursor: crosshair;
border-top-left-radius: 10px;
}

.story-topright {
width: 235px;
height: 250px;
position: absolute;
top: 0;
right: 0;
background: #e9ece5;
text-transform: uppercase;
font-size: 30pt;
color: #ffffff;
text-align: right;
padding-right: 15px;
line-height: 1.2;
cursor: crosshair;
border-top-right-radius: 10px;
}

.story-bottomleft {
width: 250px;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
background: #b3c2bf;
text-transform: uppercase;
font-size: 30pt;
color: #ffffff;
text-align: left;
text-indent: 5px;
padding-top: 200px;
line-height: 1;
cursor: crosshair;
border-bottom-left-radius: 10px;
}

.story-bottomright {
width: 240px;
height: 50px;
position: absolute;
bottom: 0;
right: 0;
background: #3b3a36;
text-transform: uppercase;
font-size: 30pt;
color: #ffffff;
text-align: right;
padding-right: 10px;
line-height: 450px;
padding-top: 200px;
line-height: 1;
cursor: crosshair;
border-bottom-right-radius: 10px;
}

.story-img {
width: 400px;
height: 400px;
position: absolute;
top: 50px;
left: 50px;
background-size: cover;
background-position: center;
border-radius: 10px;
}

.story-first {
position: absolute;
top: 0;
right: 0;
width: 220px;
padding-right: 5px;
text-align: right;
font-family: 'Unica One', cursive;
font-size: 30pt;
color: #3b3a36;
text-shadow: 2px 2px 3px #e9ece5;
text-transform: uppercase;
line-height: 1;
}

.story-last {
position: absolute;
top: 0;
left: 0;
width: 220px;
padding-left: 5px;
text-align: left;
font-family: 'Unica One', cursive;
font-size: 30pt;
color: #3b3a36;
text-shadow: 2px 2px 3px #c0dfd9;
text-transform: uppercase;
line-height: 1;
}

.story-info {
width: 500px;
height: 400px;
position: absolute;
overflow: hidden;
top: 50px;
left: 0px;
border-radius: 10px;
display: none;
text-align: left;
}

.story-iblock {
width: 200px;
margin: 10px 25px 10px 25px;
height: 20px;
text-align: center;
background: #ffffff;
font-family: 'Unica One', cursive;
font-size: 10pt;
color: #3b3a36;
text-transform: uppercase;
line-height: 20px;
}

.story-iimg {
width: 120px;
height: 120px;
padding: 10px;
position: absolute;
top: 10px;
right: 50px;
background: #ffffff;
}

.story-ifam {
width: 185px;
height: 150px;
bottom: 25px;
left: 40px;
text-align: justify;
overflow: auto;
position: absolute;
font-family: 'Unica One', cursive;
font-size: 8pt;
color: #ffffff;
text-transform: uppercase;
}

.story-ifam p {
text-indent: 10px;
}

.story-ifam b {
font-weight: bold;
color: #3b3a36;
}

.story-i2 {
position: absolute;
top: 230px;
right: 0px;
}

.story-i2block {
width: 200px;
margin: 10px 25px 10px 25px;
height: 20px;
text-align: center;
background: #ffffff;
font-family: 'Unica One', cursive;
font-size: 10pt;
color: #3b3a36;
text-transform: uppercase;
line-height: 20px;
}

.story-app {
width: 380px;
height: 380px;
position: absolute;
top: 50px;
left: 50px;
background: #ffffff;
border-radius: 10px;
display: none;
overflow: auto;
font-family: tahoma;
font-size: 8pt;
color: #000000;
padding: 10px;
text-align: justify;
}

.story-app b {
color: #3B3A36;
}

.story-app i {
color: #B3C2BF;
}

.story-alias {
width: 500px;
height: 400px;
position: absolute;
overflow: hidden;
top: 50px;
left: 0px;
border-radius: 10px;
display: none;
text-align: left;
}

.story-iblurb {
width: 140px;
margin: 10px 45px 25px 50px;
padding: 5px;
height: 100px;
text-align: justify;
font-size: 8pt;
color: #ffffff;
line-height: 1;
overflow: auto;
font-family: 'Unica One', cursive;
text-transform: uppercase;
}

.story-credit a { font-family: calibri; font-size: 6pt; color: #000000; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; }
</style>

<center><div class="story-main"><div class="story-topleft"><i class="fa fa-picture-o" aria-hidden="true"></i>

<div class="story-first">FIRST</div></div><div class="story-topright"><i class="fa fa-info" aria-hidden="true"></i>

<div class="story-last">LAST</div></div><div class="story-bottomleft"><i class="fa fa-pencil" aria-hidden="true"></i></div><div class="story-bottomright"><i class="fa fa-user" aria-hidden="true"></i></div>

<div class="story-img" style="background-image: url(http://placehold.it/400x400)"></div>

<div class="story-info">
<div class="story-iblock">AGE</div>
<div class="story-iblock">MEMBERGROUP</div>
<div class="story-iblock">OCCUPATION</div>
<div class="story-iblock">SEXUALITY</div>
<div class="story-iblock">RSHIP STATUS</div>

<div class="story-iimg"><img src="http://placehold.it/120x120" width="120"></div>

<div class="story-ifam">

<p><b>About Character.</b><br>
Info here.

<p><b>Friends</b><br>
info here.

<p><b>enemies</b><br>
info here.

<p><b>Lovers.</b><br>
info here.<br>

</div>

<div class="story-i2">
<div class="story-iblock">BIRTHPLACE</div>
<div class="story-iblock">DOB (format: sixth of feb 1950)</div>
<div class="story-iblock">PRONOUNS</div>
<div class="story-iblock">PLAYBY</div>
</div>
</div>
<div class="story-app">
Freestyle app goes here. We don't expect you to write a whole essay, but please give us enough information about your character's background & personality to go off.
</div>
<div class="story-alias">
<div class="story-iblock">ALIAS</div>
<div class="story-iblock">AGE</div>
<div class="story-iblock">TIMEZONE</div>
<div class="story-iblock">PRONOUNS</div>
<div class="story-iblock">CONTACT</div>

<div class="story-iimg"><img src="http://placehold.it/120x120" width="120"></div>

<div class="story-ifam">
<p>
<p><b>other character name</b><br>
age, occupation, membergroup

<p><b>character name</b><br>
age, occupation, membergroup

<p><b>character name</b><br>
age, occupation, membergroup




</div>

<div class="story-i2">
<div class="story-iblurb">
write a little something about yourself!
</div>
</div></div></div><div class="story-credit"><a href="http://shine.b1.jcink.com/index.php?showuser=21904">cheers!</a></div></center>[/dohtml]
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
 



 


 

skinned exclusively by shinxo