[GUIDE] Learn How To Code v2/Current Profiles

[Lady Saxophone]

Maggre

Ohhhh [looks at it again] right right. Okay thanks! You're very helpful even if its just pointing out those things! smile

You're welcome ~ It was a pleasure to help!
And thank you so much for the gift!! ovo

[ugly haircut]

how do u uh
how do i explain this
put a border around a wishlist item? after #id_wishlist .item do i just continue w/ {border: 1px solid black;}

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

ugly haircut

how do u uh
how do i explain this
put a border around a wishlist item? after #id_wishlist .item do i just continue w/ {border: 1px solid black;}

Yes, that would be right. Although using .item sometimes makes the border a bit more rectangular.
I find that using #id_wishlist img works as a better selector, but only if you remove the premium sparkles first.
(You might also want to add padding to it so there is a bit of space between the image and the border)

▧▧▧▧▧▧▧

[ugly haircut]

Lady Saxophone

▧▧▧ ♬ ▧▧▧

ugly haircut

how do u uh
how do i explain this
put a border around a wishlist item? after #id_wishlist .item do i just continue w/ {border: 1px solid black;}

Yes, that would be right. Although using .item sometimes makes the border a bit more rectangular.
I find that using #id_wishlist img works as a better selector, but only if you remove the premium sparkles first.
(You might also want to add padding to it so there is a bit of space between the image and the border)

▧▧▧▧▧▧▧

img.premium_sparkle {display:none;}
#id_wishlist .img {border: 1px solid black;}

hehehe sorry but whats the difference between these two

#id_wishlist .item {border: 1px solid black;}
img.premium_sparkle {display:none;}

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

ugly haircut

img.premium_sparkle {display:none;}
#id_wishlist .img {border: 1px solid black;}

hehehe sorry but whats the difference between these two

#id_wishlist .item {border: 1px solid black;}
img.premium_sparkle {display:none;}

The first one won't do anything since you have it written wrong. It should be:
#id_wishlist img {border: 1px solid black;}
.premium_sparkle {display:none;}
That will remove the sparkles from your wishlist and add a border to each of your wishlist image, like here. For that profile, the border is rounded, but you can see how it makes a perfect circle? If the borders were not rounded, it would be a perfect square.

Meanwhile, the second one is half right, but you don't need to add the "img" in font of premium sparkle. Corrected:
#id_wishlist .item {border: 1px solid black;}
.premium_sparkle {display:none;}
That will remove the sparkles and target each of the items inside of your wishlist, but the border makes things look slightly more like a vertical rectangle than square (like here).

▧▧▧▧▧▧▧

[Lesshi]

How can you make text transparent and pictures transparent?

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

Lesshi

How can you make text transparent and pictures transparent?

Opacity
selector{opacity: 0.6;}
Red part can be changed to anything between 0 and 1 to increase/decrease transparency

▧▧▧▧▧▧▧

[ugly haircut]

Lady Saxophone

▧▧▧ ♬ ▧▧▧

ugly haircut

img.premium_sparkle {display:none;}
#id_wishlist .img {border: 1px solid black;}

hehehe sorry but whats the difference between these two

#id_wishlist .item {border: 1px solid black;}
img.premium_sparkle {display:none;}

The first one won't do anything since you have it written wrong. It should be:
#id_wishlist img {border: 1px solid black;}
.premium_sparkle {display:none;}
That will remove the sparkles from your wishlist and add a border to each of your wishlist image, like here. For that profile, the border is rounded, but you can see how it makes a perfect circle? If the borders were not rounded, it would be a perfect square.

Meanwhile, the second one is half right, but you don't need to add the "img" in font of premium sparkle. Corrected:
#id_wishlist .item {border: 1px solid black;}
.premium_sparkle {display:none;}
That will remove the sparkles and target each of the items inside of your wishlist, but the border makes things look slightly more like a vertical rectangle than square (like here).

▧▧▧▧▧▧▧

ok, i see! thanks a ton

[ugly haircut]

how to make recent visitors drop down when u hover over it question

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

ugly haircut

how to make recent visitors drop down when u hover over it question

You've got the right code for it at the moment... not entirely sure why it isn't working though confused
Try adding an !important to your hovered height? Or set your columns to overflow: visible?

As a side note, removing the Gaiaonline logo in the top left does put your profile in violation of the rules and lead to you getting reported. You can replace it with a semi-altered logo so that the black background is gone, but you cannot remove the entire Gaia logo.

▧▧▧▧▧▧▧

[I Read Yaoi]

How do does people change there status bar image :0 and the arrow color ?

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

-Call it Curse-

You'll need to find your own image for the drop-down arrow, but the selector you want to target is #id_details .statuslinks -- specifically, the background of that.
Most likely you will need to use the background-size property as well in order to scale the image down enough so that it fits.

Alternatively, you can also just apply a rgba background to #id_details .forum_userstatus .pushBox in order to tint the default arrow, but that doesn't always exactly look the best nor blend as nicely.

See this mini guide for more.

▧▧▧▧▧▧▧

[I Read Yaoi]

Lady Saxophone

▧▧▧ ♬ ▧▧▧

-Call it Curse-

You'll need to find your own image for the drop-down arrow, but the selector you want to target is #id_details .statuslinks -- specifically, the background of that.
Most likely you will need to use the background-size property as well in order to scale the image down enough so that it fits.

Alternatively, you can also just apply a rgba background to #id_details .forum_userstatus .pushBox in order to tint the default arrow, but that doesn't always exactly look the best nor blend as nicely.

See this mini guide for more.

▧▧▧▧▧▧▧

thanks again for the profile info ^o^

[KT KUPKAKE]

The profile I'm working on right now I'm doing the coding from scratch...and I don't know WHY but my background image I'd like will NOT show up.
Having the same issues with the boxes of information as well.

Any clues as to why?

[Lady Saxophone]

▧▧▧ ♬ ▧▧▧

If Only I Could TeII You

The profile I'm working on right now I'm doing the coding from scratch...and I don't know WHY but my background image I'd like will NOT show up.
Having the same issues with the boxes of information as well.

Any clues as to why?

Well, you haven't got anything in your Theme Override, so I don't know either.
Have you tried going to Theme > URL > Typing "none" into the box there, Updating, then Saving?
Does your background url have a space inside of it? If so, surround the url with apostrophes.

If you could post your code or link me to the profile you're working on, we could work from there ^^;

▧▧▧▧▧▧▧