Welcome to Gaia! ::


Gaia Layout Changing in Internet Explorer:

This Set of tutorials is made for anyone who wishes to change how gaia looks, but for some odd reason does not want to use Firefox and the Handy Gaia Layout Changer Extention from my Scripts/Tools Site (Link Below).

Table Of Contents:

  1. Table Of Contents
  2. IE Style Tutorial
  3. IE Logo Changer Tutorial
  4. IE Quick Nav Tutorial
  5. *reserved*
  6. *reserved*
  7. *reserved*


--> GaiaMeta Widgets
IE Style Tutorial:

This is the IE Style Tutorial, it is the base of the other IE Tutorials on this page, the other tutorials are made for those who do not have FireFox but wish to use some of the stuff that may be included in one of my scripts or my Gaia Layout Changer Firefox Extention, though use of the Extention is still prefered as the features may be more numerous, simpler, and extendable.

Step 1:
We start by opening notepad and entering the text given by one of the other tutorials and pasting it inside.
User Image

Step 2:
We save that file wherever we wish.
User Image

Step 3:
Now Open up the Internet Options and Click the Accessability button.
User Image

Step 4:
And Finaly, CHeck off the Format Button and Hit Browse to select the file you just made, Hit The OK buttons and your styling should be applied now.
User Image
IE Logo Changer Tutorial:

This is a tutorial to allow you to change the gaia logo using Internet Explorer. (Note, on some versions of IE only the back half of the logo is able to be changed.)

Step 1:
We First Take the URL of the image you wish to use, for example.
http://graphics.gaiaonline.com/images/layout/gaialol/logo.png


Step 2:
Copy this into the Text File you are creating.
#logo
{
background: url('[--Insert URL Here--]')
}
#logo h1
{
display: none;
}


Then insert the URL into the spot so it may look like this.
#logo
{
background: url('http://graphics.gaiaonline.com/images/layout/gaialol/logo.png')
}
#logo h1
{
display: none;
}


Save it and Follow the IE Style Tutorial Above and the gaia logo should be changed.
Quick Nav for IE:

The Quick Nav enables the ability to hover over the nav.
(Note: Depending on your version of IE, this may or may not work, I'll possibly look into making a full working version at some other time.)
To use insert this into the CSS File you are creating.
#nav .subnav li a
{
display: none;
}

#nav li:hover .subnav,
#nav li .subnav:hover,
#nav li:hover .subnav li,
#nav li .subnav:hover li,
#nav li .subnav li:hover,
#nav li:hover .subnav li a,
#nav li .subnav:hover li a,
#nav li .subnav li:hover a,
#nav li .subnav li a:hover
{
display: block;
}

#nav .subnav
{
top: 20px;
}
*reserved*
*reserved*
*reserved*

Quick Reply

Submit
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