Beginner's Guide to Profile Coding [#2 - completed!!!]

Let's see how many votes we can get! :3

+1	100.0%	[ 1280 ]
Total Votes:			[ 1280 ]

[Profilist Pal]

kristina_gh

Miimic

Miimic [a] Gaiaonline.com...
gh: KayleyFC has a really great one, Eddafred has one in his journal, it's good if you aren't a beginner.

WTF: Thanks

Cali: I know my basic hovers, enough for a beginner's guide. xD

Tayler: You're welcome.

lol i'm a begginer D;
xD lo ok i will go look at kayley thx :'D

Miimic [a] Gaiaonline.com...


Thank Kayley, not me. I think there is a link in this guide to a bunch of guides and it lists all the v2 guides I know of.

[fruitlover66]

I'm not so sure what do with postioning. I want my layout to look pretty much like the first link u did on ur forum. Except I kinda want to put a HUGE pic on the left side and move evrything like ABOUT, DETAILS, WISHLIST, MEDIA, JOURNAL, and COMMENTS to the right. The problem is i have no idea how to manage with my pixels. Everytime i try something it kinda overlaps with my next section that i haven't coded yet. I'm not so sure wat to do so thanks

[PawzPrint]

Miimic

fr34x0r

the bar buttons have text already, just change the text-indent to 0

Miimic [a] Gaiaonline.com...


Never thought of that. xD

I changed the indent to 0px, but nothing happened.....

[freaxy]

PawzPrint

Miimic

fr34x0r

the bar buttons have text already, just change the text-indent to 0

Miimic [a] Gaiaonline.com...


Never thought of that. xD

I changed the indent to 0px, but nothing happened.....

increase the width, make the background transparent, set color, size, etc... do the same for on hover

[PawzPrint]

fr34x0r

PawzPrint

Miimic

fr34x0r

the bar buttons have text already, just change the text-indent to 0

Miimic [a] Gaiaonline.com...


Never thought of that. xD

I changed the indent to 0px, but nothing happened.....

increase the width, make the background transparent, set color, size, etc... do the same for on hover

the links still are not displaying; they are there, just invisible....

[arcane knight94]

I made my layout and have all my images, here it is. Okay so I need your help so I can get the concepts right, here are some questions I need answered:

Should the codes be in a specific order?

Do I sperate the sizing, postioning, and other stuff into other codes or put it all together?

How can I tell how pixels from the top and left side of the page my stuff should be?

Last time I did it, I tried to move my avatar and buttons like trade, PM, friends, etc. and they went to the wrong position and they were placed behind evrything...?

That's all I need right now, but if you or someone could help i would be extremly grateful.

[Profilist Pal]

fruitlover66

I'm not so sure what do with postioning. I want my layout to look pretty much like the first link u did on ur forum. Except I kinda want to put a HUGE pic on the left side and move evrything like ABOUT, DETAILS, WISHLIST, MEDIA, JOURNAL, and COMMENTS to the right. The problem is i have no idea how to manage with my pixels. Everytime i try something it kinda overlaps with my next section that i haven't coded yet. I'm not so sure wat to do so thanks

Miimic [a] Gaiaonline.com...


Hmm, try putting this code in, put your image code in where it says to.
#site {margin-left:auto;margin-right:auto;}
body {background:url( THE DIRECT LINK OF THE IMAGE GOES HERE ) no-repeat left center;}

[Profilist Pal]

arcane knight94

I made my layout and have all my images, here it is. Okay so I need your help so I can get the concepts right, here are some questions I need answered:

Should the codes be in a specific order?

Do I sperate the sizing, postioning, and other stuff into other codes or put it all together?

How can I tell how pixels from the top and left side of the page my stuff should be?

Last time I did it, I tried to move my avatar and buttons like trade, PM, friends, etc. and they went to the wrong position and they were placed behind evrything...?

That's all I need right now, but if you or someone could help i would be extremly grateful.

Miimic [a] Gaiaonline.com...


No specific order unless you are working with custom sections, which are not for beginners. You just guess how many pixels, over time your guesses will be closer and closer to where you want them, but nobody gets it right the first time, you just have to keep editing the number till it goes to the right place. The going behind everything is probably a problem with layering, it's a section I haven't made yet.

[fruitlover66]

i'm not so sure wat u mean.... do i put the url of the image i want on the left side of the page in the place where u said "THE DIRECT LINK OF THE IMAGE GOES HERE'' ??

and also i have another question.... (sorry sweatdrop i know this is a lot of questions and i really did look them up!)

I'm not so sure what do with postioning. I want my layout to look pretty much like the first link u did on ur forum. Except I kinda want to put a HUGE pic on the left side and move evrything like ABOUT, DETAILS, WISHLIST, MEDIA, JOURNAL, and COMMENTS to the right. The problem is i have no idea how to manage with my pixels. Everytime i try something it kinda overlaps with my next section that i haven't coded yet. I'm not so sure wat to do... do u think i should use

#about {position:relative; top; right}

instead of


#about {position:absolute;top:120 px;left:140 px;} ??

Thanks so much if u could help!
-Claire mrgreen

[arcane knight94]

so do you know where I could find a section on layering?

[arcane knight94]

omg dude thanks gaiatools is unbeilivably helpful

[Profilist Pal]

Miimic [a] Gaiaonline.com...
No, but if you add this code to any section, it should make it above anything without the code:
SECTION NAME {z-index:100;}

[Profilist Pal]

fruitlover66

i'm not so sure wat u mean.... do i put the url of the image i want on the left side of the page in the place where u said "THE DIRECT LINK OF THE IMAGE GOES HERE'' ??

and also i have another question.... (sorry sweatdrop i know this is a lot of questions and i really did look them up!)

I'm not so sure what do with postioning. I want my layout to look pretty much like the first link u did on ur forum. Except I kinda want to put a HUGE pic on the left side and move evrything like ABOUT, DETAILS, WISHLIST, MEDIA, JOURNAL, and COMMENTS to the right. The problem is i have no idea how to manage with my pixels. Everytime i try something it kinda overlaps with my next section that i haven't coded yet. I'm not so sure wat to do... do u think i should use

#about {position:relative; top; right}

instead of


#about {position:absolute;top:120 px;left:140 px;} ??

Thanks so much if u could help!
-Claire mrgreen

Miimic [a] Gaiaonline.com...


You would replace the URL OF IMAGE GOES HERE with the url. With your positioning, you almost got it right, just don't put a space between the number and px.

[arcane knight94]

okay so far everything's awesome, except for one thing, I have no idea what code I use to change my online, trade, PM, friends, ect. buttons to the ones I want, can you help?

[Profilist Pal]

arcane knight94

okay so far everything's awesome, except for one thing, I have no idea what code I use to change my online, trade, PM, friends, ect. buttons to the ones I want, can you help?

Miimic [a] Gaiaonline.com...


I'm thinking of making a whole section for the buttons, I hate explaining it. You would just add a background to the button and position it like normal and stuff. The button labels are in the label section somewhere, probably in the PROFILE section.