C
R
E
A
T
E

A
D

Pet Displays on my Profile Page
#1 :: July 13th, 2012 @ 8:50 PM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



I know this can be done as I did do it a year or so ago but of course didn't keep the info on how and stuffed if I remember how (having a seniors moment ).

I want to display the overlay that shows on my pets profile also on my profile page instead of the original graphic.
I'm totally coding illiterate so need to know step by step how to do it. Thanks for any help that can be offered.



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#2 :: July 13th, 2012 @ 11:37 PM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

this information can be found in the CSS Compendium under User Profiles >> BASIC -- Pet headshot overlays

Quote:
So you've got an overlay for your pet, and updated its pet page to show that, but your user profile still displays the old headshot? That's normal, because your overlay isn't the image selected by Subeta to be set as the headshot. There's a workaround to that though!

First, you'll need to know the id of your pet on your user profile. To do that, go to your profile and start counting! The first pet has id 0, the second id 1 and so on. Now, use this Code:

Code:
#pet_0 * .avatar_head {background: url('imageUrlHere') 120px 145px!important; width: 100px!important; height: 50px!important; border-radius: 0; border: 2px solid #000;}


Replace the zero in the "pet_0" 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 "120px 145px" ? 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!

Now rinse and repeat for your other pet overlays! Just remember to change the number and to leave the !important tags, otherwise the code won't work.


if you need any help deciphering any of the above, I'd be happy to help you

art tumblr



#3 :: July 14th, 2012 @ 12:13 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen

My bad I should have said I'd seen that but had no idea where the code went, and how to actually write up the code for the size of the overlay. I'm a bit confused on what to change and what not to as in, I want to keep Lucy's picture the same size as it is (just cover the existing graphic with the new) and not add boarders or anything (If I start trying that sort of thing I'll get totally lost lol).

By the way I love your art, you're damn good, do you do overlays by any chance?



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#4 :: July 14th, 2012 @ 12:35 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

okay.
Lucy is "pet_5"
so your code heading should look like
Code:

#pet_5 * .avatar_head {background-image: url(URLHERE); width: 100px!important; height: 100px!important;


your width and height of pet images are currently 100 x 100, so that's what I'm keeping it at in the above code.
the overlay you're using should be resized to 100 pixels x 100 pixels if you don't want to mess around with stuff. Let me know if you need help resizing something, it's pretty easy c:

IF you don't want borders, then just don't add the code ( border: 1px #color solid; or whatever)

the author of that post just decided to show people how to do a couple of fancier CSS tricks, sorry if that confused you any.

and thank you c:
I don't really do "subeta style" if you're looking for overlays that could pass off for normal subeta pets... nor do I take "public" (sP or subeta currency) commissions, just small private USD ones, so I'm sorry to disappoint. and I don't have my working laptop that I use for art at the moment either shh

art tumblr



#5 :: July 14th, 2012 @ 1:00 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen

Ok resizing I've done so that's ok the thing is where does this code go? Is it in user options/custom CSS? If so does it just go under the other CSS stuff (like the code for removing banners etc I mean)



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#6 :: July 14th, 2012 @ 1:05 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

Lol this goes in your profile code (somewhere before </style> )
There are two ways to access this: navigation >> personal >> edit profile
Then go to the widget that says 'profile' and edit that code

OR

Just go here
!!! But you have to make sure that there's a profile widget on your profile page

Also make sure you're putting that code between <style> code here </style>
(just to make sure)

(all the stuff you mentioned is custom css, which only affects what you see, not what somebody else sees)

art tumblr



Last Edit by: Chen 7/14/12 - 1:08:26 am


#7 :: July 14th, 2012 @ 1:14 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen

Man told you I'm bad at this! I put the code in and put in the url (also tried the Direct Link for Layouts http at tiny pic just in case) but when I opened my profile Lucy just looked the same??

JUST READ about the profile widget... what's that?

Last Edit by: SongSparra 7/14/12 - 1:25:00 am



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#8 :: July 14th, 2012 @ 10:43 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra
okay, good, you have the profile widget on your profile.

this is the code you put on your profile:
Code:
#pet_6* .avatar_head {background-image: url(image URL); width: 100px!important; height: 100px!important;


Lucy should be pet_5

anyway, you need to fix a couple of things, and then the code should look like

Code:


#pet_5 * .avatar_head {uRL HERE); width: 100px!important; height: 100px!important; }



(you missed a space and the end bracket, so the code never worked)

art tumblr



#9 :: July 14th, 2012 @ 8:21 PM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen
Bet you're wishing you never replied about this now . I've copied everything across as said, have tried all 4 of the codes available at tinypic just in case and it still doesn't work. What if anything is suppose to be in the widget box as that is blank at the moment.



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#10 :: July 14th, 2012 @ 9:22 PM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

oh hi, this is why I shouldn't do these help things when I just wake up

somehow part of the code disappeared when I copied it over... aiya

Code:
#pet_5 * .avatar_head { background-image: url (IMAGE LINK HERE); width: 100px!important; height: 100px!important; }



btw, you got the right URL for the image (http://i50.tinypic.com/qzkpc2.jpg)


If I used that image, then the code should look like this:

Code:
#pet_5 * .avatar_head { background-image: url (http://i50.tinypic.com/qzkpc2.jpg); width: 100px!important; height: 100px!important; }


note how there's no spaces in the url and parenthesis

art tumblr



Last Edit by: Chen 7/14/12 - 9:28:41 pm


#11 :: July 14th, 2012 @ 9:59 PM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen

That's it I officially give up. I actually copied and pasted the code you have above, removed the spaces between the parenthesis and url as you said and it still isn't working so that's it I resign myself to the fact I'm a NOOB for this stuff and Subeta has won



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#12 :: July 15th, 2012 @ 2:25 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@SongSparra

Try this. It's taken pretty much as is from Hongke's guide, because it seems there are some bits of it if taken away the code doesn't work.

Code:
#pet_5 * .avatar_head {background: url('http://i50.tinypic.com/qzkpc2.jpg') 120px 145px!important; background-repeat:no-repeat!important; background-position: top left!important; width: 100px!important; height: 100px!important; border-radius: 0; border: 0px solid #000;}

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#13 :: July 15th, 2012 @ 2:47 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus

Ok copied and pasted that (gathered I had to remove the quotes from around the http address so did) and still no luck.
Is there suppose to be something typed in the widget box at all I never found out about that as the box is there but it's blank?



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#14 :: July 15th, 2012 @ 2:53 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@SongSparra

Something is odd here. Because if you look at my profile you'll see that the code works (with your example)

I might be repeating some questions from Chen but you are typing it in here right, inside the style tags and all?

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#15 :: July 15th, 2012 @ 2:59 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus
Yeap between <style type="text/css"> and </style>
Lucy looks good on your page how come she wont show on mine lol



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#16 :: July 15th, 2012 @ 3:02 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@SongSparra

I noticed you changed the image url. Any particular reason why you did that? And does the overlay work if you use the url I have in my code (which Chen also used)?

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#17 :: July 15th, 2012 @ 3:04 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus

The change in url was due to me trying the 4 options just in case one worked lol. So no, it doesn't make any difference *sigh*



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#18 :: July 15th, 2012 @ 3:11 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@SongSparra

I'm starting really to not understand what's wrong here. Because now I tried clearing my profile and only having what you have (the background) and now it doesn't work. =/

scratch that. I keep forgetting to change the pet number.

Try this code, no tweaking, and use only this.

Code:
<style>
body {background: #000 url(http://i53.tinypic.com/dylrx1.jpg) center top no-repeat;}
#pet_5 * .avatar_head {background: url('http://oi50.tinypic.com/qzkpc2.jpg') 120px 145px!important; background-repeat:no-repeat!important; background-position: top left!important; width: 100px!important; height: 100px!important; border-radius: 0; border: 0px solid #000;}
</style>


Last Edit by: Opus 7/15/12 - 3:15:57 am

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#19 :: July 15th, 2012 @ 3:13 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus

Lucy is still visible to me when I looked at your profile???? This is driving me nuts and it wont be that long a drive lol


Copied exactly what you put pasted it and still no


Last Edit by: SongSparra 7/15/12 - 3:16:39 am



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#20 :: July 15th, 2012 @ 3:17 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@SongSparra

Okay I edited the above code. As said I keep forgetting to change around between the pet numbers. Lucy is 5, but since my last pet is 4, I just work with 0. xD

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#21 :: July 15th, 2012 @ 3:17 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@Opus
lol thanks for taking over. I'm mostly stuck on mobile so I can't test these things out easily ><

And I'd forgotten what the dimensions behind the bg image url() was for... ha...

this case is rather strange (and when I copied things earlier chunks seemed to disappear at times too), good luck fixing it! (It will be done!)

art tumblr



#22 :: July 15th, 2012 @ 3:18 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus
Huh? The code you sent to me had Lucy at 5

@Chen thanks, and thanks heaps for your help earlier.


Last Edit by: SongSparra 7/15/12 - 3:20:00 am



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#23 :: July 15th, 2012 @ 3:19 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@ Chen

Ahh, yeah mobile's make things difficult.

And yeah this thing intrigued me sinc eI couln't see why it wasn't working. ^^;

Oh and I don't even know what those dimensions are for, I just know tht when removed the code doesn't work.

@SongSparra

You probably didn't see it pre-edit then. x)


Last Edit by: Opus 7/15/12 - 3:20:19 am

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#24 :: July 15th, 2012 @ 3:22 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus
No got it but still can't get it to show Lucy. I've got to call it a night so will try tackling it again tomorrow, thank you so much for your help, oh and I love your kitten clip



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#25 :: July 15th, 2012 @ 3:22 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@Opus

okay, I looked at what was different in your profiles.

For some reason, @SongSparra doesn't have the .avatar_head in her profile settings/page code. I think you'll need to click on "Reset V2 profile", and let's see if the .avatar_head setting comes back? otherwise we need to alter Hongske's code.

NOOOO DON'T LEAVE! WE'RE ON THE BRINK OF SOMETHING!!

art tumblr



Last Edit by: Chen 7/15/12 - 3:24:12 am


#26 :: July 15th, 2012 @ 3:24 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen
LOL just reset as suggested... and.....

OMG it worked! My whole profile has changed but Lucy is there!!! Wahooo


Last Edit by: SongSparra 7/15/12 - 3:26:18 am



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#27 :: July 15th, 2012 @ 3:26 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



BOOM. GOT IT TO WORK.

AWWRIIIIGHT.

art tumblr



#28 :: July 15th, 2012 @ 3:27 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@SongSparra

It works.

@Chen

Oh I did wonder why the basic pet links were smaller and a different style on our profiles. =/ I guess that's it.

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#29 :: July 15th, 2012 @ 3:29 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Opus and @Chen
It must have been something I did when I changed my profile. Thank you both soooooo much now I just need to find my HA and I'll be laughing



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#30 :: July 15th, 2012 @ 3:29 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



lol this is what happens when I get my computer back *hugs*

@Opus

ya... older version of the "v2" profiles :>

unexpected solutions lol

@SongSparra
hm, do we need to fix the overlay to match the other pet's links?

art tumblr



#31 :: July 15th, 2012 @ 3:30 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen hmm I guess I should, I did like seeing the whole pet though not just the head shot



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#32 :: July 15th, 2012 @ 3:30 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@Chen

Oh that makes sense.
Learn something new every day (or at least today I did)

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#33 :: July 15th, 2012 @ 3:33 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

okay, go change Lucy's headshot to where you like it (so I know what numbers to give you to change your code)

you also need to give me the URL of Lucy's overlay (you can just grab that from her profile code)

@Opus

hahaha... ya. The older version of the "v2" profiles (okay, the "v1"s were super super ancient and you couldn't customize them...) structured things differently. The newer "resetted" v2 profiles had more css-flexible features (like giving us the ability to alter pet overlays )

art tumblr



Last Edit by: Chen 7/15/12 - 3:35:04 am


#34 :: July 15th, 2012 @ 3:38 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen
Ok done her head shot and this is the url....http://oi50.tinypic.com/qzkpc2.jpg



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#35 :: July 15th, 2012 @ 3:38 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@Chen

Oh yes the good old v1's. xD

And I really didn't know there had been an update to the v2's. I may have if I had paid attention. I just never thought about the difference it the pet section until now. ^^;
And I never edited that section myself..

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#36 :: July 15th, 2012 @ 3:42 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

um, the bigger, normal-sized overlay image. The one that you have in her pet description? (I would dig it up but it's not exactly easy for me right now haha)

@Opus
ya, I wasn't aware that they added stuff to v2s either, but the restructuring was good (I guess it's unannounced, like the pet page restructuring?)

art tumblr



Last Edit by: Chen 7/15/12 - 3:43:38 am


#37 :: July 15th, 2012 @ 3:45 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen
Oh oops sorry that one is http://i49.tinypic.com/6epz88.jpg oh and what's the box you need in your profile for things like trick or treat, flowers etc?



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!


#38 :: July 15th, 2012 @ 3:49 AM
Opus
The Gourmand

User Avatar: 195687
1,564 Posts
997 Achievements



@ Chen

Letting the little tweaks go unnoticed. I guess they do it for a reason. ^^;

Oh and I guess I'll leave you two to it now.
*runs off to do other stuff*


Last Edit by: Opus 7/15/12 - 3:50:25 am

charahub . tumblr . deviantArt
CW Shop
Strapped White Heels
Fitted Floral Grey Boot Covers
Black Lattice Bolero


#39 :: July 15th, 2012 @ 3:50 AM
Chen
is a Skilled Hooker

User Avatar: 220569
4,896 Posts
767 Achievements



@SongSparra

you already have that widget - it's the one that says "mail user" and "send buddy request"

cool,

okay your code should now be

Code:

<style>
body {background: #000 url(http://i53.tinypic.com/dylrx1.jpg) center top no-repeat;}
#pet_5 * .avatar_head {background: url('http://i49.tinypic.com/6epz88.jpg') -16px -60px;!important; background-repeat:no-repeat!important; background-position: top left!important; width: 60px!important; height: 60px!important; border-radius: 2; border: 1px solid #000;}
</style>



(just replace all of the code in the profile box 8) )

and let me know if the numbers aren't right!

@Opus
it's all cool, thanks for helping out!

art tumblr



Last Edit by: Chen 7/15/12 - 3:51:47 am


#40 :: July 15th, 2012 @ 3:53 AM
SongSparra
Is a Master Chef!

User Avatar: 465703
1,768 Posts
1,001 Achievements



@Chen ok I copied and pasted that but Lucy has gone back to the old darkonite and it isn't recognising the head shot



INSIDE EVERY ADULT IS A CHILD THINKING WT??!!!