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.
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.
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>
<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.