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

FedMedic replied to soaringeagle's discussion '3.0 feature request'
"+1"
1 hour ago
Kos replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"It's a glitch on Ning's end; plain and simple"
2 hours ago
John Bizley replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"Thanks Riccardo, it took a bit of moving the mouse about to find it but my mouse does change to the…"
2 hours ago
Riccardo Rossini replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"John, actually the button is only hidden, more or less you'll find it here your pointer will…"
2 hours ago
Kos replied to John Bizley's discussion 'File Manager NO DELETION option anymore ? Plus can you expand the file name size box.' in the group The Sandbox
"Even a photo preview would be wonderful so we're certain we're selecting the right…"
3 hours ago
Jordon McGee (Jords) replied to soaringeagle's discussion '3.0 feature request'
"+1"
4 hours ago

NC for Hire
JFarrow replied to JFarrow's discussion 'Become a Youtube Master with These 4 Tricks'
"apparently ning strips that.."
4 hours ago
Chris replied to soaringeagle's discussion '3.0 feature request'
"This is a standard feature of most forums, and very important! Hopefully it will be implemented."
5 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service