Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
I'v made my graphics now how do I code?

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

[Teh.Mule.Child]

PostPosted: Mon Mar 20, 2006 5:21 pm


Well I have finally finished my layout...The original one was lost durring a windstorm when the power went out so I decided to redo it as a simpler layout. But its pretty non the less.

Now for the coding...I have no clue how to code. My first profile for my main account was coded for me I only make the graphics but now I want to learn to code myself so I dont have to spend my gold on getting someone for coding.

I'v looked at all these other tutorials on the gaia help forums and stuff but I still dont get what there saying. So if someone could walk me through this it would be much appreciated. below I have provided a list of the demnsions I used for my headers and what not.

I need to know how to change the regular gaia headers and change them with mine.

Header Image 765 x 150
About Header 500 x 41
Username Header 229 x 39
Details Header 229 x 39
Wishlist Header 229 x 39
Friendslist Header 500 x 41
Journal Header 500 x 41
Multimedia Header 500 x 41
Comments Header 500 x 41
Signature Header 500 x 41
PostPosted: Tue Mar 21, 2006 10:17 am


Okay, since you want to change all of the images then should probably set the profile theme to custom (not grunny or blocks or whatever).

Are you only resizing the headers?

Are you going to move any of the section positions around?

You should probably resize and move everything to their approximate parameters before adding your images, could save you a headache. Once the images are in you can tweak everything until it's perfect.

Anyway to just resize a header and stick an image in I think you just need to know the name of the section and then type something like:

#details h2{
height: 39px;
background: url(http://www.image.jpg);
width: 229px;
}


The h2 means header. #details is the code to do stuff to the details section. The codes go inside the {brackets}.

The 39 px is 39 pixels.

Background is the code to change the background colour and image, in this example just listed the code to change the image.

In this example I put the codes in a weird order to show that the order of codes inside the brackets doesn't usually matter as long as each code is ended with a semi-colon;


You might be able to save yourself some typing by using:

#main h2{
height: 39px;
width: 229px;
}

#sidebar h2{
width: 500px;
height: 41px;
}

and then you'll still need separate sections for each individual image though such as:
#journal h2 {background: url(imagecode)}
#signature h2 {background: url(sigimagecode)}

Main is everything that is default on the right and sidebar is everything that is default on the left.

Everything else should probably be trial and error, hope this helps. Cheers!

You Rule Supreme

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