Welcome to Gaia! ::

Reply CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)
Tutorial Links and Commonly Asked-For Codes (Update: 09.01) Goto Page: [] [<] 1 2

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Do you like CSS?
Love it!
49%
 49%  [ 119 ]
It's okay...
16%
 16%  [ 39 ]
I'm ambivalent.
8%
 8%  [ 20 ]
NO!
6%
 6%  [ 16 ]
I don't even know CSS.
18%
 18%  [ 45 ]
Total Votes : 239


Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
PostPosted: Sun Nov 26, 2006 11:50 am


Kakeya_Penguin
um, this might not fit here, but how do you make title links to a thread? as in for your signature?


Here's fine. smile

After you have the URL to the thread and are in your signature section, putting together the signature, you would use this code:


[url=THREAD URL]TEXT HERE[/url]


Replace "THREAD URL" with the thread URL, and "TEXT HERE" with the text you want someone to click on. For instance, if I wanted to link someone to this guild, I would use this code:


[url=http://www.gaiaonline.com/guilds/index.php?guild_id=9178]CODED[/url]


And that would then look like this: CODED
PostPosted: Mon Nov 27, 2006 11:29 am


This has been a toughy for me and I'm determined to make it work. I've been trying to make this image:

User Image

My header but even bigger, almost like how you have the red all along the top of your profile. Should I use the header code, because I don't want it centered and then a background color I would want it to take up the whole top. And up top, on top of the name, in wide screen I'd want the multimedia. I know this seems like alot to ask for but it would be greatly appreciated. Your layouts are also really awesome! Don't worry if you can't help me. Thanks!

Excimo


Ava R.
Crew

3,500 Points
  • Gaian 50
  • Treasure Hunter 100
  • Hygienic 200
PostPosted: Mon Nov 27, 2006 2:13 pm


Excimo
This has been a toughy for me and I'm determined to make it work. I've been trying to make this image:

[img]http://i79.photobucket.com/albums/j145/zap_attack777/Abarai_Renji_2_Tone_Wallpaper_by_Au.jpg[/img]


My header but even bigger, almost like how you have the red all along the top of your profile. Should I use the header code, because I don't want it centered and then a background color I would want it to take up the whole top. And up top, on top of the name, in wide screen I'd want the multimedia. I know this seems like alot to ask for but it would be greatly appreciated. Your layouts are also really awesome! Don't worry if you can't help me. Thanks!


Yeah, putting the image as your header would be your best bet. It looks like the image has a gradient in it (red to black), so what you'd want to do is put that image as the header, and then make your background color black, but with the gradient image repeating across the top:


    body {background: url(GRADIENT IMAGE URL) top left repeat-x #000000; }

    #site {width: __px; }

    #extendedProfileBody #header h1 {height: __px; background: url(IMAGE URL) top left no-repeat; }


Note the second line. Since your image is wider than the default layout (760px), you'll want to change the width of the whole layout. The second line will do that if you put the image's width there.

Then you'd just move the multimedia:


    #multimedia {position: absolute; top: 0px; left: 0px; }


Start off with the zero, zero positioning to see where it places the multimedia and then change your numbers. Moving stuff is really a guessing game, so you have to take a guess, submit the codes, and see where it moved it. Then adjust the numbers again, submit, check the layout, etc. You can use negative numbers.

To resize the multimedia, you'd use this code:


    #multimedia embed, #multimedia object {width: __px; height: __px; }


Did I get everything?

And thanks. biggrin Glad you like them!
PostPosted: Wed Nov 29, 2006 8:23 pm


Ava R.
Excimo
This has been a toughy for me and I'm determined to make it work. I've been trying to make this image:

[img]http://i79.photobucket.com/albums/j145/zap_attack777/Abarai_Renji_2_Tone_Wallpaper_by_Au.jpg[/img]


My header but even bigger, almost like how you have the red all along the top of your profile. Should I use the header code, because I don't want it centered and then a background color I would want it to take up the whole top. And up top, on top of the name, in wide screen I'd want the multimedia. I know this seems like alot to ask for but it would be greatly appreciated. Your layouts are also really awesome! Don't worry if you can't help me. Thanks!


Yeah, putting the image as your header would be your best bet. It looks like the image has a gradient in it (red to black), so what you'd want to do is put that image as the header, and then make your background color black, but with the gradient image repeating across the top:


    body {background: url(GRADIENT IMAGE URL) top left repeat-x #000000; }

    #site {width: __px; }

    #extendedProfileBody #header h1 {height: __px; background: url(IMAGE URL) top left no-repeat; }


Note the second line. Since your image is wider than the default layout (760px), you'll want to change the width of the whole layout. The second line will do that if you put the image's width there.

Then you'd just move the multimedia:


    #multimedia {position: absolute; top: 0px; left: 0px; }


Start off with the zero, zero positioning to see where it places the multimedia and then change your numbers. Moving stuff is really a guessing game, so you have to take a guess, submit the codes, and see where it moved it. Then adjust the numbers again, submit, check the layout, etc. You can use negative numbers.

To resize the multimedia, you'd use this code:


    #multimedia embed, #multimedia object {width: __px; height: __px; }


Did I get everything?

And thanks. biggrin Glad you like them!


crying THANK YOU SOO MUCH!!!

Excimo


Ryu Deepse

PostPosted: Tue Jan 23, 2007 7:28 pm


PostPosted: Tue May 29, 2007 9:18 pm


OH MY GOD

THANK YOU!!

[dam gray line haha!!]

C.J.M.


jeditet

PostPosted: Wed Jul 18, 2007 8:39 am


how do I know what to write in a CSS code?
PostPosted: Mon Oct 15, 2007 1:35 am


Hey does anyone know how i would make a link picture change when you put your mouse over it?

As in a) there is a picture of a balloon
2) when you scroll over it it bursts and there is a text saying "goodbye"

im sorry im bad at explaining... but like the link picture moves when you scroll over. x_X how would i make that happen? does anyone know?

Im sorry its such a difficult request ^^"

Thank you for the help though

Raining_blood_tears


kike2424

Fashionable Vampire

11,075 Points
  • Nerd 50
  • Millionaire 200
  • First step to fame 200
PostPosted: Tue Feb 14, 2012 4:12 pm


hello I can donate what you can
Reply
CSS/Graphic/Profile help/resources (With tutorials, FAQs and general tips and hints)

Goto Page: [] [<] 1 2
 
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