Some very cool Gradient /skins/backgrounds for activity feed or layout background for your network

#example5 {
background-image: -moz-radial-gradient(red,green,blue,purple,orange);
background-image: -webkit-gradient(radial, center center, 0, center center, 220, color-stop(0.20, red), color-stop(0.40, green), color-stop(0.6,blue), color-stop(0.8,purple), color-stop(1,orange)); /* old */
background-image: -webkit-radial-gradient(red, green, blue, purple, orange); /* new syntax */
background-image: radial-gradient(red, green, blue, purple, orange);
}

#example6 {
background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
}

#example4 {
background-image: -moz-radial-gradient(orange, red);
background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(orange), to(red)); /* old */
background-image: -webkit-radial-gradient(orange, red); /* new syntax */
background-image: radial-gradient(orange, red);
}

#example3{
/* fallback */
background-color:#063053;
/* chrome 2+, safari 4+; multiple color stops */
background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0.32, #063053), color-stop(0.66, #395873), color-stop(0.83, #5c7c99));
/* chrome 10+, safari 5.1+ */
background-image:-webkit-linear-gradient(45deg, #063053, #395873, #5c7c99);
/* firefox; multiple color stops */
background-image:-moz-linear-gradient(45deg, #063053, #395873, #5c7c99);
/* ie10 */
background-image: -ms-linear-gradient(45deg, #063053 0%, #395873 100%);
/* opera 11.1 */
background-image: -o-linear-gradient(45deg, #063053, #395873);
/* The "standard" */
background-image: linear-gradient(45deg, #063053, #395873);
}

just add in advance css section..(remove the word example before installing)

cheers

im using example #4 if you want to see example..yubasutterconnect.com

Tags: Skin.background, css3, layout

Views: 268

Reply to This

Replies to This Discussion

Some pretty Groovy Colours Solo  Nice work :-)

thanks

RSS

Latest Activity

soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
"actualy when using 5 rows its still there so what is going on? ok new thoery its loading as many as…"
2 hours ago
soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
"very minor bug but when u have  the profile icons rounded in the member box set to small and 2…"
2 hours ago
Margie replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"That's really good to hear about groups.  That's our site's main…"
3 hours ago
soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
"sweet awesom e job tho im using text badges and have a feeling that wont look so sweet im gonna go…"
3 hours ago
Margie replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"AGREE 100% on groups.  We are not interested in blogs.  Our groups are the main…"
3 hours ago
Thiago Santos de Moraes replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"The green background is not good to read."
4 hours ago
Strumelia replied to Shannon's discussion 'VOTE - NING 2.0 or NING 3.0'
"Huh??  Can you elaborate on this please?  or point us to where this is stated or shown?"
5 hours ago
Cindy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"I coppied all the stuff you posted and I'll check a bit later when the head feels clearer. I…"
9 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service