Log In · Register

 
 
Closed TopicStart new topic
Navigation Bar Issues, Issues with userinfo, calendar, etc.
strandedhero
post Aug 1 2006, 03:25 PM
Post #1


Newbie
*

Group: Member
Posts: 1
Joined: Aug 2006
Member No: 447,270



Hi, I'm new to LJ, and encountered some problems with the navigation bar. I checked around the forums but I have more than one problem so here goes:

Here is my LJ. I've been tweaking it for nearly a day and a half, but can't figure out how to change the navigation bar on the top (the one with userinfo, website, and calendar).

UPDATE: I've gotten most of my changes made by myself (yeah, maybe posting here kinda helped, I felt like I should get it by myself before anyone posted) - but there's a few minor things I still need help with (whatever's not crossed out on the list!)

I want to:
  • Remove the userinfo, website, and calendar links.
  • Shift the icon farther to the left.
  • Add new links (profile, friends, calendar, website) without brackets around them.
Also, I have a few other issues with the rest of the LJ:
  • The date to be darker, like the entry text.
  • The date to be slightly larger.
  • The bar on the bottom to have the brackets removed around 'Viewing most recent entries' and for 'Viewing most recent entries' to be in caps-lock like 'POST COMMENT' and 'READ' are.
I'm sorry if there are solutions listed elsewhere in the forum. I tried changing the navi-bar with a sticky on the forum but it didn't work for me.

This is what's in my override box:

CODE
GLOBAL_HEAD<=
<title>and we'll run away from here. </title>
<style type="text/css">

<!--
tr.caption{display:none}
-->
</style>
<style type="text/css">
<!--
table table tr.caption td.caption{visibility:hidden}
-->
<style type="text/css">
<!--
body {
margin-top: 20px !important;

}

-->

</style>
<style>


    body {
        margin-top: 15px !important;
        background-color: #444444;
        background-position: top center;
        background-repeat: repeat;
        background-attachment: fixed;
        }

    a, a:link, a:visited {
        font-family: "Tahoma", "Helvetica", sans-serif;
        cursor: default;
        color: #666666;
        font-size: 10px;
        text-decoration: none;
        }

    a:hover {
        font-family: "Tahoma", "Helvetica", sans-serif;
        cursor: default;
        color: #777777;
        font-size: 10px;
        text-decoration: none;
               }

/* highlighting colour - courtesy of anja (drownsoda.org) */
    ::-moz-selection {
        background: #444444;
        color: #FFFFFF;
        }

    blockquote {
        margin: 10px 20px;
        padding: 18px;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        line-height: 13px;
        font-size: 7.5pt;
        font-family: "Tahoma", "Helvetica", sans-serif;
        background-color: #444444;
        text-align: justify;
        }

/* style of default icon */
    .shadowed img {
        background-color: #FFFFFF;
        visibility:visible;
        align: left;
        }

/* hides displayed name and top navigation links */
    .shadowed td div {
        visibility: hidden;
        position: absolute;
        top: 1px
        }

    tr.caption {
        display: none;
        }

    table table tr.caption td.caption {
        visibility: hidden;
        }

/* add a border to your header */
    td.shadowed {
        background-color: #FFFFFF;
        }

/* adds a border header, footer and all entries */
    table {
        border: 18px solid #FFFFFF;
        }

    table table {
        border: 0;
        }

/* friends only and private entry icons */
    .caption img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
        width: 0;
        height: 0;
        padding: 0 08px 10px 0;
        background: url(http://img488.imageshack.us/img488/5950/lock1ut.gif);
        }

    .caption img[src="http://stat.livejournal.com/img/icon_private.gif"]{
        width: 0;
        height: 0;
        padding: 0 08px 10px 0;
        background: url(lock.gif);
        }

/* friends and community icons */
    span.ljuser img{
        display: none;
        background-image: url(http://img488.imageshack.us/img488/8623/littlehuman9ur.gif);
        background-repeat: no-repeat;
        background-position: left middler;
        }

    span.ljuser img{
        visibility: hidden;
        }



    span.ljuser a b {
        color: #444444;
        font-family: "Tahoma", "Helvetica", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        }

    span.ljuser a b:hover {
        color: #444444;
        font-family: "Tahoma", "Helvetica", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        }

/* subject of journal entries */
    p table table td.caption {
        color: #444444;
        font-family: "Century Gothic", "Helvetica", sans-serif;
        font-size: 11pt;
        text-transform: lowercase;
        text-align: left;
        background-color: #FFFFFF;
        }

/* display of date and time */
    .entrybox .index{
        font-size: 7.5pt;
        color: #444444;
        font-family: "Century Gothic", "Helvetica", sans-serif;
        text-transform: uppercase;
        text-align: right;
        background-color: #FFFFFF;
        }

/* displayed text in journal entries */
    td {
        font-size: 7pt;
        font-family: "tahoma", sans-serif;
        color: #444444;
        line-height: 11pt;
        text-align: justify;
        background-color: #FFFFFF;
        }

/* currents (mood & music) and bottom navigation links */
    table table table td.meta {
        font-size: 7.5pt;
        color: #444444;
        background-color: #FFFFFF;
        text-align: left;
        font-family: "Tahoma", "Helvetica", sans-serif;
        text-transform: lowercase;
        }

/* hiding currents (mood & music) */
    .entrybox td.meta{
        display: none;
        }

    p .index {
        color: transparent;
        }

/* comment links */
    .comments {
        font-size: 10pt;
        color: #444444;
        text-align: right;
        font-family: "Arial", sans-serif;
        text-transform: uppercase;
        background-color: #FFFFFF;
        }

/* bottom navigation/footer */
    p .index {
        font-size: 08pt;
        color: #444444;
        font-weight: lighter;
        font-family: "Century Gothic", "Helvetica", sans-serif;
        text-transform: lowercase;
        text-align: right;
        background-color: #FFFFFF;
        }

/* changing link colour under icons on friends page */
    table.entrybox a.index img{
        padding: 08px;
        margin-left: 10px;
        background-color: #444444;
        }

    .entrybox a.index font {
        margin-left: 10px;
        margin-top: 03px;
        color: #444444;
        font-family: "Tahoma", "Helvetica", sans-serif;
        background-color: #FFFFFF;
        }

    .entrybox a.index:hover font {
        margin-top: 03px;
        color:#777777;
        font-family: "Tahoma", "Helvetica", sans-serif;
        background-color: #FFFFFF;
        }

    .entrybox a.index:visited font {
        margin-top: 03px;
        color:#444444;
        font-family: "Tahoma", "Helvetica", sans-serif;
        background-color: #FFFFFF;
        }

/* change these numbers, must add up to 95% or less*/
    table {
        width: 55%;
        margin-left: 10%;
        margin-right: 10%;
        }

/* do NOT change these numbers */
    table table {
        width: 100%;
        margin:0;
        }
        table table table {
        width: auto;
        }

-->
.entrybox td.index {
color: #ffffff;
}

</style>
<!-- end hide the defaults and make new links visible -->
<=GLOBAL_HEAD

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

LASTN_TALK_READLINK=><a href="%%urlread%%">read</a> (%%messagecount%%)

LASTN_OPT_ITEMS=>10

LASTN_DATE_FORMAT=><font color="#CCCCCC">%%mm%% %%dd%%, %%yy%%; %%12h%%:%%min%%%%ampm%%</font>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">read</a> (%%messagecount%%)

DAY_TALK_LINKS<=
<tr>
<td align="left" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">comment?</a>
</td>
</tr>
<=DAY_TALK_LINKS

CALENDAR_WEBSITE<=
<tr>
<td class="meta" colspan="5">

<!-- start new set of links -->
<table cellspacing="0" cellpadding="0" border="0" summary="">

<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT=><font color="#CCCCCC">%%mm%% %%dd%%, %%yy%% | %%12h%%:%%min%%%%ampm%%</font>


Any help would be appreciated. Thank you.
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: