Customizing linkbar, adding space between entries, layers tutorial

Aug 23, 2007 21:59

Journal: imaginepageant
Account: paid
Code:
/* PAGE */

body {
font-family: tahoma, sans-serif;
font-size: 7pt;
margin: 0px;
background-color: #0B151D;
color: #9a9a9a;
margin-bottom: 10px;
margin-top: 10px;
}
b {
color: white;
}
a {
color: #748DA2;
text-decoration: none;
}
a:visited {
color: #748DA2;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: none;
}

.pageblock{
width:600px;
margin: 0 auto;
background-color: black;
}
.pagefooterblock{
background-color: #071018;
color: #404040;
color: white;
text-align: center;
background: url(http://i16.photobucket.com/albums/b10/decemberine/mooncoveredlayout/daydreamsfooter-1.png);
width: 600px;
padding-top: 40px;
height: 19px;
background-repeat: no-repeat;
background-position: bottom;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}

/* HEADER */

.pageheaderblock {
text-align: left;
background: url(http://pics.livejournal.com/imaginepageant/pic/000988cs);
width: 600px;
height: 399px;
}

.header-title {
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;

}
.header-menu {
padding: 0px;
background-color: transparent;
font-family: tahoma;
font-size: 10px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
padding-top: 5px;
width: 600px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 2px;
color: #748DA2;
text-decoration: none;
}
.header-menu a:hover {
color: #ffffff;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
margin-right: 4px;

}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: #000;
color: #fff;
margin: 10px 0px 4px 0px;
padding: 9px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #fff;
text-align: center;
}
.body-title {
display: none;
}
.body-midtitle {
font-family: tahoma;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #c0c0c0;
background-color: transparent;
font-family: tahoma;
font-size: 11px;
line-height: 15px;
margin: 4px 0px 4px 0px;
text-align: justify;
}
.entryUserinfo {
text-align: center;
margin-right: 6px;
margin-bottom: 5px;
background-color: transparent;
}
.entryUserinfo-usericon img {
padding: 2px;
border: 0px;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: transparent;
color: #748DA2;
font-family: tahoma;
font-size: 10px;
padding: 7px;
font-weight: normal;
text-transform: uppercase;
background-image: url(http://i16.photobucket.com/albums/b10/decemberine/mooncoveredlayout/daydreamssidebar2.png);
background-repeat: repeat-x;
height: 29px;
}
.entryHeader a{
color: #000000;
}
.entryHeaderSubject {
font-weight: normal;

color: #748DA2;
}
.entryHeaderDate a {
color: #000000;
text-decoration : none;
}
.entryHeaderDate a:hover {
color: #000000;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: tahoma;
font-size: 11px;
color: #000000;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
blockquote{
background-color: #212121;
color: black;
padding: 5px;
border: 1px dotted black;
}
/*FOOTER*/

#footer-menu {
font-size: 11px;
}
#footer-menu a, .footer-menu a:visited {
color: #000000;
white-space: nowrap;
padding: 6px;
text-align: left;
}

/*SIDEBAR*/

.sidebar {
font-family: tahoma;
font-size: 11px;
margin-right: 0px;
width: 180px;

line-height: 15px;
}
.sidebox {
color: #c0c0c0;
background-color: transparent;
margin: 4px;

}
.sideboxTitle {
background-color: transparent;
color: #748DA2;
font-family: tahoma;
font-size: 10px;
padding: 7px;
font-weight: normal;
text-transform: uppercase;
background-image: url(http://i16.photobucket.com/albums/b10/decemberine/mooncoveredlayout/daydreamssidebar2.png);
background-repeat: repeat-x;
height: 29px;
}
.sideboxContent {
text-align: justify;
padding: 2px 4px 2px 4px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: center;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;

}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #fff;
background-color: #202020;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
padding 5px;
background-color: #202020;
}
.commentUserinfo-usericon img {
border: 0;
padding: 5px;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #000;
color: #fff;
font-family: tahoma;
font-size: 11px;
text-transform: uppercase;
padding: 4px 0px 4px 8px;
border-bottom: 1px solid gray;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #f8f8f8;
color: #000000;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 390px;
margin: 10px;
background-color: #121212;
}
.daysubjects {
color: #fff;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #212121;
color: #ccc;
height: 20px;
}
.day-blank {
}
.day {
}
.day-date {
border-right: 1px solid #212121;
border-bottom: 1px solid #212121;
color: #fff;
width: 50%;
text-align: center;
background-color: #222222;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #f5f4c6;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}
.tagstable { width: 350px; }

.entryMetadata ul {
display:none;
{

1. How the bloody hell do I remove the Track This, Tell A Friend, Edit Tags, Add and to Memories links in my link bar? I've tried many things in the past, this most recently, but nothing works. I also remember being able to put a divider image between the links with Flexible Squares, I think... is there a way to do it with Smooth Sailing?
SOLVED with this.

2. I don't even know where to start looking to find an answer to this, so I'm just going to ask. The space between the linkbar and the subject of the next entry is way too small: example. Please, please tell me there's a way to fix it!
SOLVED, thanks here_be_dragons!

3. I remember a tutorial for how to set up a basic layer that you can then add your various coding to. I can't find it now. The last time I tried to mess around with the layers on my own, I ruined things royally. So I'm hoping someone has that tutorial handy.
SOLVED, thanks here_be_dragons!

Many thanks in advance!
Previous post Next post
Up