All About Panels!

Did I help you? o:

Nope	4.8%	[ 1 ]
Yes	52.4%	[ 11 ]
I like Turtles c:	42.9%	[ 9 ]
Total Votes:			[ 21 ]

[wtfxisxjuice]

I am just going to list some things I've learned about panels.
I've learned quite a bit about them lately,
and thought I could help with questions other people have. c:
If you have any questions, feel free to ask them and I will try
my best to answer them. Or find an answer for you.
yum_puddi

TRANSPARENT/FADING PANELS

If you want your panels to look faded,
or transparent you just use something like this:

.panel {
opacity: 0.9;
}

But if you want something that will become more
colored; solid when you hover over it with your cursor,
you would want to use something like this:

.panel {
opacity: 0.9;
}

.panel:hover {
opacity: 0.9;
}

Note: Opacity values can only be between 0 and 1.

SCROLL BAR FOR YOUR PANEL/PANELS

Now, these are tricky but I will show you what I know. 3nodding
Something that has always bugged me is that you need a different code for every panel.
(or at least what I have been told..)

If you want a scroll bar for your recent visitors panel, you would use
this code:

#id_footprints{overflow:scroll; overflow-x:hidden; overflow-y:auto; height:55px;}
.panel{
border-radius: 10px;}

Code for the "About Me" panel:

#id_about {height: 120px;
overflow: auto;}

You can change the height to whatever you'd like, 120 is just an option. (I use 55px for my recent visitors panel.)
I don't know anymore of these panel codes, but if I find more I will add them.

PANEL HEADER TEXT OPTIONS...

Did I say that right? Well, I'm talking about the title of the panel. "About Me, Media, Recent Visitors.. etc."

-Changing the color of the text..
You would use this code:

.panel h2 { color: #000000; }

The "#000000" is the color, if you need color ideas or anything you can get some great options right here.
It is a ♥ fantabulous ♥ forum, and I use it all the time. 3nodding

-Changing the font and size of the text:

.panel h2 {
font-size: 12px;
font-family: Comic Sans;
color: #FFFFFF;
}

-Making the panel header transparent or just taking it away:

Transparent:

.panel h2 {
background-color: transparent;
}

Remove it:

.panel h2 {
display: none;
}

(I'd just like to add that I have no idea if the h2 is for a specific type of profile or not,
if it doesn't work for you, you could always just remove the h2..)

MEDIA PANEL AUTO PLAY:

I'm still learning about playlists, but if it's just a youtube video on your Media panel I can help you out! emotion_yatta
All you have to do, is add "&autoplay=1" to the end of your youtube link!
Example:http://www.youtube.com/watch?v=qi7Yh16dA0w&autoplay=1

PANEL BACKGROUND

If you'd like to add a custom panel background, here you go:

.panel { background-image: url('Image URL') }

If you just want a color:

.panel { background-color: #000000; }

Again, for more colors other than '#000000' I recommend using this forum: [x]

ROUNDED PANEL EDGES:

.panel{
border-radius: 10px;}

[wtfxisxjuice]

I don't mind if you quote me.
Just make sure you use

[Spoiler][/Spoiler]

or just quote my name. emotion_yatta

[wtfxisxjuice]

♥ Bump ♥

[lori_tsubaki_azusa]

nice post ^^

[wtfxisxjuice]

SYAHID_FISABILILLAH

nice post ^^

Thanks c: