Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
On my profile; How can I hide the headers for each..

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Spyyd

PostPosted: Sun Dec 31, 2006 12:13 pm


section; eg. about, details, PLUS I'd like to make thir backgrounds a kind of transparent..
PostPosted: Mon Jan 01, 2007 10:45 am


    h2 {display: none; }


will hide the headers completely.

To make sections' backgrounds completely transparent, you can make the whole section slightly transparent:


    .section {filter: alpha(opacity=_); opacity: _; }


The first underscore you'll replace with a number between 1 and 100. 1 is completely transparent; 100 is completely visible. The second number is the decimal version of the first number (i.e. if you pick 50, then it would be .5; if you picked 75, then it would be .75, etc.).

The other way is to create a PNG image in an image editor that's slightly transparent and apply it as a background, but IE6 and lower doesn't support PNG transparency.

Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200

Skye River

Enduring Elder

14,675 Points
  • Elocutionist 200
  • Conversationalist 100
  • Megathread 100
PostPosted: Mon Jan 01, 2007 10:59 am


Ava R.
    h2 {display: none; }


will hide the headers completely.

To make sections' backgrounds completely transparent, you can make the whole section slightly transparent:


    .section {filter: alpha(opacity=_); opacity: _; }


The first underscore you'll replace with a number between 1 and 100. 1 is completely transparent; 100 is completely visible. The second number is the decimal version of the first number (i.e. if you pick 50, then it would be .5; if you picked 75, then it would be .75, etc.).

The other way is to create a PNG image in an image editor that's slightly transparent and apply it as a background, but IE6 and lower doesn't support PNG transparency.


For those on mac browsers like Safari, "Alpha Opacity" will sometimes work okay. Most times, it tends to be a nuisance as it can hide YouTube clips.
PostPosted: Sun Jan 21, 2007 7:01 am


or if you just want to hide the text you would put simething like this:

#section H2{
background:
url(''image url'') no-repeat top left;
color: #XXX;
text-indent: -500px;
}


And that makes the text disappear surprised lol

baby_cake_girl

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