InsaneJournal

Tweak says, "Oh, Brad!"

Helena Ruth Stanton (

hrstanton) wrote in

rp_tutorials,
@ 2013-05-18 02:10:00

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>

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

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

InsaneJournal

Post a comment in response: