InsaneJournal

Tweak says, "Brian is a Justinite."

A loving heart is the truest wisdom. (ex_dickens625) wrote in rp_tutorials,
@ 2014-01-19 15:00:00

Hi all!

I have a question for you all. I'm trying to modify one of

coding's layouts over at

janep.

At the moment I'm trying to do two things

1. Modify the weak accent (the green section at the bottom of each entry) but I can't seem to find that section in the code?

2. Custom Navigation - it's appearing but so is the old navigation. On the main page it's just the profile & calendar but on the friends page it's everything including the website link.

In other words I'm absolutely baffled!

Any help would be greatly appreciated, thanks :)

Edit:

GLOBAL_HEAD<=
<title>Jane Peterson is Elizabeth I</title>

<style>

/* credit: ~coding @ insanejournal.com; come to us for questions. Some code modifed by the code from ~mia */
table table tr.caption td.index{
visibility:hidden
}
/* background colour */
body { background: #dddddd; }

/* entry and navigation background colour */
.shadowed, .ljshadowed { background: #ffffff; }
td { background-color: #ffffff; }

/* top bar background. */
.shadowed {background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcQ-7WC3K64uk_zXV5NN3kzP7jBjdwixPAvBT-rIJ-45P_TA8r4z); background-size:37%; background-repeat:no-repeat; height:206px;}

.shadowed img {
display:none;
}
table table tr.caption td.caption{ 
visibility:hidden
}

/* gets rid of top left journal name */
table table tr.caption td.caption { display:none; visibility: hidden; }

/* link colour */
a { text-decoration: none; color: #05AB8A; vlink: #05AB8A; alink: #05AB8A; }

/* font throughout the layout */
td { font-size: 12px; line-height: 12px; font-family: arial narrow; color: #000000; }

/* subject lines */
p table table td.caption { font-family: "arial narrow"; font-size: 24px; line-height: 14px; text-align: left; letter-spacing: -0.5px; text-transform: uppercase; font-weight: bold; color: #e1e1e1; text-shadow: #05AB8A 1px 1px 0px; }

/* top right links, mood, time and date */
.index { font-family: "arial narrow"; font-size: 8px; line-height: 8px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; color: #cccccc; }

/* name title */
.shadowed td div { font-family: "arial narrow"; font-size: 26px; line-height: 20px; letter-spacing: -1.5px; text-transform: uppercase; font-weight: bold; color: #cccccc; text-shadow: #990000 1px 1px 0px; float: right; }

/* comments */
.comments { font-family: "arial narrow"; font-size: 10px; line-height:3px; font-weight:none; text-align: right; padding: 5px; border-bottom: 15px solid #05AB8A; }

/* top banner main navigation links */
table table table table td.meta {font-size: 10px; line-height: 10px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

/* link effects. */
a {color:#ca3c19; text-shadow: 1px 1px 2px #b6a25d; text-decoration:none;}
a:hover {color:#666a6d; cursor:default; -webkit-transition-duration: 1.2s;}

</style>

</font>

<=GLOBAL_HEAD

FRIENDS_OPT_ITEMS=>20

FRIENDS_TALK_LINKS<=
<tr><td align="right" colspan="2" width="100%"
bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a
href="%%urlpost%%">C</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK<=
<a
href="%%urlread%%">%%messagecount%%</a> • 
<=LASTN_TALK_READLINK

LASTN_OPT_ITEMS=>3

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> •

LASTN_WEBSITE<=
<style type="text/css">

</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<span id="navigation">

<a href="http://janep.insanejournal.com" title="recent">♥</a> <a href="http://janep.insanejournal.com/profile" title="profile">♥</a> <a href="http://janep.insanejournal.com/friends" title="friends">♥</a>
</span>
</td></tr></table></td></tr>
<=LASTN_WEBSITE

The Code!

Also I was playing around with it and somehow made the navigation go vertical instead of horizontal like it was before ;-;

(Post a new comment)

	RE: Comments Section affictitious 2014-01-19 05:28 am UTC (link)
	That is the 15px border like so: `/* comments */ .comments { font-family: "arial narrow"; font-size: 10px; line-height:3px; font-weight:none; text-align: right; padding: 5px;` `border-bottom: 15px solid #05AB8A;` `}` (Reply to this)

	RE: Navigation Section affictitious 2014-01-19 05:41 am UTC (link)
	Looking at the code, it looks like you've specified the navigation section as #navigation (ie, an ID div) and there doesn't appear to be a #navigation in any of the tags. That might be why your nav section went vertical instead of horizontal? (Reply to this) (Thread)

	Re: Navigation Section affictitious 2014-01-19 05:42 am UTC (link)
	I'm sorry, that would an ID span, not div but my suggestion still stands. lol (Reply to this) (Parent) (Thread)

	Re: Navigation Section janep 2014-01-21 03:30 am UTC (link)
	Thank you that is much appreciated! (Reply to this) (Parent) (Thread)

	Re: Navigation Section affictitious 2014-01-21 05:10 am UTC (link)
	You're very welcome. :) (Reply to this) (Parent)

	stomps 2014-01-19 12:35 pm UTC (link)
	For #2, you have to repeat all the code you put under <=LASTN_WEBSITE under a separate category labeled FRIENDS_WEBSITE<= instead (and remember to close it with <=FRIENDS_WEBSITE). (Reply to this) (Thread)

	janep 2014-01-21 03:34 am UTC (link)
	scratches head I did that but it didn't work so I must have done something to stuff it up (Reply to this) (Parent)

	janep 2014-01-21 03:34 am UTC (link)
	Huh just tried that and it still isn't working O.o (Reply to this) (Parent)

	janep 2014-01-21 03:37 am UTC (link)
	nvm I changed position of it and got it working. That was perhaps the only problem last time too... Thanks :) (Reply to this) (Parent) (Thread)

	stomps 2014-01-21 03:41 am UTC (link)
	No problem, glad you got it working! (Reply to this) (Parent)