InsaneJournal

Tweak says, "bring in the lulz!"

fuck 'em in the heart {kait} (wearestardust) wrote in supersuits,
@ 2014-04-04 21:03:00

Entry tags:

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

Bio Sheet: Melon Squares

character name

TAGLINE

name. Name
codename. Codename
age. 00
date of birth. Month 00, 0000
occupation. Occupation
dating status. Dating Status
nationality. Nationality
height. Height
build. Build
hair. Hair
eyes. Eyes

ooc.

player. Playername
email. email@email.com
aim. AIMname
cdj. cdjname
time zone. Time Zone
pb. PB Name

personality

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum lectus feugiat massa imperdiet, vel vehicula felis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc. Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

abilities+skills

Donec dictum lectus feugiat massa imperdiet, vel vehicula felis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc.

Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

history

Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc. Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit.

Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum lectus feugiat massa imperdiet, vel vehicula felis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at arcu eget lectus suscipit ornare malesuada at orci. Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc. Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

Vestibulum eros purus, aliquam id tempus ac, mattis at tortor. Ut id nibh mollis, auctor ligula et, feugiat orci. Fusce iaculis, libero eu aliquam blandit, neque augue tincidunt dolor, aliquam semper urna libero quis eros. Aenean magna est, auctor vitae tristique id, cursus at neque. Nullam in lectus consequat, tempus sapien ut, scelerisque leo. Fusce ante felis, viverra ut elementum eu, blandit ac nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam placerat, mauris euismod imperdiet placerat, dolor tellus interdum lectus, blandit viverra est ante non nunc.

Phasellus ullamcorper euismod dui eget dapibus. Vestibulum eu ante nulla. Praesent vitae ipsum fermentum, dignissim dui eget, tempus nunc. Donec auctor tortor nec eros vehicula, non sollicitudin nulla tristique. Morbi vestibulum, lectus vel facilisis vestibulum, sem elit ultrices eros, eu hendrerit tellus nunc nec massa.

Sed quis imperdiet neque. Vestibulum dictum felis lacus, ac consectetur elit porttitor et. Donec luctus lorem at mauris ullamcorper, eget elementum neque ornare. Curabitur eu nunc vitae orci tempus eleifend vel at est. Donec malesuada porta velit, at faucibus enim feugiat in. Phasellus cursus turpis nec imperdiet iaculis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet, justo eget placerat aliquam, libero lacus dictum mauris, nec tincidunt tellus est sed elit. Integer aliquam nulla vitae quam malesuada rhoncus. Curabitur ornare erat quis nisl lacinia aliquam. Fusce sed metus venenatis dolor volutpat luctus sit amet non neque. In at eros dictum, volutpat massa vitae, ornare elit.

code by wearestardust @ supersuits

bio sheet → melon squares

So I said the last bio sheet I did was going to be my last for a while, but then I started dicking around again and this is what happened. Nice, compact profile layout with multiple paanels on the right side. This is good for characters that have a lot of profile text that might cause distortion or text walls in other types of layouts.

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

#CCC #FFF #555152 #FF4242 #F4FAD2 #F0F2EB #85915A #DCE9BE

TEMPLATE →

<lj-raw><center><table style="width: 870px; padding:6px; border: 2px solid #555152; background-color: #F4FAD2; box-shadow: 1px 1px 15px #CCC;"><tr><td>
<div style="text-align:justify; font-family:arial; font-size: 11px; line-height: 16px; color: #555152;">

<!--LEFT SIDE--!>
<div style="float:left; background-color: #DCE9BE; width: 280px; height: 500px; padding: 10px; border-right: 6px solid #F4FAD2;line-height: 14px;">
<div style="height: 376px; margin: -10px; padding: 10px;">
<img src="RECTANGLEGIF" style="width:98%; padding: 2px; background-color: #fff; border: 1px solid #AAA;">
<div style="margin-top:-10px; font-family:arial; font-weight:bold; letter-spacing: -4px; color: #FFF; text-shadow: 1px 1px 7px #AAA; text-transform:lowercase; text-align:center; font-size: 44px; line-height: 40px;">character name</div>
<div style="color: #85915A; letter-spacing: 3px; font-size:9px; text-align:center; margin-bottom: 10px;border-top: 1px solid #EFFFCD">TAGLINE</div>

<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">name.</span> Name<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">codename.</span> Codename<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">age.</span> 00<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">date of birth.</span> Month 00, 0000<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">occupation.</span> Occupation<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">dating status.</span> Dating Status<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">nationality.</span> Nationality<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">height.</span> Height<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">build.</span> Build<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">hair.</span> Hair<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">eyes.</span> Eyes

</div>

<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">player.</span> Playername<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">email.</span> email@email.com<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">aim.</span> AIMname<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">cdj.</span> cdjname<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">time zone.</span> Time Zone<br>
<span style="color: #85915A;float:left; width: 80px; padding-left: 20px; padding-right:4px">pb.</span> PB Name
</div>

</div>

<!--RIGHT SIDE--!>
<div style="background-color: #FFF; width:540;height: 540px; overflow: hidden; padding: 00px;">

<a name="1">
<!--NAVBAR--!>
<center><div style="width: 540px; padding: 5px; margin-left: -5px; background-color: #DCE9BE; border-bottom: 6px solid #F4FAD2"><div style="width:530px; height: 60px; background-color: #F4FAD2">
<img src="USERPIC" style="float:left; height:52; margin:2px; margin-left: 3px; border: 2px solid #AAA">
<div style="float:left; display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; opacity: .5; letter-spacing: 3px; text-transform: uppercase"><a href="#1" style="text-decoration:none; color: #FFF">personality</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; letter-spacing: 3px; text-transform: uppercase"><a href="#2" style="text-decoration:none; color: #FFF">abilities+skills</a></div>
<br>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF ; letter-spacing: 3px; text-transform: uppercase"><a href="#3" style="text-decoration:none; color: #FFF">history</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF;letter-spacing: 3px; text-transform: uppercase"><a href="#4" style="text-decoration:none; color: #FFF">notes</a></div>
</div>
</div></center>
<!--END NAVBAR--!>

<!--CONTENT BOX--!>
<div style="width:500px;background-color: #DCE9BE; height: 440px; padding:20px; overflow: auto;">

<div style="float:right; margin-right:-55px; margin-top:-20px; margin-bottom: -10px; border-radius: 50px; border:3px solid #EFFFCD;  overflow:hidden;"><img src="USERPIC" style="height: 80px;"></div><div style="float:right; color: #F4FAD2; letter-spacing: -4px; font-size: 45px; font-weight:bold;">personality</div>

<div style="clear:right;">PERSONALITY GOES HERE</div>

</div></a>
<!--END CONTENT BOX--!>

<a name="2">
<!--NAVBAR--!>
<center><div style="width: 540px; padding: 5px; margin-left: -5px; background-color: #DCE9BE; border-bottom: 6px solid #F4FAD2"><div style="width:530px; height: 60px; background-color: #F4FAD2">
<img src="USERPIC" style="float:left; height:52; margin:2px; margin-left: 3px; border: 2px solid #AAA">
<div style="float:left; display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; letter-spacing: 3px; text-transform: uppercase"><a href="#1" style="text-decoration:none; color: #FFF">personality</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF;  opacity: .5; letter-spacing: 3px; text-transform: uppercase"><a href="#2" style="text-decoration:none; color: #FFF">abilities+skills</a></div>
<br>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF ; letter-spacing: 3px; text-transform: uppercase"><a href="#3" style="text-decoration:none; color: #FFF">history</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF;letter-spacing: 3px; text-transform: uppercase"><a href="#4" style="text-decoration:none; color: #FFF">notes</a></div>
</div>
</div></center>
<!--END NAVBAR--!>

<!--CONTENT BOX--!>
<div style="width:500px;background-color: #DCE9BE; height: 440px; padding:20px; overflow: auto;">

<div style="clear:right;">ABILITIES GO HERE</div>

</div>
</a>

<!--NAVBAR--!>
<center><div style="width: 540px; padding: 5px; margin-left: -5px; background-color: #DCE9BE; border-bottom: 6px solid #F4FAD2"><div style="width:530px; height: 60px; background-color: #F4FAD2">
<img src="USERPIC" style="float:left; height:52; margin:2px; margin-left: 3px; border: 2px solid #AAA">
<div style="float:left; display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; letter-spacing: 3px; text-transform: uppercase"><a href="#1" style="text-decoration:none; color: #FFF">personality</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; letter-spacing: 3px; text-transform: uppercase"><a href="#2" style="text-decoration:none; color: #FFF">abilities+skills</a></div>
<br>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF ; opacity: .5; letter-spacing: 3px; text-transform: uppercase"><a href="#3" style="text-decoration:none; color: #FFF">history</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF;letter-spacing: 3px; text-transform: uppercase"><a href="#4" style="text-decoration:none; color: #FFF">notes</a></div>
</div>
</div></center>
<!--END NAVBAR--!>

<!--CONTENT BOX--!>
<div style="width:500px;background-color: #DCE9BE; height: 440px; padding:20px; overflow: auto;">

<div style="clear:right;">HISTORY GOES HERE</div>

</div>
</a>

<!--NAVBAR--!>
<center><div style="width: 540px; padding: 5px; margin-left: -5px; background-color: #DCE9BE; border-bottom: 6px solid #F4FAD2"><div style="width:530px; height: 60px; background-color: #F4FAD2">
<img src="USERPIC" style="float:left; height:52; margin:2px; margin-left: 3px; border: 2px solid #AAA">
<div style="float:left; display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; letter-spacing: 3px; text-transform: uppercase"><a href="#1" style="text-decoration:none; color: #FFF">personality</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; letter-spacing: 3px; text-transform: uppercase"><a href="#2" style="text-decoration:none; color: #FFF">abilities+skills</a></div>
<br>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF ; letter-spacing: 3px; text-transform: uppercase"><a href="#3" style="text-decoration:none; color: #FFF">history</a></div>
<div style="float:left;display:inline-block; width: 220px; font-size: 9px; text-align:center; background-color: #FF4242; padding: 5px; margin: 2px; color: #FFF; opacity: .5;letter-spacing: 3px; text-transform: uppercase"><a href="#4" style="text-decoration:none; color: #FFF">notes</a></div>
</div>
</div></center>
<!--END NAVBAR--!>

<!--CONTENT BOX--!>
<div style="width:500px;background-color: #DCE9BE; height: 440px; padding:20px; overflow: auto;">

<div style="clear:right;">NOTES GO HERE</div>

</div>
</a>

</div>

</div>
</td></tr></table>
<div style="clear:left; letter-spacing: 3px; font-size:9px; margin-top: 5px; color: #555152 ">code by wearestardust @ <a href="http://supersuits.insanejournal.com" style="color: #FF4242; text-decoration:none">supersuits</a></div>
</center></lj-raw>

instructions→
1. Copy/paste the code into your entry.
2. Replace RECTANGLEGIF with, up, a GIF. The GIF should be 300+ pixels wide for best results.
4. Replace USERPIC wherever it appears with a userpic of your choice. I have it so that the top navbar image stays the same, with the round ones changing, but you can have them all the same or have ALL of them change depending on what you do.
5. Fill it in! This is in lj-raw format, so you need to BR your line breaks.
6. Enjoy :)

Please keep the credit code at the bottom of the template so that people can find their way back to

supersuits if they want to use it. Thank you!

♥ kait P.S.: Thanks to some tests and commenters below, the code has been edited to fix the issues people have been having!

(Post a new comment)

	anursefirst 2014-04-05 03:46 am UTC (link)
	These just keep getting prettier! (Reply to this)

	darkhuntress 2014-04-05 04:29 am UTC (link)
	This is pretty and I'd love to use it, but while it looks okay in Chrome, it looks off in my Firefox. (Reply to this) (Thread)

	wearestardust 2014-04-05 04:41 am UTC (link)
	That is good to know! I will have to test it out in Firefox sometime and see what it's doing. (Reply to this) (Parent)

	(Anonymous) 2014-04-06 03:19 pm UTC (link)
	I see the problem! Firefox doesn't always like auto-adjusting table widths when divs are involved, so the bounding table (first line of code) just needs a hard-coded width="870" tag into it. <3 (Reply to this) (Parent) (Thread)

	wearestardust 2014-04-06 03:50 pm UTC (link)
	That's awesome, thank you for catching that! (Reply to this) (Parent) (Thread)

	(Anonymous) 2014-04-06 04:42 pm UTC (link)
	You're welcome! Happy to help. :D (Reply to this) (Parent)

	librarianed 2014-04-05 11:08 pm UTC (link)
	You keep... And I just.. flails (Reply to this)

	x_funhouse_x 2014-04-06 01:02 am UTC (link)
	Very lovely!! Totes going to snagg n' use! <3 (Reply to this)

mjmcrae
2014-04-07 06:57 am UTC (link)

Hey! I tried making an app from this, and I'm not sure what's going on, but it's not posting properly? It looks like this and even when I tried copying the source code of this page to see if maybe I had messed something up it showed up like this. I'm not sure what it is that I'm doing wrong. I'm using chrome if that helps? Also, in case for whatever reason it shows up normal on your end, it looks like this. Can you help? I even put what I have for the code in a text area box thing. If you can, I'd really appreciate it!

(Reply to this) (Thread)

	wearestardust 2014-04-07 07:01 am UTC (link)
	oop! I think I know what's up - when I made the copy/paste code I forgot to include the lj-raw tag in the textbox, so what's happening is that without that override, IJ is putting in the line breaks for you. Try putting the entire code between lj-raw and /lj-raw tags, or just click "disable auto-formatting" and see if that helps! :) (Reply to this) (Parent) (Thread)

mjmcrae
2014-04-07 07:08 am UTC (link)

Thank you so much! It's working perfectly now! It's funny, the /lj-raw was at the end and when I combed through the EIGHT PAGES (This is why I could never do my own coding. I would go cross-eyed and OCD and end up murdering my computer in cold oil >.>) I never even noticed that that was missing. Then again, I only know enough passable code to change sizes and break spaces and such from previously made things. XD Thank you again!

Also, one last thing. Stop with the pretty ~~but really please don't stop~~? I was struggling to decide which one to use before this one showed up and then POOF I had another one to decide on. I'm a Gemini. We don't do that whole decision making shenanigans! XD <3

(Reply to this) (Parent) (Thread)

wearestardust
2014-04-07 07:12 am UTC (link)

You're welcome! This one was a little glitchy when I posted it because it's so complex, so I definitely missed a couple of things from the test page to actually blanking out the template for people to use. It's been fixed in the textbox now so that won't happen to other people in the future, so thanks for bringing it to my attention :)

also loooool this is probably a bad time to tell you that I'm working on a variant of this at the moment XD I keep making them and then deciding to tweak, or I just start messing around and see what happens after a few hours (which is what happened with this one), and then I end up with something I have nowhere to really USE, so. they end up here. oops

(Reply to this) (Parent) (Thread)

wingsofcrow
2014-04-07 07:19 am UTC (link)

I love that it's so complex though! I love apps that are clicky and apps that are scrolly so when they're added together it's like a crazy mass of wonderfulness! Of course they're also the ones that I tend to have the most problems with. >.> And no problem! I tend to ask questions when I have issues, that way something can actually get fixed on my end, you know? I'm glad it made sure no one else had problems in the future though!

Nooooooo. ;-; the decisions! I'll just have to not look until I'm done with the one for the other journal or else I might end up switching it around which would be bad. XD As it is I think my head is trying to come up with muses for the other apps you posted in rp-resources. XD

(Reply to this) (Parent)

	lucd 2014-10-16 06:19 pm UTC (link)
	I don't know if I'm doing something wrong but I have imputed this here but it keeps coming out looking like it's blinking. The words on the right. Like under the history and personality tabs. The words are flickering and I don't know how to fix it. This is the view that I have just incase it looks correct on your end. (Reply to this) (Thread)

	wearestardust 2014-10-18 01:57 am UTC (link)
	It looks correct on my end, on a couple different computers - the text in the main content box is flickering? (Reply to this) (Parent)

	sambitch 2021-02-13 08:27 pm UTC (link)
	I am using it here and was wondering why the text was so much past the box? (Reply to this)