VISUAL ✿ Old School Beginner Guide

Did the "visual aid" help you?

Yes.	85.9%	[ 1786 ]
No.	14.1%	[ 292 ]
Total Votes:			[ 2078 ]

[YourFoodStampsPlease]

Lol ; another Question...kinda Complicated ;but Stiill <33
Uh okay ; you know the Scroll Bar in the About me Section..
How do i make that Transparent..or to make the Bar only show up when my Mouse Hovers over the About me Section..
Uh help ;; Thanks
--Michelle

[MeltingPoint]

Y O U[X]T O L D[X]M E[ X ]Y O U[X]W E R E[X]L O N E L Y

Danqq
Try adding overflow: hidden; into your #about and then add this code under it:
#about:hover{overflow-y: auto; padding-right: 600px;}

For future reference try using this guide. It explains hidden scrollbars a lot better then I ever could.

A N D[X]W E[X]K I S S E D[X]L I K E[X]L O N E L Y[X]P E O P L E[X]D O

[Synchronised Mosher]

x-Like Danqq

Lol ; another Question...kinda Complicated ;but Stiill <33
Uh okay ; you know the Scroll Bar in the About me Section..
How do i make that Transparent..or to make the Bar only show up when my Mouse Hovers over the About me Section..
Uh help ;; Thanks
--Michelle

Like on my profile?

#about {overflow:hidden}
#about:hover {overflow:auto;}

simple. ;]

completely hidden scrollbars are a lot harder.

[Alazzim]

Kind of an out there question for you, but I want to know if this is possible before I start coding.
I understand how to use hover images, but I was wondering if it was possible to make an image "disappear" when you hover over it.
For example, I'd like a picture of my avatar and when you hover over it, the image vanishes and reveals the avatar itself with all the details beneath and clickable links, ect.
Is there a way to actually do this?

[Dallas Undead]

Alazzim

Kind of an out there question for you, but I want to know if this is possible before I start coding.
I understand how to use hover images, but I was wondering if it was possible to make an image "disappear" when you hover over it.
For example, I'd like a picture of my avatar and when you hover over it, the image vanishes and reveals the avatar itself with all the details beneath and clickable links, ect.
Is there a way to actually do this?

++
#profile .avatar img:hover {visibility:hidden}

0/200 signs

[Synchronised Mosher]

You could also have a transparent blank image if it doesn't work. ;]

[miimic]

Synchronised Mosher

You could also have a transparent blank image if it doesn't work. ;]

666th post of thread.

[Alazzim]

Dallas Undead

Alazzim

Kind of an out there question for you, but I want to know if this is possible before I start coding.
I understand how to use hover images, but I was wondering if it was possible to make an image "disappear" when you hover over it.
For example, I'd like a picture of my avatar and when you hover over it, the image vanishes and reveals the avatar itself with all the details beneath and clickable links, ect.
Is there a way to actually do this?

++
#profile .avatar img:hover {visibility:hidden}

0/200 signs

Ah, duh. It seems so obvious now that you posted that. Thank you!

[Laffed]

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

[akioni jae]

Laffed

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

#extendedProfileBody #header h1 {display:none;}

[Laffed]

akioni jae

Laffed

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

#extendedProfileBody #header h1 {display:none;}

Thanks alot. But how do I make the the new header so I can include my own image?

[akioni jae]

Laffed

akioni jae

Laffed

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

#extendedProfileBody #header h1 {display:none;}

Thanks alot. But how do I make the the new header so I can include my own image?

i think it's:
#extendedProfileBody #header1 {background-image:url('URLIMAGEHERE');width:###px;height:###px;border:0px;}

i'm not 100% sure, but it should work...i never replaced it myself.

[Laffed]

akioni jae

Laffed

akioni jae

Laffed

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

#extendedProfileBody #header h1 {display:none;}

Thanks alot. But how do I make the the new header so I can include my own image?

i think it's:
#extendedProfileBody #header1 {background-image:url('URLIMAGEHERE');width:###px;height:###px;border:0px;}

i'm not 100% sure, but it should work...i never replaced it myself.

Odd, that's the code I was using before, and for some odd reason, it's not working.

[akioni jae]

Laffed

akioni jae

Laffed

akioni jae

Laffed

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

#extendedProfileBody #header h1 {display:none;}

Thanks alot. But how do I make the the new header so I can include my own image?

i think it's:
#extendedProfileBody #header1 {background-image:url('URLIMAGEHERE');width:###px;height:###px;border:0px;}

i'm not 100% sure, but it should work...i never replaced it myself.

Odd, that's the code I was using before, and for some odd reason, it's not working.

you put in the width and the height of the image too?