?

Log in

No account? Create an account
 
 
20 November 2010 @ 04:55 pm
HTML Help!!!!  
Hi,
Usually I'm pretty good with this stuff, but I can't figure this out. I am trying to put little images under the calendar on the sidebar, but cannot find the right place to insert the code.  Does anyone have any ideas?

/*---------------------------------------------------
CREDIT:
http://community.livejournal.com/beatcrusher/
http://community.livejournal.com/kuribati/
(don't remove this area)
-----------------------------------------------------*/


/*-------------------- BODY --------------------*/

body {
background: #000000 url() top left repeat scroll;
margin: 5px 0;
}

body, td, th {
font: normal 10px "Lucida Sans", sans-serif;
color: #555555;
line-height:1.75;
text-align:justify;
}

/*-------------------- LINKS, HOVER, BLOCKQUOTE, CODE --------------------*/

a, a:link, a:visited {
color: #D1B27C;
text-decoration: none;
}

a:hover {
color: #AF986E;
text-decoration: none;
}

blockquote {
background: url(http://img254.imageshack.us/img254/1200/striped.png) top left repeat-y scroll;
padding: 0 30px;
color:#666666;
}

code {
font-family: monospace;
}

input, textarea, select {
background-color: #222222;
font: normal 10px "Lucida Sans", sans-serif;
color: #AAA;
border:0;
}

/*-------------------- GENERAL PAGE ALIGNMENT --------------------*/

#content{
width: 800px;
margin-left: auto;
margin-right: auto;
}

#maincontent {
margin-top: 5px;
margin-right: 255px;
}

#sidebar {
width: 250px;
float: right;
}



/*-------------------- HEADER AND FOOTER !!NO HEADERIMAGE --------------------*/

#header {
width: 100%;
margin: 0px;
text-align: right;
color: #555555;
text-transform:uppercase;
font: normal 10px "Lucida Sans", sans-serif;
font-size:9px;
}

#footer {
width: 100%;
text-align: left;
z-index: 100;
clear: both;
font-size:9px;
}

#footer a {
color:#555555;
}

/*-------------------- LINKS OF THE HEADER AND FOOTER --------------------*/


div#header a, div#header a:link, div#header a:visited {
color: #AAAAAA;
background: #111111;
padding: 10px 15px;
margin:0;
border-left:5px solid #000000;
}

div#header a:hover {
background: #202020;
text-decoration: none;
margin:0;
}


ul.navheader {
padding: 10px 0;
margin: 0 3px 0 0;
background: #111111;
}

ul.navheader li {
display: inline;
margin:0 -3px 0 0;
padding:0;
}

ul.navheader li.view {
background: #222222;
padding: 10px 15px;
color: #FFFFFF;
border-left:5px solid #000000;
}

/*-------------------- TITLE AND SUBTITLE --------------------*/

.title {
font-size:0;
height:369px;
background: transparent url(http://i1020.photobucket.com/albums/af322/clarice183/a.png) top left no-repeat scroll;
margin: 5px 0;
}

.subtitle{
font-size:0;
height:25px;
background: #111111;
}


/*-------------------- ALIGNMENT OF THE SIDEBAR - DEFAULT USERPIC AND BODY --------------------*/

.defaultuserpic {
display:none;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody
}

.sbarbody2 {
padding: 10px 5px;
}

/*-------------------- CALENDAR OF THE SIDEBAR --------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
text-align: center;
}

td.sbarcalendar {
padding:8px;
border:1px solid #111111;
}

.sbarcalendarposts {
border:1px solid #111111;
background: #222222;
text-align: center;
padding:8px;
}

.sbarcalendarposts a {
color: #FFF;
font-weight:bold;
url(http://ladymanson.com/Anim/be1.gif}


/*-------------------- LOOK OF THE LINKS-LIST-BODY IN THE SIDEBAR --------------------*/

.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
margin: 5px 0 0 0;
}

/*-------------------- LOOK OF THE LINKS IN THE LINK-LIST IN THE SIDEBAR --------------------*/

li.sbaritem {
padding-left: 5px;
list-style: none;
text-transform:uppercase;
font-size:9px;
}

/*-------------------- TITLES IN THE SIDEBAR --------------------*/

li.sbartitle {
background-color: #111111;
text-transform:uppercase;
font: normal 10px "Lucida Sans", sans-serif;
font-size:9px;
color:#AAAAAA;
padding: 5px 10px;
}

/*-------------------- MAINCONTENT --------------------*/

.subcontent {
}

/*-------------------- ENTRY, ENTRY-LISTS --------------------*/

.entry_text {
margin:0 10px;
}

.entry_text img{
border:0px;
padding:5px;
background: url(http://img254.imageshack.us/img254/1200/striped.png) top left repeat scroll;
max-width: 500px;
height:auto;
}

.entry ul li {
padding-left: 5px;
margin-left: 15px;
}

.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

/*-------------------- USERPIC, USERPICFRIENDS --------------------*/

.userpic, .userpicfriends {
position: relative;
float: right;
background-color: transparent!important;
z-index: 15;
margin: 0 0 10px 10px;
text-align:right;
}

.userpic img, .userpicfriends img{
width:100px;
height:100px;
padding:15px;
background: url(http://img254.imageshack.us/img254/1200/striped.png) top left repeat scroll;
border-top:10px solid #111;
margin: 0 0 5px 0;
}

.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color: #CCCCCC;
}


/*-------------------- DATE AND SUBJECT --------------------*/

.date {
text-transform:uppercase;
color: #444444;
font: normal 9px "Georgia", serif;
letter-spacing: 3px;
background: transparent url(http://img229.imageshack.us/img229/8089/clocksmall.png) 430px -3px no-repeat scroll;
padding: 0 15px 0;
}

.subject, .subject a {
font: 14px verdana; color: #000000;
letter-spacing:-1px;
text-transform:lowercase;
color: #FFFFFF;
}


.datesubject {
padding: 10px 100px 10px 0;
text-align:right;
}


/*-------------------- TAGS AND TAGS-PAGE --------------------*/
.ljtags {
font-size:9px;
color: #CCCCCC;
text-transform:lowercase;
padding: 0 0 0 20px;
background: transparent url(http://img243.imageshack.us/img243/447/magnifiersmall.png) 0 0 no-repeat scroll;
}

.ljtags a {color: #CCCCCC;}


h2 {
}

.ljtaglist {
}

/*-------------------- CURRENT MOOD, CURRENT MUSIC AND CURRENT LOCATION --------------------*/

.currents {
display:all;
}

/*-------------------- COMMENTS !!NOT THE COMMENT-PAGE --------------------*/

.comments {
text-align: right;
background-color: #111111;
padding: 10px 10px;
position: relative;
font-size:0;
}

.comments a {
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
margin: 0 0 0 10px;
}

/*-------------------- COMMENT-PAGE --------------------*/

.datesubjectcomment {
margin-top: 30px;
}

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 20px -20px 10px;
z-index: 15;
float: left;
width:60px;
height:60px;
padding:15px;
background: url(http://img254.imageshack.us/img254/1200/striped.png) top left repeat scroll;
border-right:10px solid #111;
}

.box {
padding: 10px;
clear: left;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}

.replytosubject {
font-weight: bold;
}


.commentreply {
position: relative;
margin: 10px;
}

.commentbox {
padding: 10px;
margin: 10px;
border: 1px solid #111111;
background: #0A0A0A;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
}

.datesubjectcomment a:hover {
}

.commentboxpartial {
padding: 10px;
margin: 10px;
}

.commentinfo {
margin-top: 10px;
width: 100%;
}


/*-------------------- ARCHIVE PAGE --------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
padding:10px;
border:1px solid #111111;
}

table.yeartable td.yearday {
background-color: #222222;
text-align: center;
}

td.yearmonth {
border-style: none;
}



/*-------------------- FOOTER --------------------*/

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}


.clearfoot {
clear: both;
height:0;
}


/*-------------------- MISC; CLEAR, SEPARATOR AND SKIPLINKS --------------------*/

.clear {
height: 5px;
}

.skiplinks {
text-align: center;
}

.separator{
height: 35px;
}

form#qrform table {
border-width: 0px !important;
}

/*-------------------- HEADERIMAGE --------------------*/

.headerimage {
position: relative;
width: 000px;
height: 000px;
margin-left: auto;
margin-right: auto;
background-image: url("");
background-repeat: no-repeat;
}

/*-------------------- LJ-USERS, TINY ICONS --------------------*/



.ljuser img[src*="userinfo.gif"], .ljuser img[src*="/userhead/"]{
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://img830.imageshack.us/img830/248/discsmall.png) !important;
padding: 17px 15px 0 0 !important;
text-decoration: none;
}


.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://img15.imageshack.us/img15/9804/drivesmall.png) !important;
padding: 17px 15px 0 0 !important;
text-decoration: none;
}

img[src*="icon_protected.gif"], img[src*="icon_private.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img98.imageshack.us/img98/6629/minussmallcircle.png);
padding: 12px 15px 0 0 !important;
text-decoration: none;
}

.ljcmt, .commentbox img[src*="btn_del.gif"] {
width:0;
height:0;
padding: 0 18px 18px 0;
background: url(http://i43.tinypic.com/1zefg4l.png) no-repeat;
}

.ljcmt, .commentbox img[src*="btn_scr.gif"]{
width:0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i43.tinypic.com/11ugigy.png) no-repeat;
}

.ljcmt, .commentbox img[src*="btn_unscr.gif"]{
width:0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i46.tinypic.com/ilvwc6.png) no-repeat;
}


.ljcmt, .commentbox img[src*="btn_freeze.gif"] {
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i40.tinypic.com/28lvp02.png) no-repeat;
}

.ljcmt, .commentbox img[src*="btn_unfreeze.gif"] {
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i39.tinypic.com/35mp9jm.png) no-repeat;
}

.ljcmt, .commentbox img[src*="btn_edit.gif"] {
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i41.tinypic.com/2coq7f7.png) no-repeat;
}

.ljcmt, .commentbox img[src*="btn_track.gif"]{
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i42.tinypic.com/fd63rc.png) no-repeat;
}

.box img[src*="anonymous.gif"]{
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i44.tinypic.com/2hmk2gl.png) no-repeat;
}

.box img[src*="openid-profile.gif"]{
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i44.tinypic.com/bi2e6e.png) no-repeat;
}

.box img[src*="help.gif"]{
width: 0;
height: 0;
padding: 0 17px 17px 0;
background: url(http://i39.tinypic.com/10cn1vb.png) no-repeat;
}

img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url('http://i41.tinypic.com/vygoy.png');
padding: 17px 15px 0 0 !important;
text-decoration: none;
}


/*----------------------- CONTEXTUAL POP-UP ---------------------*/


div.ContextualPopup div.Inner {
padding: 2px 2px 0px 2px !important;
background-color: #111111 !important;
font-family: "Lucida Sans", serif;
color: #AAAAAA !important;
font-size: 10px;
border: 0px;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #CCCCCC !important;
font-weight: normal;
text-decoration: none !important;
}

div.ContextualPopup div.Inner a:hover {
color: #DDDDDD !important;
font-weight: normal;
text-decoration: none !important;
}

div.ContextualPopup .Relation {
color: #666666;
font-weight: normal !important;
}

I want to put the following image in it.  Any help would be appreciated!

http://ladymanson.com/Anim/be1.gif
Tags:
 
 
I feel: curiouscurious
I'm listening to: American Justice
 
 
 
Kittywinterevanesce on November 21st, 2010 03:16 am (UTC)
I tried to figure it out, but nothing worked. I think your best option is to add:
< img src="http://ladymanson.com/Anim/be1.gif" >

Under The "Blurb" Sidebar in here: http://www.livejournal.com/customize/options.bml?group=sidebar

Then there should be something that says, "Ordering" at the bottom and you could make the "blurb" where you put the image to go at the end after your Calendar. I think that's the easiest way.

Edited at 2010-11-21 03:16 am (UTC)
Lady Mansonladymanson on November 21st, 2010 05:33 am (UTC)
That worked - thank you so much!! :)
Kitty: pk-oh ha ni_pokefacewinterevanesce on November 21st, 2010 02:59 pm (UTC)
Yw! :)