InsaneJournal

Tweak says, "There is no such noun as fail"

JenJen ~* (slytherjenjen) wrote in rp_tutorials,
@ 2011-02-02 17:36:00

Entry tags:

question: html/css, question: layouts

Hello, my name is Jen and I recently came across a layout that I fell madly in love with. So I took the code [with credit] fixed myself a new header [as it was more the idea I loved] and then put it to work on my character journal the_antifrancis. It looks great! Problem? The side bar and header don't work on any page but the main journal. I'm assuming that when I was supplied the coding they missed out on some things.

Could someone please help me find the missing code(s)? I'm working on becoming html savey and have most of the basic stuff down pat, I also know what not to touch, but to write it from scratch...one day lol

GLOBAL_HEAD<=
<style type="text/css">
<!--
span.ljuser{
background-image: url(http://i133.photobucket.com/albums/q55/kain_layouts/lls5/USER.jpg);
background-repeat: no-repeat;
background-position: left middle;
}
span.ljuser img{
visibility: hidden;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
font-size: 10pt;
}
blockquote{
background: #fdfdfd;
border: #808080 solid 1px;
padding: 5px;
}
.x{
position:absolute;
top:0px;
width: 600px;
left:50%;
margin-left:-300px!important;
margin-left:-299;
}

body, td, div, .shadowed, .meta {
font-family:garamond; 
font-size: 10pt; 
color: #404040;}

.shadowed img{
display:none;
}

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
#side{
position:absolute;
top:210px!important;
top:207px;
left: 50%;
margin-left: -290px;
width: 170px;
height: auto;
visibility: visible;
z-index:2;
font-size:10pt;
padding-top: 2px; 
text-align:left;
background-color: #eaeaea;
}
#side img{
display:inline;
}

.sideblurb{
font-size:10pt;
text-align:justify;
font-family: garamond;
padding-left: 10px; 
padding-right: 10px; 
}

.sidehead{
text-align: center;
font-size:12pt;
font-weight: bold;
color: #eaeaea;
width: 170px;
font-family: garamond;
padding-top: 4px;
margin-bottom: 2px;
padding-bottom: 4px;
background-color: #808080;
display: block;
line-height: 150%;
}

.sidelinks{
text-align: left;
width: 100%;
font-size: 10pt;
display: block;
font-family: garamond;
}

.sidelinks a, .sidebarlinks a:link, .sidebarlinks a:visited{
color: #808080;
width: 153px!important
width: 170px;
background-color: #eaeaea;
display: block;
text-decoration: none;	
padding-left: 9px;
border:1px solid #eaeaea;
}

.sidelinks a:hover{
color: #808080;
background-color: #ffffff;
display: block;
text-decoration: none;	
border:1px solid #808080;
}

#sidebar img{
display:inline;
}

body {
margin-top:161px;
font-color:#404040;
background-color:#808080;
background-image: url(http://i133.photobucket.com/albums/q55/kain_layouts/lls5/BG.jpg);
background-repeat: repeat-y;
background-position: top center;
background-attachment: fixed;
}

table, tr, td, .shadowed {
background:#eaeaea;
}

table {
width: 400px;
margin-left:180px;
}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

.entrybox td{
text-align: justify;
}

a{
color: #b0b0b0;
text-decoration: none;
}

a:hover, a:active{
color: #808080;
text-decoration: none;
}

p table table td.caption {
color: #eaeaea;
background-color: #808080;
font-size: 11pt;
font-weight: bold;
text-align: left;
width: auto;}

.entrybox td.caption{
background:#808080;
}

table.entrybox td.index {
font-size: 11pt;
background: #808080;
text-align: right;
}
p .index {
color:#808080;
}
-->
</style>
<=GLOBAL_HEAD

LASTN_TALK_READLINK=>

LASTN_DATE_FORMAT=><font color="#eaeaea"><b>%%m%%/%%d%%/%%yyyy%% <b>@</b> %%12h%%:%%min%%%%ampm%%</b></font>

LASTN_WEBSITE<=

<div id="side">
<span class=sidehead>About</span>
<center><a href="http://insanejournal.com/allpics.bml?user=the-antifrancis"><img src="http://i24.photobucket.com/albums/c24/Blusian_Princess/frank-1.jpg " width=100 border=0 height=100></a></center>
<p class="sideblurb">
Frank (under construction)
</p>

<p class="sidelinks">
<span class=sidehead>Navigation</span>
<a href="http://the-antifrancis.insanejournal.com">Recent Entries</a>
<a href="http://the-antifrancis.insanejournal.com/friends">Friends</a>
<a href="http://the-antifrancis.insanejournal.com/profile">Profile</a>
<a href="http://www.insanejournal.com/allpics.bml?user=the-antifrancis">Icons</a>
<a href="http://www.insanejournal.com/tools/memories.bml?user=the-antifrancis">Memories</a>
<a href="http://the-antifrancis.insanejournal.com/calendar">Calendar</a>
</p>
<p class="sidelinks">
<span class=sidehead>Links</span>
<a href="http://asylums.insanejournal.com/collectors_rpg/">Collectors RPG</a>
<a href="http://asylums.insanejournal.com/collectors_ooc/">Collectors OOC</a>
</p>
<p class="sidelinks">
<span class=sidehead>Contact</span>
<a href="aim:goim?screenname=carriebarry54321&message=Hello+there!+How+are+you?">AIM</a>
<a href="mailto:ontheriaultj88@gmail.com">Email</a>
<a href=="http://ontheriaultj88.insanejournal.com/profile">CDJ</a>
</p>
<span class=sidehead>Layout</span>
<p class="sideblurb">
This layout was made by <a href="http://kain-lumpia.livejournal.com">Kain Lumpia</a> featuring a header by <a href="http://ontheriaultj88.insanejournal.com">Myself</a>
</p>
</div>

<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td style="padding-right:8px;" align="center" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
<a href="%%urlpost%%">Comment</a>   
<a href="http://www.insanejournal.com/tools/memadd.bml?%%itemargs%%">Add to Mems</a>   
<a href=http://www.insanejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>   
<a href="%%urlread%%">Read</a>%%readlink%%
</td>
</tr>
<=LASTN_TALK_LINKS