| Carrie ( @ 2006-01-18 12:05:00 |
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).
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.
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.
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.