?

Log in

No account? Create an account

Previous Entry | Next Entry

A few questions:

  • Sep. 24th, 2008 at 4:00 PM
First, the constants:

1. Paid Account: sticky_ggcaps
2. Code: http://www.livejournal.com/customize/advanced/layerbrowse.bml?id=13128326

.asset-stream .asset-header-content {
background-image: url(http://i57.photobucket.com/albums/g211/StickyKeys633/Layouts/Gossip%20Girl/xopostheader.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
padding: 0 0 0 34px;
/* width: 681px; I don't see why we need this... */
}

#header-inner { 
background-image: url("http://i57.photobucket.com/albums/g211/StickyKeys633/Layouts/Gossip%20Girl/Header.jpg"); 
position: relative ; height: 350px;
}

#header-name { display:none; }
#header-description { display: none; }
.nav { display: none; }

/* Set the size of the definition list dl and add the background image. */
#imap {
display:block;
background:url("http://i57.photobucket.com/albums/g211/StickyKeys633/Layouts/Gossip%20Girl/Header.jpg") no-repeat;
position:relative;
}

/* Place the dd's in the correct absolute position. */
#imap dd {
position:absolute;
padding:0;
margin:0;
}
#imap #picusername {
left:337px;
top:201px;
z-index:20;
}
#imap #picrecent {
left:337px;
top:228px;
z-index:20;
}
#imap #picuserinfo {
left:337px;
top:257px;
z-index:20;
}
#imap #picmemories {
left:518px;
top:201px;
z-index:20;
}
#imap #picpost {
left:706px;
top:229px;
z-index:20;
}
#imap #picupload {
left:689px;
top:253px;
z-index:20;
}

/* Style the dd and a links physical size and the background for the hover. */
#imap a#username {
display:block;
width:62px;
height:22px;
background:transparent -100px -100px no-repeat;
text-decoration:none;
z-index:20;
}
#imap a#recententries {
display:block;
width:132px;
height:20px;
background:transparent -100px -100px no-repeat;
text-decoration:none;
z-index:20;
}
#imap a#userinfo {
display:block;
width:82px;
height:20px;
background:transparent -100px -100px no-repeat;
text-decoration:none;
z-index:20;
}
#imap a#memories {
display:block;
width:255px;
height:21px;
background:transparent url -100px -100px no-repeat;
text-decoration:none;
z-index:20;
}
#imap a#post {
display:block;
width:67px;
height:20px;
background:transparent -100px -100px no-repeat;
text-decoration:none;
z-index:20;
}
#imap a#upload {
display:block;
width:82px;
height:23px;
background:transparent -100px -100px no-repeat;
text-decoration:none;
z-index:20;
}

/* style the span text so that it is not displayed */
#imap a span, #imap a:visited span {
display:none;
}

.post-asset .asset-body blockquote { 
background: url(http://i57.photobucket.com/albums/g211/StickyKeys633/Layouts/Gossip%20Girl/xopostheader.jpg) no-repeat34px 34px;
margin-left: 10;
padding-left: 15px; 
  padding: 10px;
    font-size: 11px;
     background-color:#FFD2E6
border: 25px solid #FFFFFF; ;
}

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

	.subject img[src="http://p-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/g211/StickyKeys633/Layouts/Gossip%20Girl/ljuserpink.png); 
  		padding: 16px 16px 0 2px;
		}

	.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
		background-color:transparent;
  		background-image: url(http://i57.photobucket.com/albums/g211/StickyKeys633/Layouts/Gossip%20Girl/ljuserpink.png);
  		padding: 16px 16px 0 2px;
		}

	.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
		background-color:transparent;
 		background-image: url(http://i57.photobucket.com/albums/g211/StickyKeys633/Layouts/Gossip%20Girl/ljcommpink.png);
 		padding: 16px 16px 0 2px;
		}



4. I searched through tags and unless I'm messing up with the wording I can't find tags to these questions that I can fully understand.






a. I'm having trouble fixing the padding around the header. The top and bottom, how do I get rid of the extra space?

b. I did the code for the mini icons and made the "p-" switch, but something is still not working. My tiny icons have just disappeared.

c. How do I get the nav bar into a fixed position?

Comments

( 6 comments — Leave a comment )
av8rmike
Sep. 25th, 2008 11:59 am (UTC)
Which journal?
stickykeys633
Sep. 25th, 2008 08:11 pm (UTC)
I knew I was forgetting something!

sticky_ggcaps
av8rmike
Sep. 28th, 2008 04:41 pm (UTC)
Sorry it's taken me so long to get back to you. =(
a. The padding around the header is coming from the base "Unity" stylesheet, so this will get rid of it:
#header {padding-top: 0}
#content {margin-top: 0}


b. I did the code for the mini icons and made the "p-" switch
Ummm... no you didn't, not for the user and community icons, only for the security icons. Also, you need to add !important after the padding in each of those sections.

c. Do you mean the pink navigation strip? This should work:
#lj_controlstrip {z-index: 1; position: fixed;}
stickykeys633
Oct. 1st, 2008 05:03 am (UTC)
Almost fabulous! I'm still having trouble with the mini icons. They're just not showing up and I'm not sure what's wrong. I modified the p's, I added the padding info, should there be more stuff in the padding values?
av8rmike
Oct. 1st, 2008 12:25 pm (UTC)
The !important goes before the semi-colon, not after.
stickykeys633
Oct. 1st, 2008 04:17 pm (UTC)
So simple, and yet I made it so... silly!

Thanks man! And aren't you proud? I only had one post this go round. I'm starting to absorb! :D
( 6 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars