Skemaholics Anonymous

Layouts 4 Ning and more!

Here is a handy trick to make a gradient without using an image.



To make the background of an area a gradient add this code:

.example {
color: #00AAFF;
background:-moz-linear-gradient(center top , #ffffff, #000000) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000');
}

background:-moz-linear-gradient(center top , #ffffff, #000000) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000');

You will need to add the start and end colors to three different places to work in Firefox and IE.


_
Forget MTV, I want my Skem9!

Views: 139

Reply to This

Replies to This Discussion

Creations by Connie said:
UM.... look a little difficult but I want to try it thanks for sharing!!!!! Your mommie taught you well!!! Share Share Share:~}


It is more simple then it looks. Just need to change the color codes to the ones you want.
I am moving all these from the fancy forums to here.
With the new text editor I am now able to share HTML without it vanishing.
Plus maybe more convenient for members to interact here.
I Love this...Thanks again!
You're welcome!

I love this one to! Thank you! :)

You're welcome! My only advice is to not use it as a background. IE can not handle it for some reason.

Thanks for the heads up. :) I don't use IE, can't stand it lol :P I use Google Chrome.

I like Chrome too. :)

I used to love using Mozilla Firefox but now I'm hooked on Google Chrome LOL :P

Reply to Discussion

RSS

Search


Translate!


Forum

Shiny Happy Random Thread 1601 Replies

Started by AnGella in Meeting Place. Last reply by Jon Blanco Oct 24.

Untitled

Started by Zohra in Meeting Place Sep 26.

RIP Skemanon 2009 - 2021 27 Replies

Started by AnGella in Announcements!. Last reply by AnGella Jun 3, 2023.

Apologies for Delayed Moderation 9 Replies

Started by AnGella in Announcements!. Last reply by ღCustom Creationsღ Test Page Apr 21, 2021.

Skemanon 2020? 36 Replies

Started by AnGella in Announcements!. Last reply by AnGella Aug 10, 2020.


Generators!

Click the buttons below to make your own layouts!

SiteModel


Ning Generator


Skinny Ning


Biker Or Not


Test Your Ning Code Here!


Create!



Contribute to SA


Find this site helpful? Please consider a donation!



Random Ning Networks

© 2024   Created by AnGella.   Powered by

Badges  |  Report an Issue  |  Terms of Service