InsaneJournal

Tweak says, "Gimme da kees!"

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

(Read comments) - (Post a new comment)

	vaguedisclaimer 2011-02-03 01:10 am UTC (link)
	Hah. I know you. XD [<-- the Sirius player @ Collector] I'm going to go beat my head against a wall trying to figure this out, because i'm kind of in love with the simplicity of this journal layout. (Reply to this) (Thread)

	slytherjenjen 2011-02-03 01:15 am UTC (link)
	Hey! I know right? It's so simple there is no reason it shouldn't work everywhere. I've never had an issue before with making layouts work, so there has to be something missing, in which case I'm not sure how it worked for others. (Reply to this) (Parent) (Thread)

	vaguedisclaimer 2011-02-03 01:16 am UTC (link)
	I THINK I FIGURED IT OUT.... It doesn't help that i scoured the SHIT out of that layout journal and ... yeeeeah. She doesn't actually give you the code for the calender/friends/etc. pages. GIVE ME FIVE MINUTES AND YOU SHALL HAVE A COMPLETE JOURNAL CODE (Reply to this) (Parent)

(Read comments) -