New installation directions for Ning2 Users.
Happy holidays everyone :-) If anyone needs help setting up or customizing this code, just let me know I'll be more than happy to help.
Main code. There are 11 different backgrounds to choose from underneath the main code. Just replace the top code in this main code with any of the 11 theme background codes below.
Ning3 The code goes in your "design studio CSS section" for your whole network.
Ning2 The code goes in your "design studio CSS section" for your whole network or individual profile pages. Important Ning2 Users need to remove the fallings snow CSS from the bottom of the main code and use the falling snow Stylesheet Version instead, It's right below the main code. Doing it this way prevents the snow from showing in your dashboard. ( If you're using the code for an individual profile. There's no need to switch the falling snow code. )
/* Start theme change*/
/* background img code */
/* replace this code for a new theme background img */
/* Start theme "winter wonderland 3" */
body {
background-image: url( https://storage.ning.com/topology/rest/1.0/file/get/558238?profile=original)!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
}
/* End "winter wonderland 3" */
/* End theme change*/
/* Start import Lobster cursive Font */
/* Do not edit this code */
@font-face {
font-family: 'Lobster';
font-style: normal;
font-weight: 400;
src: local('Lobster'),
local('Lobster-Regular'),
url( http://fonts.gstatic.com/s/lobster/v11/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff'); }
/* End import Lobster Font */
/* Start Happy Holidays text upper left corner CSS */
/* in this section you can change the "Happy Holidays" text */
/* raise or lower the text by changing the "top:50px" */
/* and change the text color and size */
BODY:after{
font-family: 'Lobster', cursive!important;
position: absolute!important;
z-index:9!important;
left:0px!important;
margin-left:10px!important;
height: 20px!important;
top:50px!important;
content: "Happy Holidays"!important;
font-size:24px!important;
color:white!important;}
@media screen and (max-width:960px) {
BODY:after{
display:none!important;} }
/* End Happy Holidays text */
/* start module colors and occupancy CSS */
/* RGBA color generator at */
/* http://www.css3maker.com/css-3-rgba.html */
body DIV.banner-frame.profileCoverArea-frame.cf,
body DIV.grid-frame.sheet,
#xg_body {
border: 1px solid rgba(0, 0, 000, 0.3) !important;
border-radius: 11px 3px !important;
box-shadow: 0px 10px 3px 6px rgba(0, 0, 000, 0.9) !important;
background-color: rgba(0, 0, 000, 0.4) !important;
background-image: url(none)!important;}
.xg_module_body,
DIV.xg_module,
SECTION.site-bodyFrame {
background-color: rgba(0, 0, 000, 0.0) !important;
background: rgba(0, 0, 000, 0.0) !important;
background-image: url(none)!important;}
/* End module colors and occupancy */
/* Start GEOCOMs Css Background overlay "falling Snow" V2 */
/* Ning2 Users need to remove this code*/
BODY:before{
content: ""!important;
position: fixed!important;
left:0px!important;
top:0px!important;
width: 100%!important;
height: 101%!important;
background: url( https://storage.ning.com/topology/rest/1.0/file/get/14580443?profile=original);
background-size: 600px 600px!important;
background-repeat:repeat!important;
z-index:-1!important;}
/* End falling Snow CSS */
/* End winter-holiday themes */
Important
Ning2 Users need to remove the fallings snow CSS from the code above and use this falling snow instead. Doing it this way prevents the snow from showing in your dashboard.
<!-- The code goes in your "NC custom code box" -->
<link rel="stylesheet" type="text/css" href="https://storage.ning.com/topology/rest/1.0/file/get/963872804?profile=original"/>
background theme codes Here are the 11 background theme codes. Choose the one you prefer and add it to the main code above.
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558133?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "winter wonderland" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558198?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "winter wonderland 2" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558238?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "winter wonderland 3" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558264?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "family fun Snow theme"*/
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558271?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "Frozen Waterfall"*/
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558278?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "winter Woods" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558300?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center;
color: white!important;}
/* End "Holidays in the Cascade Mountains" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558306?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center bottom;
color: white!important;}
/* End "Holidays in the Cascade Mountains 2" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558311?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center top;
color: white!important;}
/* End "winter on the farm" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558348?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center bottom;
color: white!important;}
/* End "Frozen in Time 2" */
body {
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/558386?profile=original")!important;
background-attachment: fixed!important;
background-size: cover!important;
background-position: center right;
color: white!important;}
/* End "snow light tree" */
below
Replies
/*--------------
Header & Navigation (#xg_head and descendants)
----------------*/
To cancel this in the personal page as you can George H. Compton IV
3.0
Hi there!
I'm sorry what are you asking to be deleted, and what exactly you wish to remove on teh profile page?
Looking forward to hearing from you.
Best regards,
Ning Team.