Help - Search - Members - Calendar
Full Version: Where would i add links to this stylesheet
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
SuperShineyGirl
Here is my code

CODE
body {
background-color: #000000;
color: #404040;
}

a, a:link, a:visited, a:active {
color: #f997bc;
text-decoration: none;
}
    
a:hover {
color: #C0C0C0;
text-decoration: none;
border-bottom: 1px dotted;
cursor: default;
}

strong, b {
color: #e5538a;
font-weight: bold;
}

#content {
width: 750px;
background-color: #ffffff;
padding: 2px;
border-width: 0px;
}

#sidebar {
float: left;
clear: none;
width: 170px;
padding: 6px;
border-width: 0px;
background-color: transparent;
}

#maincontent {
float: right;
width: 555px;
margin: 0;
padding: 3px;
border-left: 4px #f997bc solid;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
background-color: transparent;
}

#header {
width: auto;
padding-top: 0px;
padding-bottom: 5px;
line-height: 30px;
background-color: #ffffff;
font-family: "Trebuchet ms", arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}

#footer {
clear: both;
width: auto;
padding: 6px;
text-align: center;
background-color: transparent;
border-top: 1px #f997bc dashed;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
}

.entry {
padding-top: 4px;
padding-left: 0px;
background-color: #ffffff;
color: #373737;
line-height: 15px;
font-family: Tahoma;
font-size: 11px;
text-align: justify;
border-width: 0px
}

.defaultuserpic img {
padding: 5px;
background-color: transparent;
border-style: dashed;
border-width: 1px;
border-color: #f997bc;
}

.userpic {
margin-left: 10px;
padding: 5px;
background-color: transparent;
border-style: dashed;
border-width: 1px;
border-color: #f997bc;
}

.userpicfriends {
margin-left: 10px;
padding: 5px;
background-color: transparent;
border-style: dashed;
border-width: 1px;
border-color: #f997bc;
}

.date {
color: #f997bc;
background-color: transparent;
border-width: 0px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 7pt;
}

.subject {
color: #999999;
background-color: transparent;
border-bottom: 1px #f997bc dashed;
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
}

.datesubject {
background-color: transparent;
border-width: 0px;
}

.ljuser A:link, .ljuser A:visited, .ljuser A:active {
color: pink;
}
.ljuser A:hover {
color: green;
}

.ljuser img {
width: 0;
height: 0;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp.gif);
background-repeat: no-repeat;
padding: 7px;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 9px;
font-family: "Trebuchet ms", arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #f997bc;
text-align: center;
letter-spacing: 1px;
background-color: #ffffff;
}

div#header a:hover {
padding: 9px;
color: #f997bc;
background-color: #fee6f1;
border-bottom: 0px dotted;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
color: #f997bc;
font-weight: normal;
}

div#footer a:hover {
color: gray;
font-weight: normal;
}

.title, .subtitle{
display: none;
}

ul.navheader {
padding: 9px;
background-color: #f997bc;
border-width: 0px;
}

ul.navheader li  {
padding: 0px;
background-color: #f997bc;
border-width: 0px;
}

.ljtags {
margin-top: 10px;
font-family: "Trebuchet ms", verdana, sans-serif;
font-size: 7pt;
color: #e5538a;
font-weight: bold;
}


.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #f997bc;
}

.ljtags a:hover {
color: #c0c0c0;
}

.currents, .currentmusic, .currentmood, .currentlocation {
color: #f997bc;
background-color: transparent;
border-width: 0px;
font-family: "Trebuchet ms", verdana, sans-serif;
font-size: 7pt;
}

.comments {
padding: 6px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 12px;
color: #f997bc;
font-weight: bold;
text-align: right;
background-color: transparent;
border-top: 1px #f997bc dashed;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active {
color: #f997bc;
}

div.comments a:hover {
color: #c0c0c0;
}

div#sidebar {
line-height: 15px;
font-family: Tahoma;
font-size: 10px;
color: #373737;
padding: 1px;
}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active {
color: #f997bc;
}

div#sidebar a:hover {
color: #c0c0c0;
}

li.sbartitle {
background-color: #f997bc;
border-width: 0px;
padding: 4px;
margin-left: 5px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 11px;
text-transform: uppercase;
text-align: center;
color: #ffffff;
letter-spacing: 1px;
font-weight: bold;
}

.sbarbody {
background-color: transparent;
border-width: 0px;
padding: 0px;
}

.sbarbody2 {
background-color: transparent;
border-width: 0px;
padding-top: 0px;
padding-left: 9px;
}

.sbarcalendar {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #efefef;
text-align: center;
font-family: Tahoma;
font-size: 10px;
}

.sbarcalendarposts {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #f997bc;
text-align: center;
font-family: Tahoma;
font-size: 10px;
}

ul.sbarlist {
background-color: transparent;
border-width: 0px;
}

li.sbaritem {
background-color: transparent;
border-width: 0px;
padding-left: 9px;
}

ul.navfooter {
background-color: transparent;
border-width: 0px;
}

ul.navfooter li {
color: #e5538a;
background-color: transparent;
border-width: 0px;
font-family: "Trebuchet ms", verdana, sans-serif;
font-size: 7pt;
border-width: 0px;
}

.separator {
background-color: transparent;
border-width: 0px;
}

.clear {
background-color: transparent;
border-width: 0px;
}



.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 400px;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-image: url("http://i57.photobucket.com/albums/g240/shineygirl/Banners_Headers/starbuckbanner_crappylivesburned_ph.jpg");
}


    .subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
        width: 0;
        height: 0;
        padding: px px 0px 0px;
        background: url();
        }

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

    .ljuser img {
          width: 0;
          height: 0;
          background-repeat: no-repeat;
          background-color:transparent;
          /* so that IE users will still see an image */
          background-image: url(http://i57.photobucket.com/albums/g240/shineygirl/Icons/purpleeyedreamsquare.jpg);
          padding: px px 0 2px;
        }

    .ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
        background-color:transparent;
          background-image: url(http://i57.photobucket.com/albums/g240/shineygirl/Icons/purpleeyedreamsquare.jpg);
          padding: px px 0 2px;
        }

    .ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
        background-color:transparent;
        background-image: url();
        padding: px px 0 2px;
        }
Azarel
It appears that you're using the S2 style system, to which you do not add anything into the css so that it appears on the sidebar. Depending on what preset layout you've chosen, you should go to custom options and select the sidebar tab (may vary for each preset layout) and enter in your links where applicable.
Mulder
you'd also have to make sure that you have entered links in the "link list" and that you have chosen to show your link list in the sidebar. you can edit the appearance of these links with css
SuperShineyGirl
I'm using S2 with flexible squares.

I went to the sidebar on the custom options area and clicked yes on the Show the link list in the sidebar? but then it doesn't give me an area to input the links. And I know it is possible to have a links box with links in them since this person has the same layout and was able to do it. Which is why I thought they needed to be added to the CSS area.


Okay wait a minute I think I see what they did. They took the blurb book and changed that to link and then inputed the links in the blurb text area. Is that right. If so I think I know how to do it now. I was trying to use the blurb box for a blurb and then have a seperate link area which looks like is not an option. Okay I think I answered my own question. LOL XD.gif
Azarel
Have you tried it? :)

And do you have any further questions regarding this topic?
SuperShineyGirl
Yes I've tried it and it worked. Thanks for all your help.

Just wish there was some way to have both a blurb and a link box. Oh well.

Okie, if you have any more questions concerning this, please PM me or another design staff member to have this reopened.
} Azarel
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.