freaxy's guide to CUSTOM SECTIONS [small CSS3 update]

Was this helpful?

Yes!	40.4%	[ 392 ]
o.O what?!	26.2%	[ 254 ]
ooh, poll!	33.4%	[ 324 ]
Total Votes:			[ 970 ]

[Shuriken Jutsu]

Well, if they come in with questions about something, you can't just ignore them, can you?

[freaxy]

if it's off topic, yes

[Shuriken Jutsu]

...




Alright!

[Profilist Pal]

truthfullies123

this is the code i was trying to use:


html, body{ background: #1b2e3d url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass.jpg) top left no-repeat; margin-left: 0px; margin-right: 0px; padding-top: 24px; bottom: 0px; align: center; width: 1002px; height: 976px; font-style: verdana; font-size: 10px; color: #7cc4f2;

scrollbar-base-color: #0c172b;
scrollbar-arrow-color: #7cc4f2;
scrollbar-3dlight-color: #b9e3fc;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #2a4054;
scrollbar-highlight-color: #daf1fd;
scrollbar-shadow-color: #0f0e0a;
scrollbar-track-color: #0a1018;}

#gaia_header a{color: #5ba4d2 !important;}

#extendedProfileBody #header h1 {display: none;}

#site{ margin-left: 0px; margin-right: 0px; align: top center; width: 1000px;}

/*______________DELETABLES_____________*/

#commonFriends {display: none;}
#content, #header {border: 0px;}
.caption .message, .caption2 .message {background: transparent;}
dl#info,dl#stats,#comments dl{display:inline;}
#details h3,hr,dl{display:none; }
#details dt strong{display:none; }

#content a:link, a:visited, a:active { color: #5ba4d2; font-size:10px; font-weight: bold; text-decoration: underline overline;}
#content a:hover { color: #020a15; font-size:10px; font-weight: bold; text-decoration: underline overline; background-color: #5ba4d2; }

#content {background: transparent;}

#content, #main, #header {border: 0px; }

/*_________________SIDEBAR_________________*/

#profile h2 {background: transparent; display:none; border: 0px;}
#profile .avatar { background: transparent; position: absolute; top: 195px; left: 175px; _left: 150px;}
#profile ul.items { background: transparent; position: absolute; left: 140px; _left: 120px; top: 380px; width: 175px; height: 130px; overflow: hidden;}
#profile {background: transparent;}
#profile .caption {display: none;}

/*_________________DETAILS_________________*/

#details {background: transparent;}
#profile h2 {display: none;}
#details h3, hr {display: none;}

#details #info {display: none;}
#details h2 {display: none;}
#details #stats {background: transparent; position: absolute; left: 164px; top: 535px; text-align:center; font-family: verdana; font-size: 10px; font-weight: bold; color: #7cc4f2; width: 105px;}

#details #stats dd {border: 0px; border-top: none; background: #020a15; margin-bottom: 0px; opacity: 0.80; -moz-opacity: 0.80; filter:alpha(opacity=80);}

/*___________________ABOUT___________________*/
#about {background: transparent; margin-left: 124px; margin-top: 210px; width: 470px; height: 230px; border: none; font-size: 10px; color: #7cc4f2; font-family: verdana; font-weight: bold; overflow: auto; text-align: center;}
#about h2 {display: none;}

/*__________________SIGNATURE_________________*/

#signature {background: transparent; display: none;}
#signature h2 { display: none;}

/*___________CUSTOM SECTION_____________*/

#about ol {top: 690px; _top: 715px; left: 390px; width: 180px; height: 190px; overflow: auto; position: absolute;}

/*____________JOURNAL_____________*/

#journal {display: none;}
#journal h2 {display: none;}
#journal h3 {display: none;}

/*____________WISHLIST____________*/

#wishlist {background:transparent; position: absolute; top: 697px; left: 122px; width: 190px; height: 133px; overflow: hidden;}
#wishlist .wanted,#wishlist .donated,#wishlist .bought,#wishlist .questing {background: url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Buttons/Blue_glass_WL.png) no-repeat; padding: 2px;}

#wishlist h2 {display: none;}

/*_________________MULTIMEDIA__________________*/

#multimedia embed { background: transparent; height: 159px; width: 208px; position: absolute; left: 375px; top: 507px; _top: 532px;}
#multimedia h2 {display: none;}

/*__________________COMMENTS____________________*/

#comments {background: transparent; width: 240px; height: 370px; top: 520px; _top: 545px; left: 600px; overflow: auto; overflow-x: hidden; position: absolute; font-family: verdana; font-size: 10px; color:#7cc4f2; font-weight: bold;}
.comments_clear {position: absolute; background-color: #ffffff;}

#comments dl dd {margin: 0 10px 0 10px;}
#comments dl dt.avatar img {display: none;}
#comments dl dt.avatar2 img {display: none;}

#comments .caption {margin-left: auto; margin-right: auto; background: #020a15; color: #7cc4f2; font-weight: bold; border: none; padding-bottom: 10px; padding-left: 5px; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75);}

#comments .caption2 {margin-left: auto; margin-right: auto; background: #020a15; color: #7cc4f2; border: none; padding-bottom: 10px; padding-left: 5px; opacity: 0.85; -moz-opacity: 0.85; filter:alpha(opacity=85);}
/*profile design and coding © Seiorai. Do not claim as your own/redistribute/alter.*/
#comments .links {text-align: center;}
#comments h2 {display: none;}
#comments p {font-family: verdana; color: #7cc4f2; font-size: 10px; font-weight: bold;}
#comments ul p{visibility: visible!important;}

#comments .message {text-indent: 0px; top: 0px;}

.caption .message, .caption2 .message {background: none; font-weight: bold; font-size: 10px; font-weight: bold;}

.caption:before, .caption:after, .caption2:before, .caption2:after{display:none;}

/*____________FRIENDS____________*/
#friends {background: transparent; display: none;}
#friends h2 {display: none;}

/*________________STATUS BUTTONS___________*/

#profile #bar { background: none; }
#profile #bar #onlineButton {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_Online.gif) no-repeat; position: absolute; left: 174px; _left: 151px; top: 645px; width: 105px; height: 25px; text-indent: -5000px;}
#profile #bar #offlineButton {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_Offline.gif) no-repeat; position: absolute; left: 174px; _left: 151px; top: 645px; width: 105px; height: 25px; text-indent: -5000px;}
#profile #bar #hiddenButton {display: none; background: transparent;}

#profile #bar #addButton a {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_Add.gif) no-repeat; position: absolute; left: 450px; top: -10px; width: 70px; height: 60px; text-indent: -5000px; }
#profile #bar #addButton a:hover {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_Add.gif) no-repeat; position: absolute; left: 450px; top: -10px; width: 70px; height: 60px; text-indent: -5000px;}

#profile #bar #msgButton a {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_PM.gif) no-repeat; position: absolute; top: -10px; left: 250px; _left: 225px; text-indent: -5000px; width: 70px; height: 60px;}
#profile #bar #msgButton a:hover {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_PM.gif) no-repeat; position: absolute; top: -10px; left: 250px; _left: 225px; text-indent: -5000px; width: 70px; height: 60px;}

#profile #bar #tradeButton a {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_Trade.gif) no-repeat; position: absolute; top: 0px; left: 650px; text-indent: -5000px; width: 70px; height: 60px;}
#profile #bar #tradeButton a:hover {background: transparent url(http://i179.photobucket.com/albums/w292/Seiorai_Layouts/Gaia_freebies/Blue_Glass_Trade.gif) no-repeat; position: absolute; top: 0px; left: 650px; text-indent: -5000px; width: 70px; height: 60px;}

#profile #bar #ignoreButton a {display: none;}
#profile #bar #ignoreButton a:hover {display: none;}

Miimic [a] Gaiaonline.com...
Uhh, look at what's in red. o:

[Tilde Abuse]

Miimic

truthfullies123

this is the code i was trying to use:
-long code

Miimic [a] Gaiaonline.com...
Uhh, look at what's in red. o:

It's a freebie though. She just needs to change profile systems.

[Profilist Pal]

Tilde Abuse

Miimic

truthfullies123

this is the code i was trying to use:
-long code

Miimic [a] Gaiaonline.com...
Uhh, look at what's in red. o:

It's a freebie though. She just needs to change profile systems.

Miimic [a] Gaiaonline.com...


It says not to alter, freebie or not.

[tabloid junkiee]

Miimic

Tilde Abuse

Miimic

truthfullies123

this is the code i was trying to use:
-long code

Miimic [a] Gaiaonline.com...
Uhh, look at what's in red. o:

It's a freebie though. She just needs to change profile systems.

Miimic [a] Gaiaonline.com...


It says not to alter, freebie or not.

She was never trying to alter it, just to get it to work.

I think everyone needs to stop being off-topic in Freaxy's guide. heart

[tabloid junkiee]

OH BBY

[Tilde Abuse]

Radiocarbon

OH BBY

My eyes are blinded~ by the sxy~ crying

[freaxy]

Radiocarbon

OH BBY

PD teamwork FTW!! heart rofl

I'll go and add that to this soon

[Tilde Abuse]

HIGH5S TIME. dramallama

Okay, now I get back to layout~ instead of spamming kind-of-but-not-really-because-it's-related-to-customs~

[freaxy]

A NEW GUIDE IS UP!!!! 3nodding

[Shuriken Jutsu]

Where that guide be?

[Mournos]

Great Regards to all the PD Regulars that came out with this breakthrough.
Although fr34x0r didnt want any question I do have to ask this one. Can we make the multiple scrollable custom sections scroll without showing the scrollbar?

I mean by usind the code:

#site {width: xx px; overflow-x:hidden;}

about ol {overflow: hidden; overflow-y: auto; padding-right: 5000px;}

[tabloid junkiee]

Ekus Krash

Great Regards to all the PD Regulars that came out with this breakthrough.
Although fr34x0r didnt want any question I do have to ask this one. Can we make the multiple scrollable custom sections scroll without showing the scrollbar?

I mean by usind the code:

#site {width: xx px; overflow-x:hidden;}

about ol {overflow: hidden; overflow-y: auto; padding-right: 5000px;}

Yup, I tried and that works just fine. But keep in mind that if (for some random reason) you want one with an invisible scrollbar and then want the one after it to have a regular scrollbar, just add padding-right:0px; to the next one.