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!