WELCOME TO Frisson
FRISSON IS A NEW REALISTIC VICTORIAN ERA RPG FORUM ESTABLISHED IN 2017. WE ARE AN INTERACTIVE GROUP OF WRITERS. STORYLINES AND PLOTS CAN BE MATURE AND CONTAIN GRAPHIC VIOLENCE, SO THIS SITE IS FOR THOSE OVER 18 YEARS OF AGE.
LOCATION
1876 AD
Thread

NOBILITY FREEZE: Until further notice, European Noble and aristocratic positions will be locked for new applications until more of the other classes balance out.

 
Add Reply
New Topic

 Shipper App Template
Seraphina Texas Central She/Her 37 Seraphina 5th Character
40 POINTS EARNED
8 YEARS WRITING
FrissonAdmin
- Admin -
Tomorrow is no place to place your better days.

38
- Age -
Married
- relationship status -
Sales
- occupation -

FrissonAdmin is Offline


Application Templates
How to Use

This is the application template. There are 4 backgrounds to choose when creating your shipper app. You may use any that are shown. The individual URL codes are in each block. Use the arrows to scroll through to find your preferred background.

You may add more information to the application, but please ensure all questions provided are answered.

All required information is in between double asterisks. Please delete both sets of asterisks and replace with your answers.

All apps will be sorted into their respective member groups. As they are shippers, they will be utilized as such so that members may plot with you once your character is accepted. Please ensure you give enough information to help those plotting with you find content that will interest them. As we are an intermediate/advanced group, please ensure characters created are well thought out with an adequate historical testimonial.

You have 7 days to complete a pending application. If you feel you need more time, simply ask admin for an exception. If applications are not completed in the 7 day period, they will be denied and archived.

Once your application is complete, bump it so that admin will know to approve it.

Members who joined before the new app code was released on 5/29/2017 may keep the old app code if they choose, or they may redo their app with this version. All other members must use this style only.

Please ensure image is static and of a contemporary model, musician or actor. No cartoon or anime play bys are allowed, nor are personal images of people from their tumblr or instagram feeds, etc. No historical images of people (apparently for this site this needs to be stated) which includes any actors, models or musicians from before the 1980's. No images of royalty or political figures may be used. (so no, Kate Middleton and Queen Victoria are both out)

If you feel like your Face Claim is questionable, please feel free to pm admin and we will review them and give you a final decision.

Please ensure Titles are available before your character is created.

Front image is 500px x 500px

Background #1
CODE
http://files.jcink.net/uploads/frisson/board_items/frissonbg_edited_1_zpsjsk1l43q.jpg
Background #2
CODE
http://files.jcink.net/uploads/frisson/board_items/frissonbg4_zpsgispzw5f.jpg    
Background #3
CODE
http://files.jcink.net/uploads/frisson/board_items/frissonbg3_zpseeb3fhr4.jpg
   
     
Background #4
CODE
http://files.jcink.net/uploads/frisson/board_items/frissonbg2_zpskmtznuqi.jpg    




Application Template


CODE


[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">
#slider { text-align: center; width:500px; height:500px;}

label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#slider { margin: 0 auto; }

#slider input {display: none;}
#slidercr { font-family: oswald; font-size:10px; text-transform:uppercase; }
#slidercr a {color:#206876;}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }

#controller {width:500px; height:500px; overflow:hidden; }
#overflow {width: 100%;overflow: hidden;}
article img {width: 500px; height:500px;}
#slides .inner {width: 500%;line-height: 0;}
#slides article { width: 20%;float: left;}
#controls {margin-top: -50%; margin-left:16%; margin-right:0%; margin-bottom:0%; width: 68%;height: 50px;}
#controls label { display: none;width: 50px; height: 50px;opacity: 0.3;}
#active {margin: 27% 0 0;text-align: center;}

#active label {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px;
height: 10px; background: #bbb; }

#active label:hover { background: #ccc; border-color: #0e0e0e!important; }

#controls label:hover { opacity: 0.8; }

#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) { background: url('http://i.imgur.com/q4d3cgE.png') no-repeat; float: right; margin: 0 -70px 0 0; display: block;}

#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) { background: url('http://i.imgur.com/1QmKWZL.png') no-repeat; float: left; margin: 0 0 0 -70px; display: block; }

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) { background: #0e0e0e; border-color: #0e0e0e !important; }

/* Info Box */

.info {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; align:center; height:500px;}
.firstslide {line-height: 20px; margin: 0 0 -150%; position: absolute; padding: 30px 30px; opacity: 0; color: #000; text-align: justify; height:500px;}
.fstxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ntxt { margin-top:360px 0 0 50px; background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); color:#191919; font-size:38px; font-family:oswald; text-align:center; padding:15px; text-transform:uppercase; letter-spacing:2px;}
.ctxt { background-color:rgba(255,255,255,0.7); background-color:rgb(255,255,255,0.7); width:390px; padding: 5px 25px 25px 25px; text-align:justify; font-family:georgia; font-size:11px; line-height:95%; height:355px; overflow:auto;}
#slides { box-shadow: 1px 1px 4px #666;}
.ctxt b { font-weight:bold; font-size:13px; color:#565070; text-transform:uppercase; font-family:oswald;}

#slides .inner {-webkit-transform: translateZ(0);-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); }

#slider { -webkit-transform: translateZ(0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

#controls label{ -webkit-transform: translateZ(0); -webkit-transition: opacity 0.4s ease-out;-moz-transition: opacity 0.4s ease-out;-o-transition: opacity 0.4s ease-out;transition: opacity 0.4s ease-out;}

#slide1:checked ~ #slides article:nth-child(1) .firstslide,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info { opacity: 1; -webkit-transition: all 1s ease-out 0.6s;-moz-transition: all 1s ease-out 0.6s;-o-transition: all 1s ease-out 0.6s; transition: all 1s ease-out 0.6s;}
.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile { -webkit-transform: translateZ(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }</style>

<div class="controller"><article id=slider>
<input checked type=radio name=slider id=slide1 />
<input type=radio name=slider id=slide2 />
<input type=radio name=slider id=slide3 />
<input type=radio name=slider id=slide4 />
<input type=radio name=slider id=slide5 />

<div id=slides>
<div id=overflow>
<div class=inner>
<article><div class=firstslide><div class="fstxt">**CHARACTER FULL NAME WITHOUT TITLE**</div></div>
<img src=**CHARACTER IMAGE HERE**></article>
   
<article><div class=info>
<div class="ntxt">Biography</div>
<div class="ctxt">

<b> Played By </b><br>
FACE CLAIM -  **Character face claim name*<br>
WILLING TO SHARE - **Yes/No**<br>
HOW DOES YOUR CHARACTER FIT INTO EXISTING SITE DYNAMICS: **explain where and who you plan to write your new character with.  This is to ensure that all writers are cohesive and have a place to start writing from the beginning.**<br>
<p>
<b>Personal</b><br>
NICKNAME -  **List any nicknames the character has**<br>
NATIONALITY -  **American, European, Foreigner, Explorer, or Native**<br>
TITLE OR OCCUPATION -  **List character title and/or occupation**<br>
AGE - **character age**br>
GENDER - **Male or Female** <br>
SEXUAL ORIENTATION - **List character sexual orientation**<br>
<p>
<b>Standing</b><br>
ECONOMIC STATUS - **List character Economic Class** <br>
EDUCATION - **List Character Education**<br>
LOCATION - **List Character Location**<br>
<p>
<b>Appearance</b><br>
EYES - **List character eye color or describe unique qualities** <br>
HEIGHT - **List characters height or describe unique qualities**<br>
BUILD - **Describe Character Build**<br>
<p>
<b>Family</b><br>
**List any family ties here**<br>
<p>
<br><b>Personality</b>
<br>**Write detailed description of characters personality**<p>

<br><b>Interests</b>
<br>**Write detailed description of characters interests**<p>

<br><b>Aversions</b>
<br>**Write detailed description of characters disinterests**<p>

<br><b>Strengths</b>
<br>**Write detailed description of characters strengths**<p>

<br><b>Weaknesses</b>

<br>**Write detailed description of characters weaknesses** <br>


</div></div>
<img src=**BACKGROUND IMAGE URL HERE**></article>
   
<article><div class=info><div class="ntxt">History</div>
<div class="ctxt" style="text-align:left;">


**Please insert Character history of 500 words or more Here.**



</div></div>
<img src=**BACKGROUND IMAGE URL HERE**></article>
   
<article><div class=info><div class="ntxt">Relationships</div>
<div class="ctxt">

<b>Friends</b>
<p> -  relationship<br><p>

<b>Lovers</b>
<p> -  relationship<br><p>

<b>Enemies</b>
<p> -  relationship<br>

</div></div>
<img src=**BACKGROUND IMAGE URL HERE**></article>


<article><div class=info><div class="ntxt">About the Author</div><div class="ctxt">

<b>The Basics</b><br><p>
OOC ALIAS: - **Your OOC ailas here** <br>
CBOX NAME - **Your cbox name here**<br>
OOC AGE - **your age here** <br>
OOC GENDER -  **your gender here**<br>

<p>HOW DID YOU HEAR ABOUT FRISSON? - **How did you find frisson?  Let us know here** <br>

<p><br><b>Writing With Me</b><br><p>

<p>LIST 3 (OR MORE) RULES ABOUT YOUR WRITING PREFERENCES<p>

**1st preference**
<p>
**2nd preference**
<p>
**3rd preference**
<p>

<p><br>LIST 3 (OR MORE) OF YOUR WRITING DISLIKES <p>

**1st preference**
<p>
**2nd preference**
<p>
**3rd preference**
<p>

</div></div>
<img src=**BACKGROUND IMAGE URL HERE**></article>
   
</div>
</div>
</div>
<div id=controls>
 <label for=slide1></label>
 <label for=slide2></label>
 <label for=slide3></label>
 <label for=slide4></label>
 <label for=slide5></label>


</div>
</article></div>
<center><div id="slidercr"><a href="http://cttw.jcink.net/index.php?showuser=160">merc</a></div></center>
[/dohtml]

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic


 


 




SITE BEST VIEWED WITH FIREFOX & CHROME WEB BROWSERS
SKINNED BY Vanessa of SHINE AND CAUTION