Carrie ([info]carriep63) wrote in [info]everything_lj,
@ 2006-01-18 12:05:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Hiding Bottom Navigation
For some reason you want to hide the bottom navigation on your Generator style layout? This code will hide the bottom navigation, but keep everything else (mood/music, date/time and top navigation links).

  • You may use all of this code, or just part of this code depending on how you want your journal to work.

  • You may use this with GLOBAL_HEAD overrides or with LASTN and FRIENDS_HEAD overrides.

  • Please read the entire tutorial to find out what part of the code does what.


The whole code

.meta, .index{
visibility:hidden;
}

.entrybox .meta, .entrybox .index, .shadowed .meta{
visibility:visible;
}

table table tr.caption td.index {visibility:visible}
table table tr.caption td.index a {visibility:visible}


The Breakdown

The blue part of the code hides everything. This will hide the bottom navigation, part of the top navigation, the date/time and the mood/music on your journal.

The green part of the code
.entrybox .meta = your mood and music.
.entrybox .index = your date and time.
.shadowed .meta = your top navigation links.

This part of the code makes all three of these visible. They are separated by commas. If you do not want one of these to be visible, then you will have to delete that portion of the code. For example, if you do NOT want your top navigation to be visible, you need to remove the .shadowed .meta (and the comma in front of it) from this code. It will then look like this:
.entrybox .meta, .entrybox .index{
visibility:visible;
}


The red part of the code affects only the [entries|friends|calendar] portion of the top navigation. It makes these visibile. If you are making a layout with the top navigation hidden (like 99% of the layouts out there!) You will have to remove the red part of the code.
*I actually thought twice about even including this part of the code because most people create layouts with hidden navigation. I anticipate about 80 comments from people who use this without reading the whole tutorial and now they can't get rid of the top navigation. Please don't be one of those people.


Practical use
This has been tested on the LASTN and FRIENDS view on a Generator style layout. DO NOT USE THIS ON YOUR CALENDAR PAGE. It will hide all of the dates and subject links on that page. You do not have bottom navigation on a CALENDAR view anyway, so there is no reason to use this code.

If you are using this with a GLOBAL_HEAD tag, you will have to use an extra override for the CALENDAR_HEAD in order to make your days visible.

GLOBAL_HEAD<=
<style type="text/css">
<!--
.meta, .index{
visibility:hidden;
}
.entrybox .meta, .entrybox .index, .shadowed .meta{
visibility:visible;
}
table table tr.caption td.index {visibility:visible}
table table tr.caption td.index a {visibility:visible}
-->
</style>
<=GLOBAL_HEAD

CALENDAR_HEAD<=
<style type="text/css">
<!--
.meta, .index{
visibility:visible;
}
-->
</style>
<=CALENDAR_HEAD



If you are using this code with LASTN_HEAD and FRIENDS_HEAD overrides, the extra CALENDAR_HEAD override is not necessary.



(Post a new comment)


[info]notacrnflkgirl
2006-01-18 06:59 pm UTC (link)
Thank you! People have been asking about this for quite a long time now!

(Reply to this) (Thread)


[info]carriep63
2006-01-18 07:01 pm UTC (link)
Yep ;) I just hope it doesn't create more problems than it solves...

(Reply to this) (Parent)(Thread)


[info]lightningbolt69
2006-01-18 07:09 pm UTC (link)
I ♥ ur icon

(Reply to this) (Parent)(Thread)


[info]carriep63
2006-01-18 11:26 pm UTC (link)
Thanks!

(Reply to this) (Parent)


[info]herletterbox
2006-03-25 12:55 pm UTC (link)
this is great!

however, if i would like the 'prev' and 'next' links to show up in the sidebar for example, is there a code that can be placed for navigation?

i hope you understand what i'm trying to say.. and thanks in advance =]

(Reply to this) (Thread)


[info]ex_shattered767
2006-05-23 02:50 pm UTC (link)
The variable for skiplinks does not work with overrides. If you would like to have the links in your sidebar, they would have to be fake links; for example, one going to http://community.livejournal.com/everything_lj/?skip=20, one going to http://community.livejournal.com/everything_lj/?skip=40, one going to http://community.livejournal.com/everything_lj/?skip=60, etc.

(Reply to this) (Parent)


[info]blackapriltears
2006-06-21 03:37 am UTC (link)
oooooooo! Why thank you!

However- I was wondering....

is there a way to re-define the skiplinks with SPAN ID="" like you are with the navigation?

for instance with what I would like to do with my layout:

[SPAN ID="viewrecent"]
[area href="%%skipforward%% (or something)" shape="rect" coords="241, 165, 276, 158" ALT="backwards"]
[/span]

(Reply to this)

Changing the font SIZE for bottom navigation.
[info]namsoon
2006-08-30 12:51 pm UTC (link)
I have a question... is there a way to just change the SIZE of the bottom nagivation font, as opposed to hiding it?

(Reply to this)


[info]kpop_rubba
2007-06-14 12:38 am UTC (link)
So there's no way to keep those navigation links at the bottom but change their appearance/what they say??? Not even get rid of the brackets?

(Reply to this) (Thread)


[info]carriep63
2007-06-14 01:38 am UTC (link)
No.

(Reply to this) (Parent)


[info]novenary
2008-10-09 12:09 am UTC (link)
I still have a white box showing up where the bottom navigational links are: http://moderato.insanejournal.com

(Reply to this)


Create an Account
Forgot your login?
Login w/ OpenID
English • Español • Deutsch • Русский…