Replies

Feb 20, 2012 14 years ago
Qorkie
User Avatar

I need help :C

What is a code to be able to use custom pet icons (like, little chibi's of your pets) on my look up ? I'm not sure what the heck I'm doing.

And also, is there a code to use a hovering/positionable image to my current pets coding on their look up ?

Feb 20, 2012 14 years ago
Hongske
is lost in space
User Avatar

: You can make a new blank section and insert the links+images there, or overlay your pet section's images with your custom icons. Which would you like to know?

And could you clarify your last question, I'm not sure I understand it?

Feb 20, 2012 14 years ago
Qorkie
User Avatar

Thanks so much for helping (: Okay, whichever is easiest (: maybe the overlay ?

And, I mean, is there a way I can code to make an image hover in my pets look up, like, me taking a picture of glaciers to use and put it hovering over Accession's description ? And when you scroll the glaciers don't move with you ? D: I'm not sure if I'm explaining right ;w;

Feb 20, 2012 14 years ago
Hongske
is lost in space
User Avatar

: Yes, the overlay would probably be easiest. For that, though, I'll refer you to my CSS Compendium. You can find the instructions under User Profiles > BASIC - Pet Headshot Overlays.

I still don't quite understand what you mean, sorry. :( Could you maybe explain it by image? Like, make an image of what you want it to look like before and on hover (just a simply drawing in paint would probably do).

Feb 20, 2012 14 years ago
Qorkie
User Avatar

Okay thank you I'll go look at the CSS Compendium (:

And I'll try haha I'll ping you again once I draw it, thank you so much

Feb 21, 2012 14 years ago
Hongske
is lost in space
User Avatar
Feb 21, 2012 14 years ago
Qorkie
User Avatar

I tried using the code :

<style> * .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;}</style>

And it didn't work D: It wasn't sized right and didn't show the full picture or look right :C

Feb 21, 2012 14 years ago
Hongske
is lost in space
User Avatar

: You need to read the text that comes after too, here's the

Quote
Replace the zero in the &quot;pet_0&quot; selector with the number of your pet. Then replace the url with the one linking to your pet overlay. The next part is will require some trial-and-error on your part: See the numbers after the url? The &quot;120px 145px&quot; ? Those are the numbers of the background position. The first number is the horizontal position of the image and the second one is the vertical position. Next up are the width and height. You can stick with the standard 60x60 pixels (in which case you should remove the width and height properties from the line), or you can make your own custom size. And lastly are the border properties. The border-radius one is to remove the rounded corners (again, remove this property if you want to keep it as is) and the border one is... You guessed it, to set your border!

Feb 21, 2012 14 years ago
Qorkie
User Avatar

Ahh okay, sometimes when I try to edit it, it doesn't even show up has I've done anything with my profile o-o it's very confusing haha

Feb 25, 2012 14 years ago
Hongske
is lost in space
User Avatar
Feb 26, 2012 14 years ago
Qorkie
User Avatar

Under my edit profile :/

Feb 26, 2012 14 years ago
Hongske
is lost in space
User Avatar

: Hmm, it should work. What's the code you're using now?

Feb 26, 2012 14 years ago
Qorkie
User Avatar

<style> .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} .avatar_head {background: url('http://i1257.photobucket.com/albums/ii504/stealthfully/AccIcon.png') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid ;} </style>

That :( And if you go to my profile right now, I left it how it comes up :/ And it shows barely any of the icon just the wings, and it's just awkward D: An I tried making no boarder but there still is one ;w;

Feb 26, 2012 14 years ago
Hongske
is lost in space
User Avatar

: The values right after the image url are the position of your background image. 120px 145px means you position the background image at 120px horizontal and 145px vertical. And there's a border because it says "border: 2px solid ". You should change that to "border: 0" if you don't want a border.

Also, next time please put your code in between code tags. :]

Feb 26, 2012 14 years ago
Qorkie
User Avatar

Thank you (: I'll try that. And I'm sorry o; I have no idea how to post the tags or post links/images on the boards yet cx

Feb 26, 2012 14 years ago
Hongske
is lost in space
User Avatar

: You're welcome. And you should check out the sCode page! :]

Feb 26, 2012 14 years ago
Qorkie
User Avatar

Ah thank you again c: And I finally got the chibi pet code fully working on my profile ! <3 yay c:

Feb 27, 2012 14 years ago
Hongske
is lost in space
User Avatar

: You're welcome! And I saw, it looks rather cute! :3

Feb 27, 2012 14 years ago
Qorkie
User Avatar

Why thank you (: And thank you so much for taking the time to help me out ! < 3

Feb 27, 2012 14 years ago
Hongske
is lost in space
User Avatar

: You're welcome! And feel free to contact me any time if you run into coding problems again. :3

Please log in to reply to this topic.