Welcome to Gaia! ::

Gaia Forums » GAIA Community » Gaia Community Discussion » Profile Discussion
<3 </3
Reply
1 2 3 >

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
So in working with profiles, I've come up with a pretty good list to go with my other guide. This is not meant to be a stand-alone guide, unless you already know how to use Old School CSS. This guide is strictly designed to show you the basics of theme translation

Old School System == v2 System

body == html

#extendedProfileBody #header h1 == #header

.section == .panel

.section h2 == .panel h2

#content == #columns

#content #main == #column_2

#content #sidebar == #column_1

#multimedia embed == .media_panel embed

#profile .items == .equipped_list_panel

#wishlist == .wish_list_panel

#multimedia == .media_panel

#signature == .signature_panel

#profile == .details_panel

#friends == .friends_panel

#journal == .journal_panel

#about == .about_panel

#comments == .comments_panel





With the different panels, however, I recommend using something different. Dig through source code to find the unique panel number for the block you want to customize... this also makes it harder for people to rip your code off, because it's one more thing they've got to find and change.

In the source code, every block starts with a line like this:

<div id="panel_7519695" class="panel custom_panel">

The first part is the unique panel number, and the second is the general panel class.

What I did with my profile was search for a word that was in the header of the block I wanted to alter, and then a few lines above it, I'd see a line similar to my exmaple.

So my ID would then be #panel_7519695 with the sample I used above. And you can use that the same way you'd use #profile or #about in the old school profiles, attaching things like li, a:link, img, whatever to the end of it.

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
heart

Ice Heart's Queen

Offline
It must be fun to be smart like that heart .

I may have to destroy my bf's profile playing with things...because as if I'd destroy my own. lol Thank you for providing.

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
Dorg Endo
It must be fun to be smart like that heart .

I may have to destroy my bf's profile playing with things...because as if I'd destroy my own. lol Thank you for providing.
Do you use firefox? If so, you should go to my profile and then to my links section and click the "Web Developer's Toolbar" link

It's a great way to "edit" your css right in the browser so before you even pop the code into your profile, you know what it should look like, at least in Firefox xd

Friendly Seeker

7,550 Points
  • Millionaire 200
  • Hygienic 200
  • Tycoon 200
Offline
Meh, I think old school is easier... not so much to think about... I might make a new school profile, but I'll probably stick with old school... I'm just more comfortable with its coding...

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
haruki_jitsunin
Meh, I think old school is easier... not so much to think about... I might make a new school profile, but I'll probably stick with old school... I'm just more comfortable with its coding...
I actually found v2 coding easier xd

alot of the things I do to my old school profile are already built into the v2 system... like, I don't have a mile long line of sections that all have the "display:none;" attribute xd

Ice Heart's Queen

Offline
I switched over to FireFox a while ago, tabbed browsing grabbed my soul and never let go.
I did peek at your profile but I'll try that out...anything to take my mind off of the upcoming doom of school returning.

Offline
Being the stubborn fool I am, I won't be able to resist mutilating my mule's profile.

xD
This saves me the time of stripping and experimenting with Gaia's coding.

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
Eddafred
Being the stubborn fool I am, I won't be able to resist mutilating my mule's profile.

xD
This saves me the time of stripping and experimenting with Gaia's coding.
you should still play around in there to find all the other cool things you can mess with smile i by no means provided every ID you can play with xd

Offline
I agree the CSS is much easier to navigate in the v2.

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline

it's messed up? gonk

I missed so much just by being gone for a few days gonk User Image

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
heart

Offline
This is a really useful guide for converting between the two. Just a quick cheat sheet so that most elements will translate.

The v2 CSS is definitely a lot cleaner. =3

Pandilicious's Husbando

Invisible Member

39,510 Points
  • Citizen 200
  • Person of Interest 200
  • Winged 100
Offline
Jakobo
This is a really useful guide for converting between the two. Just a quick cheat sheet so that most elements will translate.

The v2 CSS is definitely a lot cleaner. =3
heart
Gaia Forums » GAIA Community » Gaia Community Discussion » Profile Discussion

Quick Reply

Submit
Manage Your Items
Other Stuff
More
Get GCash
Offers
More
Get Items
More Items
More
Where Everyone Hangs Out
Other Community Areas
  • Guilds
    fan clubs for the stuff you love
  • Chat
    chat in real time with other Gaians
  • Art Arenas
    browse & rate gaian art galleries
  • Clans
    play zOMG with others
More
Virtual Spaces
Fun Stuff
More
Gaia's Games
Mini-Games
More
//
//

Join Now

// //

Have an account? Login Now!

//
//