InsaneJournal

Tweak says, "I need TP for my bunghole!!!"

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)

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) -