InsaneJournal

Tweak says, "Do not join Save Atlantis."

Helena Ruth Stanton (hrstanton) wrote in rp_tutorials,
@ 2013-05-18 02:10:00

Entry tags:

layout: question

Need Help with Coding Tweaks
Currently, I'm working on revamping the look of this journal (as well as the character information), but I've come across a some issues with the layout I'm using.

1. How do I hide my name?
2. How do I make my icon round, give it a border, etc.?
3. How do I get a dashed border around Navigation?
4. How do I link Customs, Threads, and Phone?

And this last one isn't coding related, but where does everyone go to find those nifty previews of iPhone covers like this?

Here's the coding I'm working with:

FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {border-style:dotted;border-width:1px;border-color:#907351;background-image:url(http://i1103.photobucket.com/albums/g464/mandychuu/bgs/66_zpsa50c9c9f.gif); background-repeat:repeat;} tr.caption {display:none;}, .shadowed td div {display:none;}, .shadowed img {display:normal; width:100px; height:100px; border-radius:50px;} .supguys {font-family:'Alex Brush', cursive; font-size:22px; color:#5F3C38; font-style:italic; font-weight:900; line-height:8px; letter-spacing:1px; text-transform: lowercase; background-color:none; indent-right: 5px;} .supdude {font-family:'Garamond'; font-size:30px; line-height:14px; letter-spacing:-3px; color:#EF978D; text-transform: uppercase; text-shadow: # 0px 0px 0px; background-color:#FBF6F1; indent-right: 5px;} .links {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:1px; letter-spacing:1px; text-transform: uppercase; background-color:#FBF6F1; indent-right: 5px;} </style> <tr><td colspan="0" width="590"> <table align="right"> <tr><td width="0"></td> <p align = "right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br> <font class="supguys">Scattered all around the floor</font><br><br><br><font class = "links"><a href = "http://hrstanton.insanejournal.com/profile">profile</a> • <a href = "http://hrstanton.insanejournal.com/friends">friends</a> • <a href = "http://hrstanton.insanejournal.com">customs</a> • <a href = "http://hrstanton.insanejournal.com">threads</a> • <a href = "http://.insanejournal.com/">ooc</a> • <a href = "http://hrstanton.insanejournal.com">phone</a></font><br> </td></tr></table></td></tr> <=FRIENDS_WEBSITE DAY_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">comment</a> </td> </tr> <=DAY_TALK_LINKS DAY_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {border-style:dotted;border-width:1px;border-color:#907351;background-image:url(http://i1103.photobucket.com/albums/g464/mandychuu/bgs/66_zpsa50c9c9f.gif); background-repeat:repeat;} tr.caption {display:none;}, .shadowed td div {display:none;}, .shadowed img {display:normal; width:100px; height:100px; border-radius:50px;} .supguys {font-family:'Alex Brush', cursive; font-size:22px; color:#5F3C38; font-style:italic; font-weight:900; line-height:8px; letter-spacing:1px; text-transform: lowercase; background-color:none; indent-right: 5px;} .supdude {font-family:'Garamond'; font-size:30px; line-height:14px; letter-spacing:-3px; color:#EF978D; text-transform: uppercase; text-shadow: # 0px 0px 0px; background-color:#FBF6F1; indent-right: 5px;} .links {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:1px; letter-spacing:1px; text-transform: uppercase; background-color:#FBF6F1; indent-right: 5px;} </style> <tr><td colspan="0" width="590"> <table align="right"> <tr><td width="0"></td> <p align = "right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br> <font class="supguys">Scattered all around the floor</font><br><br><br><font class = "links"><a href = "http://hrstanton.insanejournal.com/profile">profile</a> • <a href = "http://hrstanton.insanejournal.com/friends">friends</a> • <a href = "http://hrstanton.insanejournal.com">customs</a> • <a href = "http://hrstanton.insanejournal.com">threads</a> • <a href = "http://.insanejournal.com/">ooc</a> • <a href = "http://hrstanton.insanejournal.com">phone</a></font><br> </td></tr></table></td></tr> <=DAY_WEBSITE LASTN_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">comment</a> </td> </tr> <=LASTN_TALK_LINKS GLOBAL_HEAD<= <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'> <style> body, td { font-family: Times New Roman, serif; font-size: 10pt; } tt, pre { font-family: monospace; } a { text-decoration: none; } a:hover { text-decoration: underline; } .shadowed, .ljadshadowed { font-size: 1pt; background:none; } .ljadshadowed div { visibility: visible; position: relative; } .meta { font-size: 8pt; } .index { font-size: 8pt; } .caption, .index { color: #FBF6F1; } .comments { font-size: 8pt; } </style> <style> /* Layout credit: ~coding@insanejournal.com; join/contact with any questions! */ body { background-color:#FFFFFF; background-attachment:no-repeat;} table {border:0; padding:0px; margin-bottom: -1px;} table table {border:0;} .entrybox {background-color:#FBF6F1; border-style:dotted; border-width:1px; border-color:#907351; padding:3px;} body, td {line-height:11pt;} /* top bar background. */ .shadowed {background-color:none; height:90px; padding-top:25px;} /* link effects. */ a {color:#EF978D; text-decoration:none;} a:hover {color:#907351; background-color: #; text-decoration:none; color:#907351; text-shadow: #FFFFFF 2px 2px 0px; -moz-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; -webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out;} /* top right navigation links. */ .index, .meta {font-family:Times New Roman; font-size:9px; color:#000000; background-color:#FBF6F1; line-height:10px; text-transform:uppercase; letter-spacing: 1px; padding:0px} / /* top banner main navigation links. */ table table table table td.meta {background-color:#FFFFFF; font-family:Times New Roman; font-size:9px; line-height:8px; text-transform:uppercase; letter-spacing: 1px;} /* subject lines. */ p table table td.caption {font-family:Times New Roman; font-size:12px; color:#907351; text-shadow: #FFFFFF 0px 0px 1px; background-color:none; line-height:8px; border-bottom:0px dashed #000000; text-transform:uppercase; letter-spacing: 1px; padding:5px;} /* date & time. */ .entrybox td.index {font-family: Times New Roman; font-size:9px; color:#000000; background-color:#FBF6F1; line-height:8px; border-bottom:0px dashed #000000; text-transform:uppercase; letter-spacing: 1px; padding:5px;} /* mood & music. */ .entrybox td.meta {background-color:none; font-family:Times New Roman; font-size:9px; line-height:8px; text-transform:uppercase; letter-spacing: 1px;} /* comments. */ .comments {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:8px; letter-spacing:1px; text-transform:uppercase;} /* usericons & locks. */ .ljuser img {display:none;} .ljuser:before {content: "@";} .caption img {width:8px; height:8px;} </style> <=GLOBAL_HEAD FRIENDS_TALK_LINKS<= <tr> <td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> %%readlink%%<a href="%%urlpost%%">comment</a> </td> </tr> <=FRIENDS_TALK_LINKS LASTN_OPT_ITEMS=>3 LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px;} table table table table table .meta {visibility:visible; position:relative; top:1px;} .shadowed {border-style:dotted;border-width:1px;border-color:#907351;background-image:url(http://i1103.photobucket.com/albums/g464/mandychuu/bgs/66_zpsa50c9c9f.gif); background-repeat:repeat;} tr.caption {display:none;}, .shadowed td div {display:none;}, .shadowed img {display:normal; width:100px; height:100px; border-radius:50px;} .supguys {font-family:'Alex Brush', cursive; font-size:22px; color:#5F3C38; font-style:italic; font-weight:900; line-height:8px; letter-spacing:1px; text-transform: lowercase; background-color:none; indent-right: 5px;} .supdude {font-family:'Garamond'; font-size:30px; line-height:14px; letter-spacing:-3px; color:#EF978D; text-transform: uppercase; text-shadow: # 0px 0px 0px; background-color:#FBF6F1; indent-right: 5px;} .links {font-family:Times New Roman; font-size:9px; font-weight:bold; line-height:1px; letter-spacing:1px; text-transform: uppercase; background-color:#FBF6F1; indent-right: 5px;} </style> <tr><td colspan="0" width="590"> <table align="right"> <tr><td width="0"></td> <p align = "right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br> <font class="supguys">Scattered all around the floor</font><br><br><br><font class = "links"><a href = "http://hrstanton.insanejournal.com/profile">profile</a> • <a href = "http://hrstanton.insanejournal.com/friends">friends</a> • <a href = "http://hrstanton.insanejournal.com">customs</a> • <a href = "http://hrstanton.insanejournal.com">threads</a> • <a href = "http://hrstanton.insanejournal.com/">ooc</a> • <a href = "http://hrstanton.insanejournal.com">phone</a></font><br> </td></tr></table></td></tr> <=LASTN_WEBSITE FRIENDS_DATE_FORMAT=><span style="font-family: arial; font-size: 8px; line-height: 11pt; letter-spacing: 1px; text-transform: uppercase; font-weight: none;color: #392E20;">%%monlong%% %%d%% @ %%12h%%:%%min%%%%ampm%%</span> DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

(Read comments) - (Post a new comment)

	frobisher 2013-05-18 06:33 pm UTC (link)
	try clearing out the strong, stronger and weaker options. because when i had all that cleared out i didn't get a box. hriley i was testing it out there. (Reply to this) (Parent) (Thread)

	hrstanton 2013-05-18 06:49 pm UTC (link)
	That seemed to do the trick though I don't know if it works well with this particular icon. It kinda cuts off her eye, and it looks weird to me. Luckily, I've got plenty of icons to play around with. Thanks! :) Is it possible to get a border around it? And I'm still trying to figure out what's making the name show up at the top. (Reply to this) (Parent) (Thread)

	lafayette 2013-05-18 11:18 pm UTC (link)
	border: 1px dotted #ffffff; for border, just mess with it as necessary, added to the icon code. i am not sure why the namefield shows up either, but if you'd like i can try to mess with it? (Reply to this) (Parent) (Thread)

	hrstanton 2013-05-18 11:24 pm UTC (link)
	By all means—PLEASE! In fact, I give permission to this entire community to tweak and improve upon anything I ever post here. Ever. (Reply to this) (Parent) (Thread)

	lafayette 2013-05-18 11:25 pm UTC (link)
	LOL, i'll see what i can do, i have codes similar enough sitting around. (Reply to this) (Parent)

lafayette
2013-05-18 11:45 pm UTC (link)

<tr><td colspan="0" width="590">
<table align="right">
<tr><td width="0"></td><Br><BR>
<p align="right"><font class="supdude">PICTURE PERFECT MEMORIES</font><br><br>
<font class="supguys">Scattered all around the floor</font><br><br><br><font class="links"><a href="http://hrstanton.insanejournal.com/profile">profile</a> • <a href="http://hrstanton.insanejournal.com/friends">friends</a> • <a href="http://hrstanton.insanejournal.com/2000/01/01/">customs</a> • <a href="http://hrstanton.insanejournal.com/2000/02/02/">threads</a> • <a href="http://hrstanton.insanejournal.com/3870.html?mode=reply">mobile</a> • <a href="http://hrstanton.insanejournal.com/4316.html?mode=reply">ooc</a></font><br>
</td></tr></table></td></tr>

try this in last_n website, it's working in the codes i had used. if it fails, i will pull it apart completely!

(Reply to this) (Parent) (Thread)

	hrstanton 2013-05-18 11:57 pm UTC (link)
	Wow, that worked perfectly! Thank you so much! (Reply to this) (Parent) (Thread)

	lafayette 2013-05-18 11:58 pm UTC (link)
	you're welcome! (Reply to this) (Parent) (Thread)

	hrstanton 2013-05-24 06:44 am UTC (link)
	Could I bother you to help me out again? I'm trying to remove the name field from the Friends, Customs, and Thread pages here. I don't know how they were removed in the first place. :x (Reply to this) (Parent)

(Read comments) -