Image and video hosting by TinyPic

Updates: We have an updated Gift/Mutation list which can be found HERE
Home | Today's Active Topics | Today's Top Posters | Overall Top Posters
  Reply to this topic..Start new topic..Start Poll..

» Applications Forms
Sam
 Posted: Feb 25 2017, 01:27 PM
Quote Post.

Offline

I am the Swan Queen!

24

Me!

Admin

OOC: Sam

Posts: 87



Group Icon

Awards: 2



Here you will find two different styles of applications; standard and freestyle. They are done with a DOHTML format. If you need any help, let any of us know and we would be glad to help!

If you wish to have breaks between paragraphs, two break codes are needed. They are <br><br> to leave one line between paragraphs.


Example:
William Lee Mitchell
~ Group ~

~ Age ~

Twenty Nine

~ Preferred Pronouns ~

Him/He

~ Occupation ~

International Playboy

~ Gift(s) ~

Xenoglossy/Telepathy

~ Played By ~

Brendon Urie

~ OOC ~

Samantha


Personality
I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored.


Phsyicial Features
I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored.


Background
I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored.


THE CODE IS UNDER THE CUT

Spoiler
CODE
[dohtml]

<style>

@font-face
{
font-family: 'steelfish_rg';
src: url(http://mooseeh.b1.jcink.com/uploads/mooseeh/steelfish_rg.ttf);
}

@font-face
{
font-family: 'CaviarDreams';
src: url(http://mooseeh.b1.jcink.com/uploads/mooseeh/CaviarDreams.ttf);
}

.body {
  width: 570px;
  height: 445px;
  background: #F9F9F9;
  margin: 0 auto;
  font-family: 'CaviarDreams';
  border: 1px;
  border-radius: 5px;

}

.header {
  height: 23px;
  width: 100%;
  padding: 7px 0 0;
  border-top: 1px;
  border-bottom: none;
  border-radius: 5px;
  background: #3D4152;
  vertical-align: top;
  text-align: center;
  color: #BEBEBE;
  font-size: 20px;
  font-family: 'steelfish_rg';
  letter-spacing: 2px;
}

.table {
  width: 570px;
  height: 415px;
  background: url(https://s-media-cache-ak0.pinimg.com/236x/08/ae/f3/08aef31514874dfc64c73153741f0b82.jpg);
  vertical-align: top;
  border-radius: 5px;
}

.info::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}

.info::-webkit-scrollbar-thumb {
  background: #3D4152;
}

.info {
  width: 265px;
  height: 320px;
  padding: 15px 20px;
  background: #F9F9F9;
  display: inline-block;
  vertical-align: top;
  margin: 25px 0 0 -2px;
  color: #60605F;
  font-size: 11px;
  line-height: 13px;
  text-align: left;
  overflow: auto;
  border: 1px solid #3D4152;
  border-radius: 5px;
}

.hover,.profile {
  color: #F7F8FF;
  text-transform: uppercase;
  text-shadow: 0 0 2px #222,0 0 2px #222,0 0 5px #222;
  font-size: 11px;
  font-style: bold;
  letter-spacing: 1px;
  width: 200px;
  height: 320px;
  padding: 15px 0 15px 17px;
  border: 1px #3D4152;
  border-radius: 5px;
  background: #F9F9F9;
  display: inline-block;
  vertical-align: top;
  margin: 25px -2px 0 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 700ms;
  -moz-transition: all 700ms;
  -ms-transition: all 700ms;
  -o-transition: all 700ms;
  transition: all 700ms;
}

.profile {
 background: rgba(59,60,84,0.8);
  position: absolute;
  box-sizing: border-box;
  border: 1px;
  border-color: #3D4152;
  border-radius: 5px;
  padding: 35px 15px 0;
  overflow: hidden;
  outline: 1px solid rgba(239,239,239,0.4);
  outline-offset: -15px;
  width: 200px;
  height: 300px;
  left: 240px;
  top: 7px;
}


.profile h1 {
  margin: -10px auto 7px;
  padding: 2px 0;
  font-size: 15px;
  font-weight: 400;
  font-style: bold;
  font-family: calibri,sans-serif;
  color: #B0B1D1;
  text-transform: none;

}

 
.hover:hover .profile {
  top: 7px;
  left: 17px;
}


.miniprofile {
  padding: 0 0 0 5px;
  border-radius: 5px;
  margin: 2px auto 0;
  vertical-align: top;
  text-align: left;
  color: #696969;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 16px;

}


</style>

  <div class="body">
      <div class="header">
          FULL NAME HERE
      </div>
      <div class="table">
          <center>
              <div class="hover">
              <div class="profile">
~ Group ~  <h1>CITIZEN/VISITOR/GOV. OFFICIAL</h1>
~ Age ~   <h1>AGE</h1>
~ Preferred Pronouns ~ <h1>PRONOUNS HERE</h1>
~ Occupation ~ <h1>JOB</h1>
~ Gift(s) ~  <h1>GIFT(S)</h1>
~ Played By ~ <h1>PLAY BY</h1>
~ OOC ~ <h1>OOC NAME</h1>
              </div>
              <div class="miniprofile"></div><center><img src="DIRECT IMAGE LINK HERE PREFERABLY 320x200 BUT WILL SHRINK TO FIT" height="320px" width="200px" /> </center></div>
              <div class="info">
             
<center>
<br><span style="color:#3D4152"><font size="5">Personality</font></span>
<div style="width:250px;height:75px;line-height:1em;overflow:scroll;padding:5px;">
PERSONALITY DESCRIPTION GOES HERE
</div>
<br><br><span style="color:#3D4152"><font size="5">Phsyicial Features</font></span><br>
<div style="width:250px;height:75px;line-height:1em;overflow:scroll;padding:5px;">
PHYSICAL FEATURE DESCRIPTION HERE
</div>

<br><br><span style="color:#3D4152"><font size="5">Background</font></span><br>
<div style="width:250px;height:100px;line-height:1em;overflow:scroll;padding:5px;">
HISTORY AND BACKGROUND GOES HERE
</div></center>

              </div>
          </center>
      </div>
  </div>
[/dohtml]

PM.Email Poster.Users Website.GTalk.
^
Sam
 Posted: Feb 25 2017, 01:42 PM
Quote Post.

Offline

I am the Swan Queen!

24

Me!

Admin

OOC: Sam

Posts: 87



Group Icon

Awards: 2



This is the Freestyle app. Fill in the blank box with any information you do like pertaining to your character. There is no word count.

Antonio Valentino Espitia
~ Group ~

Visitor

~ Age ~

Twenty Nine

~ Preferred Pronouns ~

Him/He

~ Occupation ~

Band Manager

~ Gift(s) ~

Ungifted

~ Played By ~

Gabe Saporta

~ OOC ~

Samantha



Freestyle
I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored.

I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored. I dont know about you but I'm bored.


THE CODE IS UNDER THE CUT

Spoiler
CODE
[dohtml]

<style>

@font-face
{
font-family: 'steelfish_rg';
src: url(http://mooseeh.b1.jcink.com/uploads/mooseeh/steelfish_rg.ttf);
}

@font-face
{
font-family: 'CaviarDreams';
src: url(http://mooseeh.b1.jcink.com/uploads/mooseeh/CaviarDreams.ttf);
}

.body {
 width: 570px;
 height: 445px;
 background: #F9F9F9;
 margin: 0 auto;
 font-family: 'CaviarDreams';
 border: 1px;
 border-radius: 5px;

}

.header {
 height: 23px;
 width: 100%;
 padding: 7px 0 0;
 border-top: 1px;
 border-bottom: none;
 border-radius: 5px;
 background: #3D4152;
 vertical-align: top;
 text-align: center;
 color: #BEBEBE;
 font-size: 20px;
 font-family: 'steelfish_rg';
 letter-spacing: 2px;
}

.table {
 width: 570px;
 height: 415px;
 background: url(https://s-media-cache-ak0.pinimg.com/236x/08/ae/f3/08aef31514874dfc64c73153741f0b82.jpg);
 vertical-align: top;
 border-radius: 5px;
}

.info::-webkit-scrollbar {
 width: 2px;
 height: 5px;
}

.info::-webkit-scrollbar-thumb {
 background: #3D4152;
}

.info {
 width: 265px;
 height: 320px;
 padding: 15px 20px;
 background: #F9F9F9;
 display: inline-block;
 vertical-align: top;
 margin: 25px 0 0 -2px;
 color: #60605F;
 font-size: 11px;
 line-height: 13px;
 text-align: left;
 overflow: auto;
 border: 1px solid #3D4152;
 border-radius: 5px;
}

.hover,.profile {
 color: #F7F8FF;
 text-transform: uppercase;
 text-shadow: 0 0 2px #222,0 0 2px #222,0 0 5px #222;
 font-size: 11px;
 font-style: bold;
 letter-spacing: 1px;
 width: 200px;
 height: 320px;
 padding: 15px 0 15px 17px;
 border: 1px #3D4152;
 border-radius: 5px;
 background: #F9F9F9;
 display: inline-block;
 vertical-align: top;
 margin: 25px -2px 0 0;
 position: relative;
 overflow: hidden;
 -webkit-transition: all 700ms;
 -moz-transition: all 700ms;
 -ms-transition: all 700ms;
 -o-transition: all 700ms;
 transition: all 700ms;
}

.profile {
background: rgba(59,60,84,0.8);
 position: absolute;
 box-sizing: border-box;
 border: 1px;
 border-color: #3D4152;
 border-radius: 5px;
 padding: 35px 15px 0;
 overflow: hidden;
 outline: 1px solid rgba(239,239,239,0.4);
 outline-offset: -15px;
 width: 200px;
 height: 300px;
 left: 240px;
 top: 7px;
}


.profile h1 {
 margin: -10px auto 7px;
 padding: 2px 0;
 font-size: 15px;
 font-weight: 400;
 font-style: bold;
 font-family: calibri,sans-serif;
 color: #B0B1D1;
 text-transform: none;

}

 
.hover:hover .profile {
 top: 7px;
 left: 17px;
}


.miniprofile {
 padding: 0 0 0 5px;
 border-radius: 5px;
 margin: 2px auto 0;
 vertical-align: top;
 text-align: left;
 color: #696969;
 font-size: 9px;
 letter-spacing: 1px;
 text-transform: uppercase;
 line-height: 16px;

}


</style>

 <div class="body">
     <div class="header">
         FULL NAME HERE
     </div>
     <div class="table">
         <center>
             <div class="hover">
             <div class="profile">
~ Group ~  <h1>CITIZEN/VISITOR/GOV. OFFICIAL</h1>
~ Age ~   <h1>AGE</h1>
~ Preferred Pronouns ~ <h1>PRONOUNS HERE</h1>
~ Occupation ~ <h1>JOB</h1>
~ Gift(s) ~  <h1>GIFT(S)</h1>
~ Played By ~ <h1>PLAY BY</h1>
~ OOC ~ <h1>OOC NAME</h1>
             </div>
             <div class="miniprofile"></div><center><img src="DIRECT IMAGE LINK HERE PREFERABLY 320x200 BUT WILL SHRINK TO FIT" height="320px" width="200px" /> </center></div>
             <div class="info">
             
<center>
<br><span style="color:#3D4152"><font size="5">Freestyle</font></span>
<div style="width:250px;height:300px;line-height:1em;overflow:scroll;padding:5px;">
ANY INFORMATION GOES HERE. THERE IS NO WORD COUNT.
</div>

             </div>
         </center>
     </div>
 </div>
[/dohtml]

PM.Email Poster.Users Website.GTalk.
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options.. Reply to this topic..Start new topic..Start Poll..


 


 


Open Cbox