Welcome to Gaia! ::


Salathielly's Partner

Dainty Kitten

27,550 Points
  • Streaker 200
  • Marathon 300
  • Perfect Attendance 400
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!

Retro Punk

xSahri
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!


This might help you a lil.

http://blooberry.com/indexdot/css/propindex/all.htm

EDIT :

Also ,
http://www.gaiaonline.com/forum/gaia-guides-and-resources/css-profile-codes-tutorial-a-comprehensive-guide/t.15730229/

http://www.gaiaonline.com/forum/profile-discussion/instructions-and-help-to-using-css-codes-and-playlists/t.56244765/

Salathielly's Partner

Dainty Kitten

27,550 Points
  • Streaker 200
  • Marathon 300
  • Perfect Attendance 400
Guin - Aoiichi
xSahri
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!


This might help you a lil.

http://blooberry.com/indexdot/css/propindex/all.htm

User Image
Trick or...

This is helping me but only by a lil. I still don't know which one i need out of the long list.

TREAT!

Retro Punk

xSahri
Guin - Aoiichi
xSahri
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!


This might help you a lil.

http://blooberry.com/indexdot/css/propindex/all.htm

User Image
Trick or...

This is helping me but only by a lil. I still don't know which one i need out of the long list.

TREAT!


Ah sorry. I just edited my previous post . I had some Gaia threads bookmarked that might be better help.

Retro Punk

This is my current profile code :

maybe you can gleam some info from it. What you are looking for should be in there.


html,body { background: url('http://24.media.tumblr.com/4f240a7ddee9e7a07beca7669ee07049/tumblr_mnpgajCVwo1s3dq1jo8_1280.jpg') ;}
#columns {width:775px; position: relative; float: none; margin-left: auto; margin-right: auto;}

.panel{

background-color: transparent;
background-image:transparent;
background-position:center ;fixed;no-repeat;
background-attachment:no-repeat;
background-fixed: ;
border-color: #000000;
border-width: 10px;
border-style: ;
font-family: Geneva;
font-size: 14px;
font-weight: normal;
color: #9FFFF5;
margin:-5px;
padding: 5px 150x 150x;
opacity: 1.0;
filter: alpha(opacity = 100)
zoom:1; /* stupid IE */


}

.panel h2 {

background-color: transparent;
background-image: transparent;
background-position:transparent ;
background-attachment:no-repeat;
background-:no-repeat;
border-color: #000000;
border-width: px;
border-style: ;
font-family: ;
font-size: px;
font-weight: ;
color: #000777;
opacity: 0.7;
filter: alpha(opacity = 90)
text-align:right ;
zoom:1; /* stupid IE */

}

#id_comments{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 200px;}
#id_comments:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 210px;}
#id_comments{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_comments:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }
#id_comments{background-image:url(none)}
#id_comments:hover{background-image:url(http://i647.photobucket.com/albums/uu198/Aoiichi/PanelStars.jpg)}
#id_comments{-webkit-border-radius: 20px;-moz-border-radius: 15px;}
#id_comments{border: 1px solid #000000;margin: 1px; -moz-border-radius: 20px;margin-bottom: 10px;}

#comments_title{display: none;}

#id_custom_28799{overflow:auto;hidden; overflow-x: hidden; overflow-y: hidden; height: 205px;}
#id_custom_28799:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 350px;}
#custom_28799_title{display: none;}

#id_forum{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_forum:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }

#id_footprints{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 120px;}
#id_footprints:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 120px;}
#id_footprints{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_footprints:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }
#id_footprints{background-image:url(none)}
#id_footprints:hover{background-image:url(http://i647.photobucket.com/albums/uu198/Aoiichi/PanelStars.jpg)}
#id_footprints{-webkit-border-radius: 20px;-moz-border-radius: 15px;}
#id_footprints{border: 1px solid #000000;margin: 1px; -moz-border-radius: 20px;margin-bottom: -1px;}





#id_media_------ {display: none;}
#id_media_63879 object, #id_media_63879 embed {width:145px;}
#id_media_63879 object, #id_media_63879 embed{height:194px;}

#id_details{background-image:url(none)}
#id_details:hover{(http://24.media.tumblr.com/tumblr_mbcxydxKz01qgs7zlo1_500.jpg)}



#details_title{display: none;}
#columns
{

...

position: relative;
top: 33px; pixels)

...

}

#forum_title{display: none;}
#friends_title{display: none;}
#find_friends_banner{display: none;}
#footprints_title{display: none;}

#media_64419 {background-image:url('http://fc00.deviantart.net/fs13/f/2007/066/5/c/equalizer_by_darkoblivion8.gif')
background-repeat:no-repeat;
background-position:center;
}


#media_64419_title{display: none;}
#alerts_banner{display: none;}
#media_64791_title{display: none;}
#custom_28795_title{display: none;}

#id_custom_28795 ol {width: 100px;z-index: 5;}

#id_custom_28795 ol ol {background: black url(http://i1086.photobucket.com/albums/j458/Osprey1984/drop-down-icon-small-arrow_V192241262_1.gif) right center no-repeat;
border: 2px groove black;padding-left: 2px;}

#id_custom_28795 ol ol+ol {
position: absolute;
border: 1px solid black;
border-top: none;
padding: 2px;
padding-top: 0;
background: #000;
display: none;
}
#id_custom_28795 ol:hover ol+ol {
display: block;
}
#id_custom_28795 ol ol+ol ul {
border-bottom: 1px solid #888;
padding: 1px 0;
}
#id_custom_28795 ol ol+ol br {
display: none;
}
nds{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_friends:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }
body {cursor:url('none'),default;
}


a,a:link,a:visited,a:active,a:hover {
cursor: url('http://i647.photobucket.com/albums/uu198/Aoiichi/FiJIpointer_zpsab962c50.png'),default;}
#id_custom_28799:hover{background: url('http://i647.photobucket.com/albums/uu198/Aoiichi/PanelStars.jpg')}


#id_wishlist{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 80px;}
#id_wishlist:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 100px;}
#gaia_header{position:absolute; width:100%;}
#wishlist_title{display: none;}
#id_wishlist{-webkit-border-radius: 20px;-moz-border-radius: 15px;}
#id_wishlist{border: 0px solid #000000;margin: 0px; -moz-border-radius: 20px;margin-bottom: 10px;}

#id_media_64791 object, #id_media_64539 embed {width:470px;}
#id_media_64791 object, #id_media_64539 embed{height:300px;}

.forum_userstatus .statuslinks span.online{background: url('http://fc03.deviantart.net/fs71/f/2010/094/4/0/Intense_Gaming_by_de_Mote.gif') top left no-repeat;}

.forum_userstatus .statuslinks span.offline{background: url('http://fc06.deviantart.net/fs70/f/2010/183/e/1/Emote__Static_by_KyuubisSlave.gif') top left no-repeat;}

#alert_container{display:none;}
#id_details img{display:none;}

[/spoiler[

Saxy Coder

▧▧▧ ♬ ▧▧▧
The panel headers?
.panel h2 is the selector name. background affects the background, color affects the font color.

.panel h2{
background: value;
color: value;}

▧▧▧▧▧▧▧

Retro Punk

xSahri
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!


Have tried any changes yet?

Salathielly's Partner

Dainty Kitten

27,550 Points
  • Streaker 200
  • Marathon 300
  • Perfect Attendance 400
Guin - Aoiichi
xSahri
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!


Have tried any changes yet?

User Image
Trick or...

I haven't gotten around to it yet because I was so tired.

TREAT!

Retro Punk

xSahri
Guin - Aoiichi
xSahri
User Image
Trick or...

I'm tinkering a bit with my profile and I would like to know the CSS code to change the section header background and font color.

TREAT!


Have tried any changes yet?

User Image
Trick or...

I haven't gotten around to it yet because I was so tired.

TREAT!


Let me know. Maybe i can help. Lady seems to be able to help too. I been kind of messing with my profile as well. I wish there was preview feature that we could use. It would make experimenting much faster.

Saxy Coder

▧▧▧ ♬ ▧▧▧
Guin - Aoiichi
I wish there was preview feature that we could use. It would make experimenting much faster.
If you use DevTools while editing, you can get an instant preview of what your code will look like as you type it, instead of having to click the "Update" or "Save" button. (Only thing you have to remember is to copy and paste the code into your Theme Override box before saving)

Unfortunately most of the old previewers like Gaiatools are kind of outdated ^^;
I just use a mule to build and test things on, then transfer the coding over.

▧▧▧▧▧▧▧

Kindly Citizen

9,600 Points
  • Tycoon 200
  • Money Never Sleeps 200
  • Consumer 100
Guin - Aoiichi
This is my current profile code :

maybe you can gleam some info from it. What you are looking for should be in there.


html,body { background: url('http://24.media.tumblr.com/4f240a7ddee9e7a07beca7669ee07049/tumblr_mnpgajCVwo1s3dq1jo8_1280.jpg') ;}
#columns {width:775px; position: relative; float: none; margin-left: auto; margin-right: auto;}

.panel{

background-color: transparent;
background-image:transparent;
background-position:center ;fixed;no-repeat;
background-attachment:no-repeat;
background-fixed: ;
border-color: #000000;
border-width: 10px;
border-style: ;
font-family: Geneva;
font-size: 14px;
font-weight: normal;
color: #9FFFF5;
margin:-5px;
padding: 5px 150x 150x;
opacity: 1.0;
filter: alpha(opacity = 100)
zoom:1; /* stupid IE */


}

.panel h2 {

background-color: transparent;
background-image: transparent;
background-position:transparent ;
background-attachment:no-repeat;
background-:no-repeat;
border-color: #000000;
border-width: px;
border-style: ;
font-family: ;
font-size: px;
font-weight: ;
color: #000777;
opacity: 0.7;
filter: alpha(opacity = 90)
text-align:right ;
zoom:1; /* stupid IE */

}

#id_comments{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 200px;}
#id_comments:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 210px;}
#id_comments{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_comments:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }
#id_comments{background-image:url(none)}
#id_comments:hover{background-image:url(http://i647.photobucket.com/albums/uu198/Aoiichi/PanelStars.jpg)}
#id_comments{-webkit-border-radius: 20px;-moz-border-radius: 15px;}
#id_comments{border: 1px solid #000000;margin: 1px; -moz-border-radius: 20px;margin-bottom: 10px;}

#comments_title{display: none;}

#id_custom_28799{overflow:auto;hidden; overflow-x: hidden; overflow-y: hidden; height: 205px;}
#id_custom_28799:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 350px;}
#custom_28799_title{display: none;}

#id_forum{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_forum:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }

#id_footprints{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 120px;}
#id_footprints:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 120px;}
#id_footprints{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_footprints:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }
#id_footprints{background-image:url(none)}
#id_footprints:hover{background-image:url(http://i647.photobucket.com/albums/uu198/Aoiichi/PanelStars.jpg)}
#id_footprints{-webkit-border-radius: 20px;-moz-border-radius: 15px;}
#id_footprints{border: 1px solid #000000;margin: 1px; -moz-border-radius: 20px;margin-bottom: -1px;}





#id_media_------ {display: none;}
#id_media_63879 object, #id_media_63879 embed {width:145px;}
#id_media_63879 object, #id_media_63879 embed{height:194px;}

#id_details{background-image:url(none)}
#id_details:hover{(http://24.media.tumblr.com/tumblr_mbcxydxKz01qgs7zlo1_500.jpg)}



#details_title{display: none;}
#columns
{

...

position: relative;
top: 33px; pixels)

...

}

#forum_title{display: none;}
#friends_title{display: none;}
#find_friends_banner{display: none;}
#footprints_title{display: none;}

#media_64419 {background-image:url('http://fc00.deviantart.net/fs13/f/2007/066/5/c/equalizer_by_darkoblivion8.gif')
background-repeat:no-repeat;
background-position:center;
}


#media_64419_title{display: none;}
#alerts_banner{display: none;}
#media_64791_title{display: none;}
#custom_28795_title{display: none;}

#id_custom_28795 ol {width: 100px;z-index: 5;}

#id_custom_28795 ol ol {background: black url(http://i1086.photobucket.com/albums/j458/Osprey1984/drop-down-icon-small-arrow_V192241262_1.gif) right center no-repeat;
border: 2px groove black;padding-left: 2px;}

#id_custom_28795 ol ol+ol {
position: absolute;
border: 1px solid black;
border-top: none;
padding: 2px;
padding-top: 0;
background: #000;
display: none;
}
#id_custom_28795 ol:hover ol+ol {
display: block;
}
#id_custom_28795 ol ol+ol ul {
border-bottom: 1px solid #888;
padding: 1px 0;
}
#id_custom_28795 ol ol+ol br {
display: none;
}
nds{ opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0) -khtml-opacity: 0.0; }
#id_friends:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100) -khtml-opacity: 1.0; }
body {cursor:url('none'),default;
}


a,a:link,a:visited,a:active,a:hover {
cursor: url('http://i647.photobucket.com/albums/uu198/Aoiichi/FiJIpointer_zpsab962c50.png'),default;}
#id_custom_28799:hover{background: url('http://i647.photobucket.com/albums/uu198/Aoiichi/PanelStars.jpg')}


#id_wishlist{overflow: auto; overflow-x: hidden; overflow-y: hidden; height: 80px;}
#id_wishlist:hover{overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 100px;}
#gaia_header{position:absolute; width:100%;}
#wishlist_title{display: none;}
#id_wishlist{-webkit-border-radius: 20px;-moz-border-radius: 15px;}
#id_wishlist{border: 0px solid #000000;margin: 0px; -moz-border-radius: 20px;margin-bottom: 10px;}

#id_media_64791 object, #id_media_64539 embed {width:470px;}
#id_media_64791 object, #id_media_64539 embed{height:300px;}

.forum_userstatus .statuslinks span.online{background: url('http://fc03.deviantart.net/fs71/f/2010/094/4/0/Intense_Gaming_by_de_Mote.gif') top left no-repeat;}

.forum_userstatus .statuslinks span.offline{background: url('http://fc06.deviantart.net/fs70/f/2010/183/e/1/Emote__Static_by_KyuubisSlave.gif') top left no-repeat;}

#alert_container{display:none;}
#id_details img{display:none;}

[/spoiler[


Holy hell, that's messy.

reinasachiko's Senpai

Dramatic Gentleman

23,715 Points
  • Fan Before It Was Cool 500
  • Nuclear Plant 500
  • Rat Conqueror 500
Lady Saxophone
▧▧▧ ♬ ▧▧▧
Guin - Aoiichi
I wish there was preview feature that we could use. It would make experimenting much faster.
If you use DevTools while editing, you can get an instant preview of what your code will look like as you type it, instead of having to click the "Update" or "Save" button. (Only thing you have to remember is to copy and paste the code into your Theme Override box before saving)

Unfortunately most of the old previewers like Gaiatools are kind of outdated ^^;
I just use a mule to build and test things on, then transfer the coding over.

▧▧▧▧▧▧▧
Just additional info. DevTools is from "Developer Tools" option on Chrome and Firefox. The feature is integrated already in today browsers. The shortcut is CTRL + Shift + i

That is why most of Gaia profile makers and also web makers does not really need such stuff as GaiaTools anymore. Unless you are making profile on mobile stuffs such as iPad or Samsung Tabs

peanut butter and apples

Pretty sure you have met one worse than this.

Surefire Leaf

18,715 Points
  • The Sweetest 250
  • Falling For You 25
  • Luminary Melee Champion 200
This might help:

http://www.gaiaonline.com/forum/chatterbox/font-colors-special-characters/t.72829345/

Quick Reply

Submit
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