Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
Avatar?

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

General Awesome

PostPosted: Sun Mar 26, 2006 2:11 am


Well, I have:

#profile .avatar
{
display: url('http://img.photobucket.com/albums/v42/GazgulThraca/luke.png')
background: url('http://img.photobucket.com/albums/v42/GazgulThraca/Left.jpg') no-repeat top left;
}


But it won't replace my avatar..

Also, I haven't been able to find this anywhere, so is there a way to change the size of the headers for each section? If you look at my profile, behind each bit (About, Multimedia, etc.) it just says "Dem", with the rest of the image cut off. Can I make it fit? Note: Same goes for the image behind my avatar...

Oh, and another thing (so many questions. Bwaha).

{
cursor: url('http://www.luneknight.com.ru/curs/themole.cur')
}


That changed my cursor before, but it has stopped working...

Also (gawd, I'm so new to this), how do you remove the items that I'm wearing (under my avi)?
PostPosted: Sun Mar 26, 2006 2:23 am


Oh, and how do you make something (The avatars in your Friends section, for instance) sort of dim until you roll your mouse over it?

General Awesome


You Rule Supreme

PostPosted: Sun Mar 26, 2006 10:12 am


http://www.gaiaonline.com/guilds/viewtopic.php?t=2182508 might help with avatar replacement.

I think the second question would be something like:

#friends img:hover{
opacity: 0.5;
filter: alpha(opacity=50);
}

the first line should make the codes affect images in the friends section.
The third line makes the image dim to 50% in Internet Explorer.
The second line makes the image dim to 50% in other browsers.

Cheers!
PostPosted: Sun Mar 26, 2006 12:59 pm


[Joby]
http://www.gaiaonline.com/guilds/viewtopic.php?t=2182508 might help with avatar replacement.

I think the second question would be something like:

#friends img:hover{
opacity: 0.5;
filter: alpha(opacity=50);
}

the first line should make the codes affect images in the friends section.
The third line makes the image dim to 50% in Internet Explorer.
The second line makes the image dim to 50% in other browsers.

Cheers!

User Image

Doesn't work.

sweatdrop

General Awesome


You Rule Supreme

PostPosted: Mon Mar 27, 2006 7:36 am


I just tested the avatar code link and it worked. However:

display: url('http://img.photobucket.com/albums/v42/GazgulThraca/luke.png'); will not work, you need to use background: url() on Gaia for images. So that means if you want both you'll have to merge the two images into a single image and rehost it.


For the image part that I didn't answer:
#sectionname h2{
height: ###px;
} will affect headers.

Shortcut code is:
.section h2{
height: 200px;
}


I misread the dim part, try:

#friends img{
opacity: 0.1;
filter: alpha(opacity=10);
}

#friends img:hover{
opacity: 1;
filter: alpha(opacity=100);
}


and {
cursor: url('http://www.luneknight.com.ru/curs/themole.cur')
}

should probably be:
a{cursor: url(http://www.luneknight.com.ru/curs/themole.cur)}

The a means all so it will affect entire profile.
PostPosted: Mon Mar 27, 2006 8:42 am


gonk

The header bit works, but it leaves me with big gaps...

I have CSS.

gonk

General Awesome


You Rule Supreme

PostPosted: Mon Mar 27, 2006 3:09 pm


height: 250px is way too large for .section h2{}
Reply
CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum