Replies

Jul 21, 2015 10 years ago
Giga
User Avatar

Greetings, all.

As the topic might suggest, I am trying to learn how to use Custom CSS to replace NPC images with others I've chosen--assuming this is possible.

If it is, would anyone be so kind as to enlighten me?

Jul 21, 2015 10 years ago
Darkrai
is magical
User Avatar
Sucre

I think you use this code?

Jul 21, 2015 10 years ago
Kevin
is all-powerful
User Avatar
Wuf

unless an edit is coming, there is no code in your post :O btw still trying to get your sticker for you. just haven't had any luck

Jul 21, 2015 10 years ago
Darkrai
is magical
User Avatar
Sucre

No I was just pinging someone I thought had it c: Also ty, I haven't gotten a whole lot done on subeta lately, been wasting time on runescape :c

Jul 21, 2015 10 years ago
Kevin
is all-powerful
User Avatar
Wuf

oh sorry I didn't notice that was someone different XD just woke up, still not completely with it. sorry about that :P

I took the liberty of googling the topic because I was dumb above.

try looking here and see if that helps ^^

Jul 21, 2015 10 years ago
Wolf_Spirit
is forever on a quest for more pets
User Avatar
Precious Angel

I do but will help in a bit as I'm just out the door. Thanks for the ping :)

giggles saved me the trouble XD hugs

Jul 21, 2015 10 years ago
Giga
User Avatar

Roger, kbbob. Thanks for the replies, everyone.

Update, : the code does not seem to work for me.

Jul 21, 2015 10 years ago
Kevin
is all-powerful
User Avatar
Wuf

which npc are you replacing and with what picture? that one is specifically for replacing maleria.

Jul 21, 2015 10 years ago
Giga
User Avatar

Shinwa, with the old image--uploaded to Photobucket.

I figured it was a case of replacing the relevant URLs.

Jul 21, 2015 10 years ago
Kevin
is all-powerful
User Avatar
Wuf

have you tried replacing the urls? if not, it may be something like this:

.five.column.wide img[src="http://img.subeta.net/npc_shinwa.png"] { padding-top: 300px; width: 293px; height: 0px; background-clip: padding; background-image: url("THE URL OF THE IMAGE YOU WANT"); overflow: hidden;}

hopefully this works, I don't really dabble in css stuff.

Jul 21, 2015 10 years ago
Giga
User Avatar

That's what I did--no effect.

Jul 21, 2015 10 years ago
Kevin
is all-powerful
User Avatar
Wuf

after messing around with it img[src="http://img.subeta.net/npc_shinwa.png"] { background-image: url("http://i.imgur.com/ezyu3gr.gif"); padding-top: 300px; width: 293px; height: 0px; background-clip: padding; overflow: hidden;}

this works, you can use your own uploaded version of the image.

Jul 21, 2015 10 years ago
Giga
User Avatar

Indeed, it does. Thanks a million.

I'll be sure to learn from this.

Jul 21, 2015 10 years ago
Kevin
is all-powerful
User Avatar
Wuf

no problem! I don't really know what I'm doing with css but I'm good at manipulating other things until they work. so glad I found that thread. I'll keep it on my custom css too just for fun since I was testing it on mine

no problem, I felt bad being stupid to Darkrai because I clearly cannot read so I thought I'd save everyone some trouble :P

Please log in to reply to this topic.