Welcome to Gaia! :: freaxy's guide to CUSTOM SECTIONS | Forum

Register FaceBook Login Login

 

 
GST

Welcome to Gaia's forums, where millions of members gather to discuss random stuff, make new friends,
complain about life, argue about nothing, laugh at dumb pictures, discuss serious issues and/or curse like sailors.

Lurking is creepy. Quit skulking in the shadows and join the conversation!

Register to reply

Advertisement

Was this helpful?

Yes! 0.42088607594937 42.1% [ 266 ]
o.O what?! 0.27373417721519 27.4% [ 173 ]
ooh, poll! 0.30537974683544 30.5% [ 193 ]
Total Votes: 632
Tags: fr34x0r  freaxy  guide  custom  sections 
Share:  
forum:170, topic:41111089
1 2 3 4 5 6 ... 43 44 45 > >>


Alright, so just recently I've realized I've been getting a decent sized number of messages regarding custom sections; either they aren't working the way they want, or whatever someone told them wasn't 100% correct.
So...I've decided that I'd start off by quoting something I replied to one of my recent PMs regarding how to work custom sections. I'm not familiar with V2, so this is strictly oldschool.



DO NOT PM ME ON CUSTOM SECTION HELP
if you need help, post it here and it'll get answered




IMPORTANT!!!
key points for the main about coding: no 'position:absolute;', must use margins(margin-left, margin-top) and not regular positioning(left, top).

key points for the custom section: about section should have '[*list=1]custom section content[/list*]', coding must have 'position:absolute;', and use regular positioning(left, top), then if there's more than 1 custom section any before the last one must not have scroll settings.


example:

about-
[list=1]this is my custom section[/list]

theme-
#about {margin-left:??px; margin-top:??px; height:??px; width:??px; overflow:hidden; overflow-y:auto;}

#about ol {position:absolute; left:??px; top:??px; height:??px; width:??px; overflow:hidden; overflow-y:auto;}


Alright now, for the vast majority of you, this is enough to either satisfy you, confuse the crap out of you(maybe have a little explosion in that little brain), or get you going in the right direction. I hope that helps answer many questions.




ALSO!!! and I can't stress this enough...I do NOT want this thread turning into a general help thread, so do not come in asking how to put freakin media/music/playlist/pictures/etc on your profile, or anything you can find in the general FAQs. This strictly has to do with coding custom sections.



Thank you, and happy coding.

fr34xy
 
     
 


disclaimer: not for the weak of mind. whee
...also, I'm not the greatest teacher in the world, but I'll tell you straight out how to get the job done the best I know (which seems to be pretty successful).


Alright, for starters, I'll be going over all the possible components for custom sections.
If you didn't already know, the most commonly used is the ordered list(ol - list=1).
We can also use the unordered list(ul - list)


Note: News has it the maximum amount of custom sections you can have is 195.
I, personally, doubt I'd ever use that many, but in some of these rare profile contests, it's good to know?lol


now for some guides:



The tricky part about having multiple custom sections is that we can't classify each list through bbcode, but what we can do is place lists inside of lists(this can give you headaches after a while).
To simplify this, I'll post an example and describe how it works afterwards.


about-
main about me section
[list=1]first custom section
[list=1]second custom section
[list=1]third custom section
[/list][/list][/list]

theme-
#about {margin-left:??px; margin-top:??px; height:??px; width:??px; overflow:hidden; overflow-y:auto;}

#about ol {position:absolute; left:??px; top:??px; height:??px; width:??px;}

#about ol ol {left:??px; top:??px; height:??px; width:??px;}

#about ol ol ol {left:??px; top:??px; height:??px; width:??px;}
note: the last custom section, can also have overflow(scrollbars).

One of the first things you'll notice while positioning is that the additional sections can only be positioned as relative to their previous section. So, if you were to reposition a section, any sections after that would also move with it.






Today, Aug. 21st '08, a small group of PD regulars had a breakthrough in custom sections. So, for starters I'd like to credit those who made it happen.
Special thanks to: Radiocarbon, Kayley FC, darkmane, and fr34x0r.

This guide has been made very simple for easy customization, so I hope no one has to ask any questions on this one. Like previously, I'll post the code first and explain any details anyone might need.
working example


about-
main about section
[list=1][list]
[*]scrollable section 1
[*]scrollable section 2
[*]scrollable section 3
[*]scrollable section 4
[*]scrollable section 5
[*]scrollable section 6
[/list][/list]

theme-
#about {margin-left:??px; margin-top:??px; height:??px; width:??px; overflow:hidden; overflow-y:auto;}

#about ol ul li {position:absolute; top:??px; left:??px; width:??px;height:??px; overflow:auto;}
#about ol ul li+li {position:absolute; top:??px; left:??px; width:??px; height:??px; overflow:auto;}
#about ol ul li+li+li {position:absolute; top:??px; left:??px; width:??px;height:??px; overflow:auto;}
#about ol ul li+li+li+li {position:absolute; top:??px; left:??px; width:??px;height:??px; overflow:auto;}
#about ol ul li+li+li+li+li {position:absolute; top:??px; left:??px; width:??px; height:??px; overflow:auto;}
#about ol ul li+li+li+li+li+li {position:absolute; top:??px; left:??px; width:??px; height:??px; overflow:auto;}

Now for a few notes: being that the main about section consists of margins, that can also be scrollable so no worries there. Like any other custom section, each li relies on the previous attributes, so you will have to be very specific on every attribute you wish to use. What you will also notice, and I find this very nice, is you don't have to position these sections relative to the previous section.
Only problem exists in IE6, as 'li+li' is not supported. But, to be honest, I think IE6 should be shot dead, and anyone still using it by choice is on some serious crack.

All-in-all, I'm very satisfied with the outcome of this custom sections breakthrough, cause this can also work as plain multiple sections, and we don't have to worry about all the positioning complications many experience with the original manner of doing these sections.
Well, happy coding to all, and I hope you enjoyed this one as much as I did.
__________________________


Well, that is all for now. I will be getting to more as time goes by, so stay tuned, figuratively speaking.
     


[url=http://tinyurl.com/4j6xgc][IMG]http://tinyurl.com/cu6qox[/IMG][/url]



Useful links and Affiliates:
Section for affiliates and guides worthy of the PD




http://tinyurl.com/6pcw8n



 
     
 
Aren't there already many guides that cover this topic?
     

d e f i b u l a t o r
Eddefred thought my boobs were pillows. I told him they were marshmallows.
Then he licked them. redface

Currently Playing: Brutal Legend for Ps3
If anyone wants to play some online multiplayer, drop me a line sometime.
Yet another one doesn't hurt now does it? >>;

Anyway, this is exactly what I was looking for, needed some clarification on some stuff. Its cleared up now. Thank you! =]
 
     
. rave on .
http://i39.tinypic.com/dfkts.jpg
" Left alone with you I come apart.
Here alone with you, you hold my heart "

>> .obsessed with trance. <<
. listen to my profile song .
 
Ooh, very nice! Thank you fr34x0r, this thread looks promising. Drop-down menus, eh? Sounds good; I can't wait to see more. heart
     
you're very welcome!

it may take some time, as the advanced coding isn't easy(at all), to get more up...I may do one type at a time when I find the chance to.

@ eddefred: I'm sure there's individual threads where people have asked how to make them, and maybe a thread or two that's probably lost on how to make them, but if I remember any of them they're really brief and not very specific. oh well though, not like this'll harm anything...if anything, it'll teach people some more coding to come up with more profile ideas. -caughradiocaugh-
 
     
 
Eddefred
Aren't there already many guides that cover this topic?
» The ones I know dont explain half what was said here.

You could also make a thread just for advanced codes ! *ish hungry to learn about them*

g a a r a i t s u k e
     
Since your so good at this help me!!! >__< I've put the code in my theme and about thing but nothing is appearing in my profile...

~Deadly Sakuya
 
     
 
Deadly Sakuya
Since your so good at this help me!!! >__< I've put the code in my theme and about thing but nothing is appearing in my profile...

~Deadly Sakuya
»
I took a look at you code. You cant use
#about {position: absolute;}

Perhaps thats the problem.


g a a r a i t s u k e
     
Then what should i use? D:
 
     
 
Deadly Sakuya
Since your so good at this help me!!! >__< I've put the code in my theme and about thing but nothing is appearing in my profile...

~Deadly Sakuya

remove position absolute from your about section then change the positioning to margins like specified. you will probably have to reposition a little.

also, make sure in your about section to include the list coding

Quote:
Then what should i use? D:
no position: code
     
» It says in the first post!

Just delete position:absolute and position your section using margin-left & margin-top.


g a a r a i t s u k e
 
     


OMG! IT'S CLICKABLE!
 
Ekus Krash
» It says in the first post!

Just delete position:absolute and position your section using margin-left & margin-top.


g a a r a i t s u k e


Sorry.....

Thanks, Its worked. biggrin *hugz*
     
1 2 3 4 5 6 ... 43 44 45 > >>

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

We will be phasing out support for your browser soon.

Please upgrade to one of these more modern browsers.