InsaneJournal

Tweak says, "why would you do that"

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

(Post a new comment)

	tessisamess 2013-09-07 05:21 pm UTC (link)
	Ughhh, so pretty! ♥ (Reply to this)

	moogle 2013-10-03 10:54 pm UTC (link)
	Slightly modified and used it here! (Reply to this) (Thread)

	wearestardust 2013-10-03 11:00 pm UTC (link)
	Oh my god, that's gorgeous! Thank you for linking me!! (Reply to this) (Parent)

	darkwitchrising 2014-07-19 01:31 am UTC (link)
	You would be my hero forever if you would be willing to share that code. I have a Secret Circle witch that the extra stuff would be perfect for? (Reply to this) (Parent) (Thread)

	moogle 2014-07-19 08:06 pm UTC (link)
	Sure! I just PM'd you a doc file with the code. :) (Reply to this) (Parent)

	fateshands 2014-09-16 03:40 pm UTC (link)
	I love, love, love this outline! I have been searching far and wide for something to use for this character. I think this one sums it up pretty well: <http://fateshands.insanejournal.com/365.html>HERE!!</a> (Reply to this)

	lildampeer 2014-10-17 10:28 pm UTC (link)
	I am using this with some mods here. Gorgeous layout! (Reply to this)

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

	myxginxblossoms 2015-10-07 12:45 am UTC (link)
	All right, I seem to mess up every profile I try to fill out. Do you think the way the userpics are pushing everything down is a Dreamwidth thing, or did I manage to mess something up while filling in the profile? I tried taking them out entirely, but then the personality box starts sliding out of its bounds, lol. (Reply to this) (Thread)

	wearestardust 2015-10-07 12:56 am UTC (link)
	Okay! So I checked it out on my code editor and I can replicate the second problem but not the first -- but I think both problems can be solved by altering the width of the personality div from 100% to 95%. (Reply to this) (Parent) (Thread)

myxginxblossoms
2015-10-07 01:06 am UTC (link)

When I change the personality div to 95%, it doesn't seem to change anything for me, but the original code seems to work as long as I'm not using the Dreamwidth site skin to view it!. :/ I think for now I'll just use custom pages on his journal entries, because that's an easy fix for such a pretty layout.

Side note: I'm incredibly grateful to you for all your work creating codes and assisting people with them! I absolutely love your work, and I'm glad to say I've used your codes on several other characters as well as this one. Thanks so much. ♥

(Reply to this) (Parent) (Thread)

	wearestardust 2015-10-07 01:08 am UTC (link)
	Thanks for letting me know! Stuff tends to freak out on DW because it's designed for IJ, and DW's site skin tends to mess with things and I haven't figured out how to work around it yet. And thank you!! (Also YAY DRAGON AGE, I greatly approve :D) (Reply to this) (Parent)