Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
So, first complex coding. Help? =3

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

WordsAreDeadlyWeapons

PostPosted: Fri Apr 28, 2006 10:36 pm


Alright, so.

As you see in my profile, I have positions figured out.

I want to put graphics as headers for each sections, but I want to do it a certai way.

Notice how my Avatar Profile section, my Details, and my wishlist are set up next to each other.

I need the code that allows you to put borders around each section. I want just a plain bar, and be able to choose a color.

I know that code is pretty sumple, but..

I want to know if there is a way to kind of make those three sections into one, and have the border go all the way around all three sections as one, instead of three seperate boxes.

Same goes for my friendlist and Multimedia right next to eachother.

A VERY undetailed screenshot edit can be found unher here, so you could understand what i am trying to do.

http://i3.tinypic.com/wqy6tt.png

See how I'm trying to integrate sections? That is different from what i want, but it helps you get the picture. mainly the top three sections is what I'm working on now.

If so, the code would be appreciated!



For the second part.

I finished the layout half of making my profile pretty much. Now, I want to add a background of the WHOLE page, the sides off of my profile that the centered profile doesn't cover, I want kind of a grey graident pattern.

And I want to add custom graphics in the headers of each section.

I have the codes for both, but I need to know in what order I should do things.

I'm doing the header last, It will be custom OC Art. Which is the whole theme of the profile. Anyways, help please?

=3
PostPosted: Sun Apr 30, 2006 4:02 pm


For the first part, you might have to fuss around with your margins and padding to get the sections next to each for this to work, but what you should try is putting a border on the left and bottom of your details section, a border along the bottom of your profile section, and a border along the right and bottom of the wish list:

#details {border-left: solid 1px #______; border-bottom: solid 1px #______; }
#profile {border-bottom: solid 1px #______; }
#wishlist {border-right: solid 1px #_______; border-bottom: solid 1px #______; }


When it comes to adding backgrounds, the order on there doesn't matter. smile

Your profile is looking good, by the way.

Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
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