KayleyV2
(?)Community Member
- Posted: Thu, 24 Jul 2008 22:55:34 +0000
apple
I see threads all the time where people ask the same question over and over, like inquiring how to add a scrollbox. I've decided to create a guide that I could reference when these situations arise, instead of having to type it out each time.
This guide is for editing your profiles with CSS. If you want to edit using just the customization box and no CSS, you might want to check out Galactic Senator Paradine's Getting to know your profile! guide instead. If you are completely new to Gaia, you may still want to check out that guide to learn how to actually add panels to your profile.
If you're confused about where to put codes or what v2/Current profiles are, check out the Profile System F.A.Q. in this post.
Also, I use the abbreviation I.E. a lot. In this guide, it is used to show an example of a preceding concept. I know that I should use e.g. instead, but I.E. works fine for me. I just wanted to explain that ahead of time in case anyone got confused.
If you have questions about anything in this guide, feel free to make a reply in this thread. Please make sure to explain your question clearly; it is hard to offer a solution if I don't understand your problem. Answering questions in this thread will be my first priority.
Please do NOT PM me. I will answer questions in this thread when I am available.
I am grateful to all of you who appreciate my thread, but unfortunately I do not have time to reply unless I'm answering a question (and sometimes I don't even have time for that). I just want you all to know that I am glad I have helped you and that I hope for your success in profiling.
Helpers (please do not PM these users; this is just for recognition because they help in the thread)
Radiocarbon
Monblanc
Skalavera
Syrah Mu
xColorMyLife
labyrinths
Swell Sundae
I've added keywords for each section to make each one easier to find. To use these keywords, just hit the CTRL and F key at the same time to open the search box, then type in the keyword. The page should skip right to the part that you want.
The keywords are written in red beside the section listing. Don't type the brackets when searching for a keyword; I added those to separate the word from the title.
I. INTRODUCTION, INDEX, AND CREATING IMAGES [apple]
_____ a. PROFILE SYSTEM F.A.Q. [banana]
_____ b. QUICK TRICKS [celery]
II. LIST OF SELECTORS [date]
_____ a. CURRENT PROFILE SYSTEM MAIN SELECTORS [eggplant]
_____ b. CURRENT PROFILE SYSTEM PANEL SELECTORS [fig]
_____ c. CURRENT PROFILE SYSTEM HEADER SELECTORS [grape]
III. CSS WITH CUSTOM SECTIONS [kiwi]
IV. LIST OF (CSS) CODES [lemon]
_____ a. LIST OF BASIC CODES [orange]
_____ b. LIST OF SPECIFIC CODES [strawberry]
V. LIST OF HEX CODES [watermelon]
VI. LINKS IN/OUT AND OTHER STUFF [yam]
Are you wondering how people get those pretty backgrounds for their profiles? No, they don't search Google. No, they don't use some generator or website. They make the background and graphics themselves using image-editing programs.
Most profilers used Adobe Photoshop or Corel Paint Shop Pro to make graphics. If you cannot afford either of these, Google GIMP or Paint.Net.
This guide is not here to teach you how to make images for your profile. Once you have a program to use like Photoshop or GIMP, just search Google with "[program name here] tutorials" (I.E. "Photoshop tutorials). You should be able to get a lot of good results.
banana
What is the difference between Old School/Classic profiles and v2/Current profiles?
Both of these Gaia profile systems have different selectors (selectors are explained in the next post). v2/Current also has a customization box which you can use the edit the profile without CSS; this feature is not available on Old School/Classic profiles.
This guide is for v2/Current profiles, so if you want to use it, you need to make sure you are on the Current profile setting.
How do I switch from Classic to Current?
Go to My Gaia --& Account. Scroll down to the dropdown menu labeled "Choose profile". Switch from Classic to Current.
Where do I put these codes?
You put the codes under My Gaia --& Account --& Theme.
If you were on the page shown above, you would just click Theme on the sidebar. Then you would be here:
celery
These are just a few common codes that users ask about in the forums.
Changing the Color of the Blue Bars on Panels
.panel h2{background: #######;}
These blue bars are the headers for each section. They say things like "About", "Signature", etc. You need to edit the ####### with a hex code or color name. There is a small list of hex codes in the fifth post of this thread (keyword: apple).
Making All Panels Partly Transparent
#columns{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
You can edit the parts in green, but it is not required for the code to work. Editing the numbers will just vary how transparent the sections are.
Adding A Scrollbox
selector{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: ##px;}
You must edit the parts in red. There is a list of selectors in the next post; that is what you will replace "selector" with. You will replace the ## with how long you want the section to be before it scrolls.
Move Panels Out of Their Columns
#columns, #column_1, #column_2, #column_3{overflow:visible;}