radiocarbonn
(?)Community Member
- Posted: Sun, 26 Jul 2009 01:34:35 +0000
A Vague Explanation of Hover Sections
THIS CAN BE USED ON BOTH OLD SCHOOL AND V2. IT WORKS THE SAME, JUST WITH DIFFERENT SELECTORS.
Hey there, cutes. ;] So I heard you were interested in learning how to work with "hover sections," as I guess they're widely referred to as here in the PD. You may be wondering what the heck I'm talking about. Well, hover sections are these fancy little things, where you have a button or something along those lines, and when you hover your little mouse over it, it changes into a full section of your profile! Here is a beautiful, Pixar-themed example. Holy poop! It's amazing, I know. I am quite amazed myself. And here's one of my older profiles that show's an example of click sections, and uses the V2 system.
A lot of people have shown interest in learning how to do this, and a lot of you have already figured it out on your own! But, I decided to make a little guide...ish type thing explaining how to make them...or at least how I do.
Before you get all into this, you should know that THESE ARE NOT ALWAYS FULLY COMPATIBLE IN INTERNET EXPLORER. And definitely make sure you read the whole thing before you actually start making your profile. C:
So okay, to start off, we're going to make sure you know the basics.
DO YOU know how to code a profile? I would hope so, if you're looking into learning this! If you don't, take a little step back and check out one of these wonderful guides:
DO YOU know how to make custom sections? (If you plan on working in old school and using custom sections) It's quite easy if you're working in the V2/Current profile system, but if you plan on working in Old School, you best know how to make some custom sections if you're gonna want to use them in your hover-tastic profile. I recommend you get your butt over to freaxy's guide right here, and learn how to make MULTIPLE SCROLLING SECTIONS, as they are the best to use when working with hovers.
And last but not least, DO YOU understand how to write and format CSS for the Gaia profile system? This guide requires an understanding of what you're doing. I will NOT be putting any code examples here for you to copy and paste because when you put something to copy and paste, people aren't going to read what I write about it and just try to use it, then complain when it doesn't magically work. It's also because I'm a jerk.
If you're confident with those three things, then head on down to post two and prepare to read one of the least-planned out guides ever! It's really just a very long explanation broken up into multiple posts.
THIS CAN BE USED ON BOTH OLD SCHOOL AND V2. IT WORKS THE SAME, JUST WITH DIFFERENT SELECTORS.
Hey there, cutes. ;] So I heard you were interested in learning how to work with "hover sections," as I guess they're widely referred to as here in the PD. You may be wondering what the heck I'm talking about. Well, hover sections are these fancy little things, where you have a button or something along those lines, and when you hover your little mouse over it, it changes into a full section of your profile! Here is a beautiful, Pixar-themed example. Holy poop! It's amazing, I know. I am quite amazed myself. And here's one of my older profiles that show's an example of click sections, and uses the V2 system.
A lot of people have shown interest in learning how to do this, and a lot of you have already figured it out on your own! But, I decided to make a little guide...ish type thing explaining how to make them...or at least how I do.
Before you get all into this, you should know that THESE ARE NOT ALWAYS FULLY COMPATIBLE IN INTERNET EXPLORER. And definitely make sure you read the whole thing before you actually start making your profile. C:
So okay, to start off, we're going to make sure you know the basics.
DO YOU know how to code a profile? I would hope so, if you're looking into learning this! If you don't, take a little step back and check out one of these wonderful guides:
DO YOU know how to make custom sections? (If you plan on working in old school and using custom sections) It's quite easy if you're working in the V2/Current profile system, but if you plan on working in Old School, you best know how to make some custom sections if you're gonna want to use them in your hover-tastic profile. I recommend you get your butt over to freaxy's guide right here, and learn how to make MULTIPLE SCROLLING SECTIONS, as they are the best to use when working with hovers.
And last but not least, DO YOU understand how to write and format CSS for the Gaia profile system? This guide requires an understanding of what you're doing. I will NOT be putting any code examples here for you to copy and paste because when you put something to copy and paste, people aren't going to read what I write about it and just try to use it, then complain when it doesn't magically work. It's also because I'm a jerk.
If you're confident with those three things, then head on down to post two and prepare to read one of the least-planned out guides ever! It's really just a very long explanation broken up into multiple posts.