Current status of the Ning Platform is always available on the Ning Status Blog.

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 GEOCOMs CSS winter-holiday themes v3 */

/* 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.

<!-- Start Ning2  "falling Snow" V2 -->
<!-- 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.

  /* Start theme "winter wonderland" */
  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" */

  /* Start theme "winter wonderland 2" */
  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" */

  /* 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;
     color: white!important;}
  /* End "winter wonderland 3" */

  /* Start theme "family fun Snow" */
  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"*/

  /* Start theme "Frozen Waterfall" */
  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"*/

  /* Start theme "winter Woods" */
  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" */

  /* Start theme "Holidays in the Cascade Mountains" */
  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" */

  /* Start theme "Holidays in the Cascade Mountains 2" */
  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" */

  /* Start theme "winter on the farm" */
  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" */

  /* Start theme "Frozen in Time 2" */
  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" */

  /* Start theme "snow light tree" */
  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

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Great work George. As far as the live ones, I think I like the one on CRF 2.0 the best.

    Blessings.

    • Thank you Jim. :-) I like the one that's on CRF 3.0 the best. :-)

  • Very cool George.
  • Nice work George :-) I'm looking forward to using one of these, There all good hard to make my mind up which one :-)

    • Thank you Dave, I thought they were pretty neat. LOL :-)

  • 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. )

  • Hi George 

    love the themes , can you sort one out for our site N2 please :D

    • Hello Mary it's nice to see you again. :-)

      Of course I can help.  Just pick one of the background themed images and place it in your design studio CSS section. Then place this code in your NC custom code box.

      <!-- GEOCOMs CSS winter-holiday themes v3 -->
      <!-- 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/964750004?profile=original"/>

      Or you can just let me know which theme background you want to use and send me your login information in a message and I will insert the codes for you. Your login info has changed since last time I was there. :-)

    • Mary, have a look at your 2.0 network and let me know if you like the theme the way it is. :-) Hope you like it.

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rosas † Negras replied to Bizz's discussion
Ning: Why does it not show who added music or a tab for My Music ? Essential For Moderation
"here is the reason I chose to upload only I"
12 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Resize your Social Channels Video
"awesome... thanks Bizz!"
13 hours ago
Bizz posted a discussion
Either I am totaly missing something but l can't seem to see anywhere that says who added a playlis…
13 hours ago
Bizz replied to Bizz's discussion
Tip: Profile Themes And Code
"Oh not sure if you seen the Game Of Thrones theme but I will be adding a small series of these and…"
16 hours ago
Bizz replied to Bizz's discussion
Tip: Profile Themes And Code
"Thanks, yes this is the first version of this and will be adding more to it so members can also cha…"
16 hours ago
J.Ayvar replied to Bizz's discussion
Tip: Profile Themes And Code
" Wow, I was pending this update and finally see it. Everything that can be done creatively in Ning…"
18 hours ago
Rosas † Negras replied to Bizz's discussion
Tip: Resize your Social Channels Video
"thank you very much my Master"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
Paying for a replay on a video or photo? Ning 3.0?????
"I waited two days ... and today the answer I have to pay ... I told him that I would have a discuss…"
yesterday
Bizz posted a discussion
If you use the css section quite a bit like I do you may find the box a little limited in it's heig…
yesterday
Bizz posted a discussion
Ning have changed the layout for the social channels and so we have a small video in the middle of…
yesterday
Bizz replied to Bizz's discussion
Tip: How I added Music To A Page
"Thanks Charles, no unfortunatly not it just a way to get the music page onto a page
 "
yesterday
Bizz replied to Rosas † Negras's discussion
Paying for a replay on a video or photo? Ning 3.0?????
"The agent has got this wrong as that is what you pay for. Have you got it set that the option to re…"
yesterday
More…

Meanwhile, you can check our social media channels