InsaneJournal

Tweak says, "It's a heartache every moment."

fuck 'em in the heart {kait} (wearestardust) wrote in supersuits,
@ 2013-09-07 11:33:00

Entry tags:

!!!templates, !!bios/profiles, #wearestardust

Layout: Bio Sheet (Design #002; We Sail the Stars)

☽◯☾
• CHARACTER NAME •
subtitle

✵

NAME.	Character Name
NICKNAMES.	Nicknames
ALIAS.	Alias/Codename
AGE.	Age
DATE OF BIRTH.	Month 00, 0000
MARITAL STATUS.	Partner
DATING HISTORY.	Boyfriend (Dates) Girlfrield (Dates)
ORIENTATION.	Sexual orientation
FAMILY.	Name, father Name, mother Name, brother Name, sister
FRIENDS.	Name Name Name
OCCUPATION.	Occupation
HOMETOWN.	Hometown
RESIDENCE.	Current residence
HEIGHT.	0'0"
HAIR.	Hair color
EYES.	Eye color
SCARS.	Scars
TATTOOS/MARKS.	Other marks

OOC

NAME.	Player Name
EMAIL.	email[at]email[dot]com
AIM.	aimname
CDJ.	cdjusername
PB.	PB Name

PERSONALITY

ABILITIES&SKILLS

HISTORY

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in enim consequat, bibendum sapien non, vestibulum felis. Nam commodo quis ipsum quis vehicula. Nullam in vestibulum nisi. Etiam tempor bibendum justo non eleifend. Suspendisse imperdiet erat non nunc ultricies, a ultricies orci mattis. Fusce in mollis eros. Donec dolor nunc, viverra in pharetra ut, lacinia at neque. Mauris quis scelerisque odio. Donec volutpat leo ligula, at lacinia orci tristique quis.

Phasellus ultricies est quis sapien interdum gravida. Phasellus sagittis nunc et orci vehicula ultricies. Ut vel eros quis eros blandit aliquam. Integer in massa ligula. Nunc ligula nisl, scelerisque nec nunc ut, malesuada semper erat. Pellentesque a ultrices dui, at porttitor ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in enim consequat, bibendum sapien non, vestibulum felis. Nam commodo quis ipsum quis vehicula. Nullam in vestibulum nisi. Etiam tempor bibendum justo non eleifend. Suspendisse imperdiet erat non nunc ultricies, a ultricies orci mattis. Fusce in mollis eros. Donec dolor nunc, viverra in pharetra ut, lacinia at neque. Mauris quis scelerisque odio. Donec volutpat leo ligula, at lacinia orci tristique quis.

Phasellus ultricies est quis sapien interdum gravida. Phasellus sagittis nunc et orci vehicula ultricies. Ut vel eros quis eros blandit aliquam. Integer in massa ligula. Nunc ligula nisl, scelerisque nec nunc ut, malesuada semper erat. Pellentesque a ultrices dui, at porttitor ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. ✵

CODE BY WEARESTARDUST at SUPERSUITS

bio sheet/profile → design #002
(we sail the stars)

This is the first in a series of recolors with patterns and palettes from ColourLovers.com, but I haven't come up with a title for the general layout. Everything I've posted has mostly been in shades of gray, so I thought it would be nice to experiment with color.

This template makes use of the We Sail the Stars pattern and its palette is We Sail Tomorrow.

If you'd like to change the colors, find/replace the following:

#000000 #FFFFFF #F9E199 #B8B780 #758B75 #48646E #34415B

TEMPLATE:

<lj-raw><center><div style="background:url(BACKGROUNDURL); width:800; border-top-left-radius:300px; border-top-right-radius:300px; padding:10px; border-bottom: 4px solid F9E199">
  <center><div style="background-color:#34415B; opacity:0.8; width: 80%; margin:10px; padding:10px; border-top-left-radius:300px; border-top-right-radius:300px;box-shadow: 2px 2px 3px #000000; color: #FAF6D9; font-family: georgia; font-size:22pt; letter-spacing:2px; line-height:18pt; text-shadow: 1px 1px 1px #000000;"><br><span style="font-size:50pt">☽◯☾</span><br>• <i>CHARACTER NAME</i> •
    <br>
    <span style="font-size:14pt"><i>subtitle</i></span></div></center>
</div>
<div style="background-color: #34415B; padding:10px; width:800;">
  
  <table width="100%" cellspacing="5">
    <tr>
      <td rowspan="2" width="250" valign="top"><div style="background-color: #48646E; padding:10px; color: #FAF6D9; text-shadow: 1px 1px 1px #000000; border-top-left-radius:20px; border-bottom-right-radius: 20px;">
        
        <center><span style="font-size:60pt; line-height:0px;">✵</span></center><br>
        
        <table width="200" style="font-family:arial; font-size:8pt; color: #FAF6D9; text-align:justify; text-shadow: 1px 1px 1px #000000;">
          <tr><td width="100" valign="top"><span style="font-family:georgia; font-size:7pt">NAME.</span></td><td valign="top">Character Name</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">NICKNAMES.</span></td><td valign="top">Nicknames</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">ALIAS.</span></td><td valign="top">Alias/Codename</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">AGE.</span></td><td valign="top">Age</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">DATE OF BIRTH.</span></td><td valign="top">Month 00, 0000<br><br></td></tr>
          
          
         <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">MARITAL STATUS.</span></td><td valign="top">Partner</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">DATING HISTORY.</span></td><td valign="top">Boyfriend (Dates)<br>
            Girlfrield (Dates)</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">ORIENTATION.</span></td><td valign="top">Sexual orientation<br><br></td></tr>
          
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">FAMILY.</span></td><td valign="top">Name, father<br>
            Name, mother<br>
            Name, brother<br>
            Name, sister</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">FRIENDS.</span></td><td valign="top">Name<br>
            Name<br>
            Name<br><br></td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">OCCUPATION.</span></td><td valign="top">Occupation</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">HOMETOWN.</span></td><td valign="top">Hometown</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">RESIDENCE.</span></td><td valign="top">Current residence<br><br></td></tr>
          
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">HEIGHT.</span></td><td valign="top">0'0"</td></tr>
         <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">HAIR.</span></td><td valign="top">Hair color</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">EYES.</span></td><td valign="top">Eye color</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">SCARS.</span></td><td valign="top">Scars</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">TATTOOS/MARKS.</span></td><td valign="top">Other marks</td></tr>
          
        </table>
        
        
        </div>

<div style="background-color: #48646E; margin-top:8px; padding:10px; color: #FAF6D9; text-shadow: 1px 1px 1px #000000; border-top-left-radius:20px; border-bottom-right-radius: 20px;">
          
          <div style="width:100%; font-family:georgia; font-size:16pt; color: #FAF6D9; line-height: 14pt; letter-spacing:3px; border-bottom: 2px solid #F9E199">OOC</div>
          
          <table width="200" style="font-family:arial; font-size:8pt; color: #FAF6D9; text-align:justify; text-shadow: 1px 1px 1px #000000;">
          <tr><td width="100" valign="top"><span style="font-family:georgia; font-size:7pt">NAME.</span></td><td valign="top">Player Name</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">EMAIL.</span></td><td valign="top">email[at]email[dot]com</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">AIM.</span></td><td valign="top">aimname</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">CDJ.</span></td><td valign="top">cdjusername</td></tr>
          <tr><td valign="top"><span style="font-family:georgia; font-size:7pt">PB.</span></td><td valign="top">PB Name</td></tr>
          </table>
             </div>
        
      </td>
      
      <td valign="top"> 
        
        <div style="width:100%; background-color: #48646E; padding:15px; border-top-left-radius:20px; border-bottom-right-radius: 20px; text-shadow: 1px 1px 1px #000000; font-family: arial; font-size:8pt; color: #FAF6D9;">
          <div style="width:100%; font-family:georgia; font-size:16pt; color: #FAF6D9; line-height: 14pt; letter-spacing:3px; border-bottom: 2px solid #F9E199">PERSONALITY</div>
PERSONALITY GOES HERE
<span style="font-size:60pt; line-height:0px; color: #34415B; float:right; margin-right:-15px; text-shadow: 0px 0px">✵</span>
        </div>
        
      </td>
      <td valign="top" width="145">
            
        <img src="PICURL1" style="height:100; width:100; border-radius: 60px; padding: 5px; border: 2px solid #B8B780; float:right;">
        <img src="PICURL2" style="height:100; width:100; border-radius: 60px; padding: 5px; border: 2px solid #B8B780; float:right; clear:right;">
        <!--IF YOU NEED MORE PICS HERE TO BALANCE THE PERSONALITY BOX, COPY/PASTE THE LINE ABOVE AND REPLACE THE SRC TAG WITH THE URL OF YOUR IMAGE--!>
        </td>
      
    </tr>
    
    <tr>
      <td colspan="2" valign="top">
      
        <div style="width:95%; background-color: #48646E; padding:15px; border-top-left-radius:20px; border-bottom-right-radius: 20px; text-shadow: 1px 1px 1px #000000; font-family: arial; font-size:8pt; color: #FAF6D9;">
          <div style="width:100%; font-family:georgia; font-size:16pt; color: #FAF6D9; line-height: 14pt; letter-spacing:3px; border-bottom: 2px solid #F9E199">ABILITIES&SKILLS</div>
ABILITIES/SKILLS GO HERE
<span style="font-size:60pt; line-height:0px; color: #34415B; float:right; margin-right:-15px; text-shadow: 0px 0px">✵</span>
        </div>
        
        <div style="width:95%; background-color: #48646E; margin-top:8px; padding:15px; border-top-left-radius:20px; border-bottom-right-radius: 20px; text-shadow: 1px 1px 1px #000000; font-family: arial; font-size:8pt; color: #FAF6D9;">
          <div style="width:100%; font-family:georgia; font-size:16pt; color: #FAF6D9; line-height: 14pt; letter-spacing:3px; border-bottom: 2px solid #F9E199">HISTORY</div>
   HISTORY GOES HERE
<span style="font-size:60pt; line-height:0px; color: #34415B; float:right; margin-right:-15px; text-shadow: 0px 0px">✵</span>
        </div>
        
      </td>
    </tr>
    
  </table>
  
</div>
  <div style="width:820; border-top: 4px solid F9E199; font-family: georgia; font-size: 7pt; color: #758B75; letter-spacing:5px;"><a href="http://supersuits.insanejournal.com/profile" style="text-decoration:none; color: #758B75">CODE BY WEARESTARDUST at SUPERSUITS</a></div>
</center>

INSTRUCTIONS:
1. Download the background image: We Sail the Stars and upload to your image hosting service.
2. Copy/paste the code into your entry. Remember you're using lj-raw here so you'll need to BR all your line breaks!
3. Plug your images in. Replace BACKGROUNDURL with the new url of the background pattern, PICURL1, PICURL2, and PICURL3 with desired userpics or square GIFs.
4. Fill out the bio sheet with your character's profile information and your OOC information, changing categories as desired.
5. Enjoy!

There is also a note in the markup code that mentions where you can put extra userpics if your personality section is long and it ends up looking unbalanced.

Please leave the credit at the bottom of the profile so if people like the coding they can find their way back here. Thank you!

♥ kait

	darlingjo 2015-03-23 04:10 am UTC (link)
	SO gorgeous. Used it here (Reply to this)