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

Was this helpful?

Yes!	40.2%	[ 406 ]
o.O what?!	25.7%	[ 260 ]
ooh, poll!	34.1%	[ 345 ]
Total Votes:			[ 1011 ]

[freaxy]

heart

[Shuriken Jutsu]

[freaxy]

neutral wtf's this doing on the 5th page...

[miilla oats]

Thank you so much for posting this. It somewhat cleared up my issue,~

However I still can't seem to make more than one extra section. My second one is refusing to show up.

I have known about the ' # about ol' and '#about ul' thing for a while yet whenever I add them they won't show up/work. If you could take a look at my coding that would be fantastic.

Perhaps I am making this more difficult for my self then it has to be.

Oh and I have a few questions,

*I am better off with HTML, maybe that is why I'm stuck.



Sorry if this is confusing. I'm am rather frustrated at the moment at my inability to grasp this simple concept. And i'm typing as I am thinking.

-Thanks

[freaxy]

cap_gun_girl

Thank you so much for posting this. It somewhat cleared up my issue,~

However I still can't seem to make more than one extra section. My second one is refusing to show up.

I have known about the ' # about ol' and '#about ul' thing for a while yet whenever I add them they won't show up/work. If you could take a look at my coding that would be fantastic.

Perhaps I am making this more difficult for my self then it has to be.

Oh and I have a few questions,

*I am better off with HTML, maybe that is why I'm stuck.



Sorry if this is confusing. I'm am rather frustrated at the moment at my inability to grasp this simple concept. And i'm typing as I am thinking.

-Thanks

remove any overflow attributes in your custom sections...only the last one can have overflow attributes.

[Shuriken Jutsu]

fr34x0r

neutral wtf's this doing on the 5th page...

lolwut? ninja

[miilla oats]

fr34x0r

cap_gun_girl

Thank you so much for posting this. It somewhat cleared up my issue,~

However I still can't seem to make more than one extra section. My second one is refusing to show up.

I have known about the ' # about ol' and '#about ul' thing for a while yet whenever I add them they won't show up/work. If you could take a look at my coding that would be fantastic.

Perhaps I am making this more difficult for my self then it has to be.

Oh and I have a few questions,

*I am better off with HTML, maybe that is why I'm stuck.



Sorry if this is confusing. I'm am rather frustrated at the moment at my inability to grasp this simple concept. And i'm typing as I am thinking.

-Thanks

remove any overflow attributes in your custom sections...only the last one can have overflow attributes.

oh, Thanks, I asssumed that but putting 'hidden' behind the scrolling attributes that would work.

Thanks!

[miilla oats]

-_- *fail* I need to ask one more question about the 'ol' sections. I made a fifth section that I wanted for writing something but now that is refusing to work.

-About-

[list=1]OMG I finaly finished this . . . The people in the background are Lily Cole, Gaspard Ulliel and Jessica Stam. The two links that lead out are to the websites of my two favourite artists; the redhead is to Ray Caesar and the blonde one is to Mark Ryden. I will post things here of more importance in the future.[/list]

-Theme-

#about ol ol ol ol ol{background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: 100px; left: 2px; width:298px; height:314px;font-family:tahoma; font-size:10px; font-weight:bold; color: #000;overflow:auto; overflow-x: hidden;}

I can't really see what is wrong with this but it is refusing to show my typing. (This is my last section so that is why it has the scroll bar attributes.)

[llRaWrSll]

hey can u help me out to? i really need the help and i was trying to do this for so long now, cant seem to figure it out. rolleyes

[llRaWrSll]

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;}

[freaxy]

other than the fact that you're on a v2 profile, what's the problem?

[Shuriken Jutsu]

That is the problem. I'm guessing she's using the Old School code on her V2. I'll leave it to you to explain to her how to change her profile type; it is your shop.

[8Dvs8O]

Quote:

multiple scrolling custom sections(limited, but I'm trying to think of a way to have unlimited scrollable sections)

Multiple scrolling custom sections are possible using [list]s and [quote]s together. Just a bit time-consuming depending on how many you want to have.
Classic Profiles: Multiple Scrolling Custom Sections(Removed)

[freaxy]

8Dvs8O

Quote:

multiple scrolling custom sections(limited, but I'm trying to think of a way to have unlimited scrollable sections)

Multiple scrolling custom sections are possible using [list]s and [quote]s together. Just a bit time-consuming depending on how many you want to have.
Classic Profiles: Multiple Scrolling Custom Sections

that looks kinda messy, no offense. I was trying to figure something a bit more simple...and quotes isn't exactly something I'd use, but that's just me.

@ Shuriken: lol...I just ignore stupid questions. in this case, I pointed out the obvious. I find that helping more than enough, being this is a custom sections thread and not a general help thread. wink

[Profilist Pal]

fr34x0r

neutral wtf's this doing on the 5th page...

Miimic [a] Gaiaonline.com...


I don't know, this is first page material. >:[