Previous | Next

Biosheet: Bubbles

NAME: Name
AGE: Here



NAME: name
AGE: age
AIM: screenname
PB: PB here
CONTACT: preferred contact, dropbox, etc.
TIME ZONE: time zone
{ name here
Nullam eget faucibus metus. Fusce sed bibendum erat. Ut posuere pellentesque elit ut fringilla. Donec tincidunt vestibulum eros, quis mollis nibh vehicula at. Mauris in nisi vel ligula laoreet aliquet. Nullam libero purus, convallis a commodo ac, tempus non ipsum.
QUIRKS: Here, here, here
LIKES: Here, here, here
DISLIKES: Here, here, here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id laoreet metus. Maecenas tempor ullamcorper diam vel tempus. Proin interdum, leo sit amet commodo sodales, eros nibh facilisis risus, a pretium nunc quam quis turpis. Donec in turpis semper quam interdum posuere ut vitae lectus. Vivamus adipiscing est enim, et mattis felis imperdiet ac. Donec euismod diam ipsum, nec sodales velit porta vel. Aenean dictum commodo libero, et dignissim turpis volutpat at. Ut tempor sit amet enim at imperdiet. Vestibulum tortor nulla, luctus sed gravida at, ullamcorper non urna. Pellentesque dictum mauris ac arcu feugiat cursus. Sed vitae gravida lacus. Maecenas fringilla ullamcorper nibh nec aliquet. Nullam et purus eleifend, ornare velit a, posuere sapien. Vestibulum interdum ornare nulla, sed congue nisi dignissim vitae.
HAIR: Here
EYES: Here
Maecenas egestas odio blandit arcu elementum convallis. Mauris quis ligula purus. Nam eget consectetur neque. Quisque scelerisque tincidunt libero sit amet sagittis. Morbi arcu felis, auctor eget ipsum sit amet, congue hendrerit sem. Nunc nec leo felis. In sit amet lectus enim. Cras aliquet venenatis gravida. Cras varius nisi vitae mauris ullamcorper suscipit. Praesent pellentesque metus ornare nisl ultrices, vel feugiat mi euismod. Nunc malesuada arcu purus, quis vulputate elit egestas quis. In blandit risus euismod arcu lacinia, non gravida nisi dapibus. Sed et posuere felis. Ut tristique dui urna, quis ultrices enim pellentesque eget.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra nec erat aliquam hendrerit. Vivamus suscipit velit quis rhoncus pharetra. Duis molestie vestibulum urna, ac ultrices nisi lacinia in. Praesent non mi adipiscing, semper ipsum vitae, pretium turpis. Maecenas eu augue non dui ornare cursus sit amet ut mauris. Aenean sollicitudin lacus ut metus tincidunt cursus. Sed et auctor lorem. Donec dapibus velit a diam ullamcorper dictum. Vivamus eros tortor, cursus ut quam quis, interdum molestie tellus. Vivamus ac mollis libero. Maecenas scelerisque euismod ullamcorper. Nulla adipiscing justo sit amet ante ornare adipiscing. In hac habitasse platea dictumst. Duis aliquet convallis lacus ut aliquam. Sed eu quam sem. Nam quis massa venenatis, commodo mauris egestas, vulputate risus.

Mauris blandit massa a lacus malesuada blandit. Ut lacus nibh, tristique eu scelerisque sit amet, fringilla vel erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque blandit ligula augue, ut fermentum enim molestie non. Pellentesque fringilla fringilla eros id pretium. Donec ut luctus lacus, commodo pellentesque velit. Duis euismod non ante sed cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam mauris ipsum, lobortis vel felis non, ullamcorper laoreet lectus. Pellentesque faucibus nulla nec aliquam luctus. Praesent pellentesque metus ornare nisl ultrices, vel feugiat mi euismod. Nunc malesuada arcu purus, quis vulputate elit egestas quis. In blandit risus euismod arcu lacinia, non gravida nisi dapibus. Sed et posuere felis. Ut tristique dui urna, quis ultrices enim pellentesque eget.

001: Informative Info
A biosheet I made for some friends and I to use in our Wonderland GPSL. Enjooooy. ♥ Note that to get round images your pictures need to be square, but the codes does support non-square images as well. Also, this code looks REALLY weird when it's not filled out. Don't worry. It's not broken.
002: The Code
Paste the following into a code tester, then follow the directions below!

003: CTRL+F This Shit
URL1 for your large image (minimum width of 250px.)
URL2 for your medium image (minimum width of 175px.)
URL3 for your small image (minimum width of 100px.)
Go to about and fill in the stats.
Go to ooc and fill in your OOC info.
name here for character name.
blurb here to fill in the blurb under the name header.
Go to personality and fill in quirks/likes/dislikes.
Personality info here. for the personality section.
Go to appearance and fill in height/weight/hair/eyes.
Appearance info here. for the appearance section.
History info here. for the history section.

#fff to change the background color.
#eee to change blurb box backgrounds and title underlines.
#222 to change the bulk font color.
#006064 to change title colors.
#aaa to change the color of the curly { bracket.
helvetica,arial,sans-serif to change bulk font.
georgia to change header font.
004: Rules and Shit
→Leave my credit.
→Do not redistribute in part or in whole.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.

→LJ-RAW means ya gotta BR them line breaks!
→Probably should be behind a cut, js js.


Jun. 23rd, 2013 06:31 pm (UTC)
Wow! I love this!
Jun. 23rd, 2013 06:50 pm (UTC)
:D Thank you!
Jun. 23rd, 2013 09:31 pm (UTC)
Just as well I needed a layout for a new character profile~

Otherwise another overhaul was happening.

It's so purdy!!!
Jun. 23rd, 2013 09:37 pm (UTC)
LOL, well at least you actually needed one. :P

Thank you! ♥
Jun. 23rd, 2013 10:16 pm (UTC)

Jun. 23rd, 2013 10:21 pm (UTC)

Jun. 24th, 2013 01:31 am (UTC)
THIS IS GORGEOUS. I used it here with some minor edits and will probably be using it for other characters in the same game.
Jun. 24th, 2013 01:51 am (UTC)
Hee, the edits are so perf; love it! And I'm glad you like it! ♥
May. 15th, 2015 10:54 am (UTC)
I've recently swung all the way back around through the different bombass layouts on this site to this one, so I wanted to give some drive-by love on it again! I'm using it over here these days (with a few edits)!
Jun. 25th, 2013 04:22 pm (UTC)
Good to see you around rptutes again. :) genius as always. <3
Jun. 25th, 2013 05:27 pm (UTC)
Good to be back! ♥
Jun. 27th, 2013 07:07 am (UTC)
Using this here, because it is gorgeous. Would there be a way to add the round "relationships" thing from the Clean Three layout to this one? I'm nowhere near as awesome with code as you are. :[
Jun. 28th, 2013 01:35 am (UTC)
Sure! Give me your code from the entry and I'll add it in.
Jun. 28th, 2013 04:33 am (UTC)

Jun. 28th, 2013 04:33 am (UTC)
A friend of mine tried to add another text area between the "about" and "ooc" boxes, but it didn't come out like I wanted. :[ I had hoped it would look more like the "about" area, where I could just toss some bullet-style facts about the character, and then that the "relationships" spot would fit under that. I am so, so sorry to ask when you're being so nice, but is there any way you could fix it, or tell me how to fix it? I'm trying to learn. Slowly. And not especially well. I just don't want to break everything!
Jun. 28th, 2013 04:48 am (UTC)
Not a problem at all, bb! ♥ Is this more like how you were wanting it? :3 (Code in next comment haha.)
Jun. 28th, 2013 04:49 am (UTC)
Not a problem at all, bb! ♥ Is this more like how you were wanting it? :3
Jun. 28th, 2013 05:05 am (UTC)
Um. It's kind of broken-broken? Lookit?
Jun. 28th, 2013 05:13 am (UTC)
Okay, it struck me after I asked that I had to take out all the STUFF because of comment-space. So I put all the stuff back in, and now it's perfect and wonderful and you are so awesome, thank you so so so so so so so much!
Jun. 28th, 2013 05:15 am (UTC)
Yay, you're welcome! :D Glad I could help and I'm glad you like it! ♥
Jun. 30th, 2013 12:13 am (UTC)
Jun. 30th, 2013 12:17 am (UTC)
Ty! <3
Aug. 12th, 2013 12:13 pm (UTC)
Beautiful work~!
Sep. 16th, 2013 03:20 am (UTC)
:D Thank you!
Aug. 16th, 2013 11:36 am (UTC)
why so pretty? i seriously love your layouts. they're amazing!
Sep. 16th, 2013 03:20 am (UTC)
Awww, thank you darling!
Sep. 6th, 2013 09:58 pm (UTC)
Love this. Used it with the same edits as [info]farthestreaches above for the same game, and then did a bunch more edits to use it on this journal (and for my other journals in this game). Mostly I just did blocks instead circles and rounded edges because I'm special but I love your work. LOVE IT.
Sep. 16th, 2013 03:15 am (UTC)
Hee, it looks really awesome; glad you like it! ♥
Oct. 14th, 2013 04:01 pm (UTC)
I'm gonna snag this-- thank you so much for posting it, it's wicked cool. :)
Oct. 17th, 2013 03:49 pm (UTC)
This is so pretty and Lestat-worthy.
I'm using this for this journal.
Here's a link.
Nov. 2nd, 2013 07:18 am (UTC)
Tessa, how can I but a background around the whole shebang?
Nov. 2nd, 2013 08:53 am (UTC)
Find both instances of background:#fff; and change it to your preferred color. Or, if you want an image instead, use background:url(LINK);. :)
Nov. 2nd, 2013 11:05 am (UTC)
I didn't quite explain that right...sorry.
I don't want to add a background to the code you have, I would like to add a background behind the whole table.

And that still makes little sense...chalk it up to no sleep in over 24 hours.
Nov. 2nd, 2013 07:15 pm (UTC)
I think I get what you're asking. Is this more what you want?

If so, just edit border:20px solid #999; to change the secondary bg. If not... then I'm not sure what you're asking, haha.
Nov. 2nd, 2013 09:49 pm (UTC)
Yup! And I figured out how to make it an image instead of solid color. Thank you!
Mar. 5th, 2014 06:11 am (UTC)
I'm using it for this journal but the images didn't come up as round.
Mar. 5th, 2014 08:54 am (UTC)
You need to use square images if you'd like them to be transformed into perfect circles. :)
Mar. 10th, 2014 12:31 am (UTC)
Lovely! Using over at [info]msreid!
Mar. 11th, 2014 01:27 am (UTC)
Does this only work as a journal entry, or should it work as profile coding? Because it's working in the journal, but when I try to put it in the profile, it comes out strange...
Mar. 11th, 2014 05:59 pm (UTC)
Codes utilizing div styling do not work on profiles, sorry! Profiles only allow basic HTML and HTML tables.
May. 14th, 2015 03:31 am (UTC)
I love the layout but when I c/p my history in it just shows up as one large wall of text. It's actually several paragraphs.
May. 14th, 2015 03:34 am (UTC)
It's in lj-raw, so you have to code in the line breaks. <br> for one and <br><br> for a new paragraph.
May. 14th, 2015 03:46 am (UTC)
thank you! <3
Jun. 15th, 2017 09:30 pm (UTC)
Is it possible to leave out the OOC without destroying anything?
Jun. 15th, 2017 09:34 pm (UTC)
Should be just fine, yeah! Just delete:

<div class="blurb" style="background:#eee;padding:10px;border-radius:10px;"><div class="title" style="font-size:25px;font-family:georgia;border-bottom:3px solid #fff;letter-spacing:-1px;color:#006064;">ooc</div>

<b>NAME:</b> name<br>
<b>AGE:</b> age<br>
<b>AIM:</b> screenname<br>
<b>EXPERIENCE:</b> years rping etc.<br>
<b>CONTACT:</b> preferred contact, dropbox, etc.<br>
<b>STYLE:</b> ex: third person, past tense storybook.<br>
<b>TIME ZONE:</b> time zone

Aug. 27th, 2017 06:12 am (UTC)
I love this layout, but I'm having problem with spaces after the text... Here. I've tried removing all extra spaces and made sure I didn't add more, but I must be missing something. Might it be because I'm trying to use it on DW instead of IJ?
Aug. 27th, 2017 06:06 pm (UTC)
I ended tested on IJ and it looks as it should there. I've gone in another direction on DW so that link no longer works, but if you have an idea as to the spacing issue or want to see what I mean, let me know and I'll make it available. If not, no worries. It's a beautiful layout and if I ever do more with Steve's IJ journal I'll use it here. Thank you.