?

Log in

No account? Create an account

Previous Entry | Next Entry

Trying to change the baldyman -- SOLVED

  • Apr. 27th, 2007 at 9:59 PM
Not sure how to tag this, but I'll give it a shot. :)

I'm trying to change this guy --> la_petite_singe to this: and use this: for communities on my flist. I used this tutorial and came up with the following code...



html span.ljuser{
background-image: url(http://img254.imageshack.us/img254/1677/heart2s2kr3.gif) !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 15px 15px 0px !important;
}
* html span.ljuser img{
visibility: hidden;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif) !important;
padding: 14px 12px 0 0 !important;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif) !important;
padding: 14px 12px 0 0 !important;
}

.ljuser img[src="http://stat.livejournal.com/img/sponcomm.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif) !important;
padding: 14px 12px 0 0 !important;
}

.ljuser img[src="http://stat.livejournal.com/img/syndicated.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif) !important;
padding: 14px 12px 0 0 !important;
}

.ljuser img[src="http://stat.livejournal.com/img/newsinfo.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif) !important;
padding: 14px 12px 0 0 !important;
}

.ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif) !important;
padding: 14px 12px 0 0 !important;
}



This is what I have, but the community symbol keeps coming up as . What am I doing wrong? Any help is appreciated!

Comments

( 9 comments — Leave a comment )
av8rmike
Apr. 28th, 2007 03:25 am (UTC)
What browser are you using? In Firefox and IE7 I see both icons superimposed for the user tag and for community tags.
As for what you're doing wrong, you're specifying the sun icon for all six tags. Also, the part that's in red on the linked tutorial is understood by FF, because once I removed it, the icons stopped being superimposed. You should probably delete it, too, and use the heart icon for the user tag instead of the sun one.
la_petite_singe
Apr. 28th, 2007 03:39 am (UTC)
I'm using IE6, I think, which sucks for me a bit. And you mean you see them on top of each other, kind of? That's weird...and sorry, but which part should I delete?
av8rmike
Apr. 28th, 2007 03:59 am (UTC)
The line that starts html span.ljuser{ up to the } after visibility: hidden;
la_petite_singe
Apr. 28th, 2007 04:13 am (UTC)
When I did that, it just put it all back to baldyman.
ephi
Apr. 28th, 2007 01:14 pm (UTC)
You don't do anything wrong.

IE6 doesn't support advanced selectors, in this case the attribute selector. That's why you'll only see one type of image in your browser.

Attribute selector is the type of selector that you use to change the community icon.

Read more: http://ephi.livejournal.com/665.html

You may want to consider upgrade to IE7, or use Firefox instead, I switched to Firefox because the menu is pretty much the same with IE and now I'm hooked
av8rmike
Apr. 28th, 2007 02:26 pm (UTC)
Thanks, I'll start linking to your tutorial instead of babyelefant's because it's easier to follow.
ephi
Apr. 28th, 2007 02:32 pm (UTC)
Huh? And all this time, I think mine is very confusing because it's too lengthy XDDD

Thank you.
la_petite_singe
Apr. 28th, 2007 09:07 pm (UTC)
Thanks, I upgraded and it's all working. :)
kunzite1
Apr. 28th, 2007 01:03 pm (UTC)
derived from this:
.ljuser img { 
  width:             0;
  height:            0;
  background-repeat: no-repeat;

  /* so that IE6 users will still see an image */
  background-image: url(http://img254.imageshack.us/img254/1677/heart2s2kr3.gif); 
  padding:          15px 15px 0 0;
}

.ljuser img[src="http://www.livejournal.com/img/userinfo.gif"] {
  background-image: url(http://img254.imageshack.us/img254/1677/heart2s2kr3.gif);
  padding:          15px 15px 0 0;
}
  
.ljuser img[src="http://www.livejournal.com/img/community.gif"] {
  background-image: url(http://img259.imageshack.us/img259/5166/sunbyexcentricon0.gif);
  padding:          12px 14px 0 0;
}
  
.ljuser img[src="http://www.livejournal.com/img/syndicated.gif"] {
  background-image: url(http://img254.imageshack.us/img254/1677/heart2s2kr3.gif);
  padding:          15px 15px 0 0;
}
  
.ljuser img[src="http://www.livejournal.com/img/newsinfo.gif"] {
  background-image: url(http://img254.imageshack.us/img259/5166/sunbyexcentricon0.gif);
  padding:          12px 14px 0 0;
}
  
.ljuser img[src="http://www.livejournal.com/img/openid-profile.gif"] {
  background-image: url(http://img254.imageshack.us/img254/1677/heart2s2kr3.gif);
  padding:          15px 15px 0 0;
}
  
.ljuser img[src="http://www.livejournal.com/img/sponcomm.gif"] {
  background-image: url(http://img254.imageshack.us/img259/5166/sunbyexcentricon0.gif);
  padding:          12px 14px 0 0;
}
( 9 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