Removing navigation, links/table above your entries Options

[jordanriane]

Style: Generator
Website: You MUST have a website listed.
System: S1
Account: Free or Paid (with paid, you can simply create your own html, which I'd highly recommend, unless you don't know how to create your own...)
Other: Header Image: This is perfect for people who want a header image, or want to customize their navigation box to say whatever they want. Remember though, that you will need to create you own coding for the navigation box, since this code will hide the original, so you can use yours.


These overrides will go in your "overrides box," found in the Modify Journal page.


The following snippet of coding will simply hide the navigation box for showing:

CODE

LASTN_WEBSITE<=
<style type="text/css">
<!--
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
}
-->
</style>
<=LASTN_WEBSITE

This will remove the navigation box from your index page (livejournal.com/~username). If you want the effect to take place on all of your pages, then you will need to copy and paste the code between the LJ specifics tags under one or all of the following:

friends page: FRIENDS_WEBSITE=> CODE <=FRIENDS_WEBSITE
calendar page: CALENDAR_WEBSITE=> CODE <=CALENDER_WEBSITE
day page: DAY_WEBSITE=> CODE <=DAY_WEBSITE


Now that you have that done, you will also need to one more snippet of code.

CODE

GLOBAL_HEAD<=
<style type="text/css">
.shadowed {
                 background: transparent;
}
-->
</style>
<=GLOBAL_HEAD

If you have a global_head created, simply merge the above with your previous. That means just copy paste the .shadowed {} and paste it into your other stylesheet.


If you plan on using any images in your name_WEBSITE tables then you MUST include the following with the image tag:

CODE

<img src="url.jpg" style="visibility: visible;">

Always remember to add the last bit so images will show up!

[bubblyvee]

why do you f**king rock?
i love you, man! you're the best.
everytime I'm on here you're always helping people.
My god and your good at it.
you've helped me so much
and you come up/ have the best LJ layouts.
keep it up!

++ your like a thousand times gorgeous.

:]

[*torngemini*]

I have all that down and it was helpful but now I still can't get my imagemap to work!!

[anonymy]

where will i add the last bit? it doesn't load a header image ... and if i need to code a new navigation part, where will i put it and how can i change what the links say?

i have a website listed, and i uploaded the image somewhere and i still can't see my image header. ...

sorry, i'm a n00b.

[jordanriane]

READ through it one more time.

This entire post is for the LASTN_WEBSITE.
Obviously the image tag would go under that...

[missaesthetic]

Ive tried learning this LJ stuff forever.

I put this in my coding and it won't work. I have a pretty simple layout so far:

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><style type="text/css"><br />.shadowed {<br />                 background: transparent;<br />}<br />--><br /></style><br /><style type="text/css"><br /><br /><xx-center><br /><br />body {<br />background-color: #ffffff;<br />scrollbar-arrow-color:#000000;<br />scrollbar-track-color: 000000;<br />scrollbar-shadow-color:000000;<br />scrollbar-face-color: ffffff;<br />scrollbar-highlight-color:#000000;<br />scrollbar-darkshadow-color:000000;<br />scrollbar-3dlight-color: 000000; <br />}<br />.blogbody, table.footer, .standard, .leftmodulefontcolor, td,p {<br />/* edits main text */<br />font:normal 9pt arial;<br />line-height:16px;<br />color:#000000;<br />letter-spacing:0px;<br />text-align:center;<br />}<br />.blogbody b,.standard b, p b, strong { <br />/* edits bolded text in your entry */ <br />font-weight: bold;<br />color:black; <br />letter-spacing:0px;<br />}<br />.blogbody u, .standard u,  {<br />text-decoration: underline;<br />color:000000;<br />border-bottom:2px dotted 666666;<br />}<br />.blogbody i, .standard i, em {<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:0px;<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family:arial;<br />text-transform:uppercase;<br />font-size:18px;<br />font-weight:bold;<br />color:#000000;<br />line-height:11pt;<br />letter-spacing:-2px;<br />background-color:transparent;<br />border:0px solid #ffffff;<br />text-align:left;<br />width:580px;<br />padding: 5px;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active { <br />/* edits all links */ <br />  color:000000; <br />  font:normal 8pt terminal;<br />  line-height:14px; <br />   text-transform: uppercase;<br />  text-decoration: none; <br />  letter-spacing: 1px;<br />    background-color:transparent; } <br /> <br />a:visited, a.footernav:visited,  { <br />/* edits the links that the user has visited */ <br />  color:000000; <br />  font:normal 8pt  terminal;<br />  line-height:14px; <br />   text-transform: uppercase;<br />  text-decoration: line-through; <br />  letter-spacing: 1px;<br />    background-color:transparent; <br />} <br />a:hover {<br />font: normal 8pt  terminal;<br />color:#C0C0C0;<br />background-color: transparent;<br />cursor:default;<br />border-bottom:1px dotted #000000;<br />text-decoration: underline;<br />line-height:14px;<br />letter-spacing:1px;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 9pt terminal; <br />text-transform: uppercase;<br />color:black;<br />background-color:ffffff;<br />letter-spacing:0px;<br />}<br /><br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border: 0px solid #000000;<br />width:580px;<br />background-color:ffffff;<br />}<br /><br /></style><br /><br /><=GLOBAL_HEAD<br /><br />LASTN_WEBSITE<=<br /><style type="text/css"><br /><!--<br />table table table table .meta {<br />                 visibility:hidden;<br />                 position:absolute;<br />                 top:0px}<br />                 table table table table table .meta {<br />                 visibility:visible;<br />                 position:relative;<br />                 top:0px}<br /><br />tr.caption{<br />                 display:none<br />}<br />.shadowed td div{<br />                 visibility: hidden;<br />                 position: absolute;<br />                 top: 0px<br />}<br />--><br /></style><br /><=LASTN_WEBSITE<br /><br /><br /><!-- end code provided by createblog.com -->

And here is my LJ: http://www.livejournal.com/users/electrikauction/