Ning Network Tips - Archived Tips

Information

Ning Network Tips - Archived Tips

This Group contains archived Ning Tips. To add a new tip, please go here: Add Ning Tips & Tricks

To view new Ning Tips go here: Ning Tips & Tricks Forum.

Members: 462
Latest Activity: Jun 26, 2017

Ning Network Tips - Archived

Please add new Ning Tips & Tricks to Support & Tips Forum.

Start a Discussion Now.



Combo Search - Find Ning Tips in: "Ning Tips Archive" (current group), and within the new "Ning Tips & Tricks" Forum.
Enter any keyword(s), i.e. flash header, how to add background image, hover effect...Ning Help Search

Loading

Discussion Forum

Add Special Content to Header Area

Started by JenSocial. Last reply by Predestined by God Jan 14, 2015. 20 Replies

Floating Quick Navigation

Started by Fire-Tech. Last reply by Fire-Tech Feb 18, 2013. 14 Replies

Floating Images and Links, on All Pages

Started by JenSocial. Last reply by JenSocial Feb 17, 2013. 53 Replies

Add site logo to SignUp/SignIn

Started by The Mod Generation. Last reply by Steve G Jan 3, 2013. 9 Replies

a little problem solved

Started by Laurent PAIGNE-TELIAS Dec 14, 2012. 0 Replies

NING TIP: Add customize icons with share links in activity feed

Started by Tips by Alex/JenSocial. Last reply by Chloe Alison Prince Oct 28, 2012. 33 Replies

How to Add a Sign Up Button to Sign Up Box

Started by JenSocial. Last reply by JenSocial Oct 12, 2012. 56 Replies

Comment Wall

Comment

You need to be a member of Ning Network Tips - Archived Tips to add comments!

Comment by JenSocial on July 27, 2012 at 10:42pm

Ramon,

\uap>You have several things going on, and difficult to test this. I see the following code, and the backgrounds need to be removed. They are overtaking your efforts for body background. Remove the code in bold. Be sure to back up Advanced CSS, first.

\uap>

\uadiv class="cssRule cssEditableRule insertInto editGroup">\ua
\ua .xg_theme #xg {\ua
\ua
\ua
\ua
\ua     \ua backgroundurl("http://api.ning.com:80/files/ogvhx-bR2wulX1-eejTQpKtUj0tjDdXN3Z5iVQIItcFQw5USinF7vbt9*8luJeKT*JN3Ggax3ZjaAq2HtHxuEr9UytATXiQ0/BALONDOMINICANO.jpg?xn_version=201207200051") repeat-x scroll 0 0 #FFFFFF;\ua
\ua
\ua     backgroundurl("http://api.ning.com:80/files/ogvhx-bR2wulX1-eejTQpKtUj0tjDdXN3Z5iVQIItcFQw5USinF7vbt9*8luJeKT*JN3Ggax3ZjaAq2HtHxuEr9UytATXiQ0/BALONDOMINICANO.jpg?xn_version=201207200051") repeat-x scroll 0 0 #FFFFFF;\ua
\ua
\ua     \ua margin-top\ua \ua 1px\ua ;\ua
\ua
\ua     \ua padding-top\ua \ua 20px\ua ;\ua
\ua
\ua
\ua
\ua }\ua
\ua
\ua
\ua Then, following Fire-Tech's code, add this to your Advanced CSS:\ua
\ua
\ua body {\ua
background:#000000 url("http://api.ning.com/files/ogvhx-bR2wulX1-eejTQpKtUj0tjDdXN3Z5iVQIItcFQw5USinF7vbt9*8luJeKT*JN3Ggax3ZjaAq2HtHxuEr9UytATXiQ0/BALONDOMINICANO.jpg") repeat-x fixed!important;\ua
\ua
\ua }\ua
\ua
\ua
\ua This may not totally get it, but you'll be closer, and I can test this better.\ua
\ua
\ua Best Regards,\ua
\ua
\ua Jen\ua
\ua/div>
Comment by Fire-Tech on July 27, 2012 at 9:20pm

Your image URL is bad. If you are using the blog method:

\uaol> \ua
  • Start a new blog
  • \ua
  • Click on the file icon (not the photo Icon) and upload your image
  • \ua
  • Make your blog only visible to you
  • \ua
  • Publish the blog
  • \ua
  • Click on the file you uploaded within the blog (this will open the picture in a new tab in your browser)
  • \ua
  • Copy that URL from the new browser tab and put it in the code from before
  • \ua
  • Add the code to your Advanced CSS
  • \ua/ol> \uap>

    \uap>

    \uap>

    \uap>

    \uap>Hope that helps :)

    Comment by Ramon Batista on July 27, 2012 at 7:55pm

    Thank you for your support Fire-Tech.   I did it, but it's the same... I mean, the two soccer balls still are moving down or up :(  

    I have tried with

    body {
    background:#000000 url(http://futbolquisqueyano.com/balon dominicano.jpg) no-repeat fixed center top!important;}

    But still the same

    You can check it at http://www.futbolquisqueyano.com

    Thank you for your time

    Comment by Fire-Tech on July 27, 2012 at 1:37pm

    Ramon,

    1. Optimize the picture you want in Photoshop or here.
    2. Upload the image to your file manager (or a blog).
    3. Copy the image URL & replace the "Your Image URL" in the code below with the one from your image.
    4. Add the entire code to your advanced CSS.

    /* Background that stays still */
    body {background-size:100% 100%; background: url(Your Image URL)fixed center top;
    }

     

    Comment by Ramon Batista on July 27, 2012 at 11:35am

    Hi, Jen.... I will like to have a fixed picture in my web, like El Camino Lovers's Page has it ... I mean, when I scroll down the picture in the back stay fixed... How can I do it ?

    Comment by JenSocial on December 10, 2011 at 1:34am

    Barbara,

    This always confuses me. I don't think it's possible to control the order of Forum replies. However, you can control whether the replies are threaded or flat, and the order of discussions on the main Forum page. And here's what is really confusing: You can control the order of comments for everything else.

    Order of Comments

    Forum Control - what's available

    Best Regards,

    Jen

    Comment by Barbara Schneier on December 10, 2011 at 1:11am

    I have a big problem with the way the discussion forum lists comments. i really need to be able to list the latest comment first. Why they have it the other way around makes no sense. Is there anyway to make this happen? Any help would be appreciated.  Barbara

    Comment by erik bergen on November 6, 2011 at 10:40am
    For more e-mail address collection I use pop domination. This launches a nice popup (to what extent a pop-up can be beautiful) when you first open the page. http://www.popupdomination.com/new/
    Comment by Mind's Eye on September 4, 2011 at 6:32pm
    Hi Jen,  I just finished my background automation that allows 2 different backgrounds per day for different seven days on http://minds-eye.ning.com and I was wondering why the transitions on IE are clean and the transitions on firefox are choppy.  Actually its no big deal but I like how it happens on IE.  When you go to the page click refresh and you should see the image change. I'll give you the code so you can see...hugs Ralphy
    Comment by Fire-Tech on September 3, 2011 at 9:12am
    If you are looking for some motivational quote feeds, Here's a collection to get some ideas.
     
     
     

    Members

    © 2018   Created by JenSocial.   Powered by

    Badges  |  Report an Issue  |  Terms of Service

    \ua\ua\ua\ua\ua\ua\ua\ua\ua\ua\ua\ua\uaHome\ua/div> \uadiv>\ua\ua\ua\ua\ua\ua\uaVIP Ning Tips\ua/div> \uascript type="text/javascript" language="javascript">\udx$(document).ready(function() {\udif (x$("div.xg_widget_main_index_index").length > 0) { \udx$('div.jenhome').css('display','none'); \ud}\ud});\ud \ua!-- Scroll Up --> \ua!-- © Copyright 2012 JenSocial VIP Ning Tip, Do not remove Credits. --> \uascript type="text/javascript" language="javascript">\udif (typeof(x$) != 'undefined') {\udx$('.xj_user_info').prepend(x$('.module_members'));\udx$('.xg_widget_groups .module_text').prepend(x$('#xg.xg_widget_groups .module_page'));\udx$('.module_members').clone().appendTo(x$('#membermod'));\udx$('#forummod').prepend(x$('.module_forum'));\udx$('#photomod').prepend(x$('.module_photo'));\udx$('#sidebarmod').prepend(x$('.xj_sidebar_content'));\ud/* x$('#la').load('http://jensocial.com .module-feed'); */\ud/* x$('#la').load('http://jensocial.com/activity/index/getActivityItems'); */\ud}\ud \ua!-- Script Credit: http://gazpo.com/2012/02/scrolltop/ --> \uaa href="#" class="scrollup">Scroll \uastyle>\ud#google_translate_element {height:26px!important;margin-top:3px;}\ud.goog-te-gadget-simple {padding:0px!important;height:26px!important;}\ud.goog-te-gadget img {float: left;}\ud.goog-te-menu-value {margin-top:-5px!important;}\ud.scrollup {\ud background: url("http://api.ning.com:80/files/mJRnjZqTZmfsxQfyGPDSbx3Wy0-ETJGBjTsQQLBbYKU4vfategDE*OB2E0gz*SVBXdnKflIU5vtEvydu-Xzodh9YeU6NnTQX/scrollup2_icon.png") no-repeat scroll 0 0 transparent;\ud bottom: 28px;\ud display: inline !important;\ud height: 34px;\ud opacity: 0.3 !important;\ud position: fixed;\ud right: 0;\ud text-indent: -9999px;\ud width: 40px;\ud z-index: 999;\ud}\ud.scrollup:hover {\ud opacity:0.99!important;\ud}\ud/* Tighten up Top News/Everything */\ud#xg_network_activity .activity-feed-view-selector {font-size:16px;margin-top:5px;margin-bottom:0px;}\ud#xg_network_activity .activity-feed-view-selector:before {content: "» ";}\ud/* Fix Navigation Sub Tabs */\ud#xg_navigation div.xg_subtab ul li {margin-top:3px!important;border-bottom:1px solid #ffffff!important;}\ud#xg_navigation div.xg_subtab {width:auto!important;}\ud#xg_navigation ul div.xg_subtab ul li a {width:inherit!important;}\ud\ud \uascript type="text/javascript">\ud $(document).ready(function(){\ud $(window).scroll(function(){\ud if ($(this).scrollTop() > 100) {\ud $('.scrollup').fadeIn();\ud } else {\ud $('.scrollup').fadeOut();\ud }\ud });\ud $('.scrollup').click(function(){\ud $("html, body").animate({ scrollTop: 0 }, 600);\ud return false;\ud });\ud });\ud \ua!-- End Scroll Up --> \ua!-- VIP Menu Tab --> \uadiv id="viptop">\ua\ua\ua\ua\ua\ua\ua \ua/div> \ua!-- End VIP png, style in specstyles.css --> \ua!-- Styles --> \ualink rel="stylesheet" href="http://storage.ning.com/topology/rest/1.0/file/get/137628493?profile=original"> \ua!-- Call Styles for Rocket, Social Media Pngs, NingBar Nav, Tabbed Content, and more... --> \ualink rel="stylesheet" href="http://storage.ning.com/topology/rest/1.0/file/get/137628966?profile=original"> \ua!-- NingBar Links js call --> \uascript type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/137628421?profile=original"> \uascript type="text/javascript" language="javascript">\udif (typeof(x$) != 'undefined') {\udx$("li#xg_tab_xn139").prepend('\ua\ua\ua\ua\ua\uaBest Ning Tips');\ud}\ud \ua!-- Format Special Groups --> \uascript type="text/javascript">\udif (window.location.href.split('group/')[1] == 'ningnetworktips') {\udx$('div.pad5').css('display','none'); \udx$('div.xg_module_head').css('display','none');}\ud \ua!-- End Grps --> \uascript type="text/javascript">\udif (window.location.href.split('group/')[1] == 'ningnetworktips') {\ud x$('div.xg_module_foot ul li.left:contains("Add")').replaceWith("\ua\ua\ua\ua\ua\uaPlease add new Ning Tips & Tricks to Support & Tips Forum.");\ud}\udif (window.location.href.split('group/')[1] > 'ningnetworktips/forum') {\ud x$('ul.navigation li.right:contains("Add")').replaceWith("\ua\ua\ua\ua\ua\uaPlease add new Ning Tips & Tricks to Support & Tips Forum.");\ud}\udif ((window.location.href.split('forum2/')[1] == 'topic/new/') || (window.location.href.split('forum2/')[1] > 'topic/new/')) {\ud x$('form#add_topic_form fieldset.nolegend dl dt label:contains("Social Directory Listing Title:")').replaceWith("Social Directory Listing Title: (Limit 1 Listing per Member Account)");\ud}\udif (window.location.href.split('group/')[1] == 'premiumningtipsbyjen') {\udx$('.right.xg_lightborder.navbutton:contains("Join Premium")').before("\ua\ua\ua\ua\ua\ua");\udx$('.toggle_list').css('width','100%');\udx$('.toggle_head').css('background-color','transparent');\ud}\ud \ua!-- Rocket Display/Call --> \uaimg id="rocket" src="http://storage.ning.com/topology/rest/1.0/file/get/137628427?profile=original"> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud x$('#rocket').addClass('animated lightSpeedIn');\ud}\ud \uadiv id="social-feeds">\ua\ua\ua\ua\ua\ua\ua \ua/div> \ua!-- End Social Media pngs --> \ua!-- Special Ad Within Forums-Blogs --> \uadiv id="tmp_insideforumblog" style="display:none;"> \ua\ua\ua\ua\ua\ua\ua \ua\ua\ua\ua\ua\ua\ua . \ua/div> \uascript type="text/javascript">\udif (window.location.href.split('forum/')[1] > 'topics/') {\ud /* insert ad/content inside forums */\ud x$(".xg_widget_forum_topic_show div.discussion div.description").prepend('\ua\ua\ua\ua\ua\ua
    ');\ud x$(".xg_widget_forum2_topic_show div.discussion div.description").prepend('\ua\ua\ua\ua\ua\ua
    ');\ud x$(".xg_widget_profiles_blog_show .xg_blog .postbody").prepend('\ua\ua\ua\ua\ua\ua
    ');\ud var t_insideforumblogCode = document.getElementById('tmp_insideforumblog');\ud var insideforumblogCode = document.getElementById('insideforumblog');\ud insideforumblogCode.innerHTML = t_insideforumblogCode.innerHTML;\ud}\ud \ua!-- End Special Ad Forums-Blogs --> \ua!-- Copyright @ 2012 JenSocial, VIP Tip - Do not remove this line. Tip: Install FB, Twitter, SU, GP, and Pin buttons after share links --> \uadiv id="tmp_aftershare_social" style="display:none;">\ua\ua\ua\ua\ua\ua\ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
    \ua \ua \ua \ua \ua \ua \ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua
    \ua \ua \ua \ua \ua \ua \ua
    \ua\ua\ua\ua\ua\ua\ua
    \ua/div> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud /* insert 5 social media buttons below blogs, photos, and videos uses same code */\ud x$(".share-links").after('\ua\ua\ua\ua\ua\ua
    ');\ud var t_aftershare_socialCode = document.getElementById('tmp_aftershare_social');\ud var aftershare_socialCode = document.getElementById('aftershare_social');\ud aftershare_socialCode.innerHTML = t_aftershare_socialCode.innerHTML; \ud}\ud \ua!-- End Install 5 media after all share --> \ua!-- Add Categories and Discussion List Links, Forum --> \ua!-- Main Forum Page --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$('.xg_widget_forum div.xg_headline div.tb h1:contains("Forum Discussions")').append("\ua\ua\ua\ua\ua\uaList: >>Categories");\ud}\ud \ua!-- Category Page --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$('.xg_widget_forum div.xg_headline div.tb h1:contains("Discussion Forum")').append("\ua\ua\ua\ua\ua\uaCategories: >>Discussion List");\ud}\ud \ua!-- End Categories List Links --> \ua!-- Add Categories and Entries Links, Forum2 --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud x$('.xg_widget_forum2 div.xg_headline div.tb h1:contains("Discussion Social Directory Listings")').replaceWith("\ua\ua\ua\ua\ua\ua

    Social Directory Listings - Categories

    " + "\ua\ua\ua\ua\ua\ua

    >>Entries

    ");\udx$('div.xg_headline div.tb h1:contains("Support & Tips Social Directory Listings")').replaceWith("\ua\ua\ua\ua\ua\ua

    Social Directory Listings

    ");\ud}\ud \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud x$('.xg_widget_forum2_index_index div.xg_headline div.tb h1:contains("Social Directory Listings Social Directory Listings")').replaceWith("\ua\ua\ua\ua\ua\ua

    Social Directory Listings

    " + "\ua\ua\ua\ua\ua\ua

    >>Categories

    ");\ud}\ud \ua!-- End Cats and Entries Links --> \ua!-- Accordion --> \uascript type="text/javascript">\udx$(document).ready(function(){\ud//Set default open/close settings\udx$('.acc_container').hide(); //Hide/close all containers\udx$('.acc_trigger:first').addClass('active').next().show(); \ud\ud//On Click\udx$('.acc_trigger').click(function(){\ud\u9f( x$(this).next().is(':hidden') ) { \ud\u9x$('.acc_trigger').removeClass('active').next().slideUp(); \ud\u9x$(this).toggleClass('active').next().slideDown(); \ud\u9\ud\u9eturn false;\ud});\ud\ud});\ud \ua!-- End Accordion --> \ua!-- Add QuickPost Links to GOTO links in Status Box --> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$(".xg_widget_main_index div.xj_StatusAndShareLink div.xj_status form div.input div.form-hint").prepend('\ua\ua\ua\ua\ua\ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua Goto Your: \ua \ua \ua \ua \ua \ua Blog · \ua \ua \ua \ua \ua \ua Discussion · \ua \ua \ua \ua \ua \ua Events · \ua \ua \ua \ua \ua \ua Photos · \ua \ua \ua \ua \ua \ua Videos\ua\ua\ua\ua\ua\ua
    ');\ud}\udelse{\ud}\ud \ua!-- Google Analytics --> \uascript type="text/javascript">\ud var _gaq = _gaq || [];\ud _gaq.push(['_setAccount', 'UA-2481418-2']);\ud _gaq.push(['_trackPageview']);\ud\ud (function() {\ud var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\ud ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\ud var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\ud })();\ud \uascript src="http://static.getclicky.com/js" type="text/javascript"> \uascript type="text/javascript">clicky.init(213462); \uanoscript>\ua\ua\ua\ua\ua\ua\ua

    Clicky

    \ua/noscript> \ua!-- Claim Outbrain for Blogs --> \uainput type="hidden" name="OBKey" value="zKc+F5C7zcWMfMcACUTh1g=="> \uascript language="JavaScript">var OBCTm='1288731617374'; \uascript language="JavaScript" src="http://widgets.outbrain.com/claim.js"> \ua!--Outbrain Widget for Blogs --> \uadiv id="tmp_blog_outbrain" style="display:none;"> \ua\ua\ua\ua\ua\ua\ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua\ua\ua\ua\ua\ua\ua
    \ua/div> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud /* insert widget bottom of blogs */\ud x$(".xg_blog .postbody").after('\ua\ua\ua\ua\ua\ua
    ');\ud var tempblogCode = document.getElementById('tmp_blog_outbrain');\ud var origblogCode = document.getElementById('blog_outbrain');\ud origblogCode.innerHTML = tempblogCode.innerHTML; \ud}\ud \ua!-- END Outbrain Blogs --> \ua!-- Claim Outbrain Forums --> \uainput type="hidden" name="OBKey" value="BIxDaM2ll4yyQlbXtzGbSw=="> \uascript language="JavaScript">var OBCTm='1288667913412'; \uascript language="JavaScript" src="http://widgets.outbrain.com/claim.js"> \ua!--Outbrain for Forums --> \uadiv id="tmp_forum_outbrain" style="display:none;"> \ua\ua\ua\ua\ua\ua\ua
    \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua \ua\ua\ua\ua\ua\ua\ua
    \ua/div> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\ud /* insert widget bottom of forums */\ud x$(".xg_widget_forum_topic_show div.discussion").after('\ua\ua\ua\ua\ua\ua
    ');\ud var tempforumCode = document.getElementById('tmp_forum_outbrain');\ud var origforumCode = document.getElementById('forum_outbrain');\ud origforumCode.innerHTML = tempforumCode.innerHTML; \ud}\ud \ua!-- END Outbrain Forums --> \ua!-- Toggle Content --> \uascript type="text/javascript">\ud x$(".toggle_body").hide();\ud //toggle the content with class toggle_body\ud x$(".toggle_head").click(function()\ud {\ud // 200 is good for fast, and 600 for slow\ud x$(this).next(".toggle_body").slideToggle(200);\ud });\ud \ua!-- End Toggle --> \ua!-- Tabbed Content --> \uascript type="text/javascript">\ud\u9$(".jstab_content").hide(); //Hide all your content under each tab\ud\u9$("ul.jstabs li:first").addClass("active").show(); //Activate the first tab\ud\u9$(".jstab_content:first").show(); //Show the first tab content\ud\u9/On Click Event\ud\u9$("ul.jstabs li").click(function() {\ud\u9x$("ul.jstabs li").removeClass("active"); //Remove any "active" class\ud\u9x$(this).addClass("active"); //Add "active" class to selected tab\ud\u9x$(".jstab_content").hide(); //Hide all tab content\ud\u9var activeTab = x$(this).find("a").attr("href"); \ud\u9x$(activeTab).fadeIn(); //Fade in the active ID content\ud\u9return false;\ud\u9);\ud \ua!-- END Tabbed Content --> \ua!-- js File for Simple HTML Insert - JS Code Generator Developed by Elson --> \uascript type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/137628310?profile=original"> \uascript type="text/javascript">\udif (typeof(x$) != 'undefined') {\udx$(".xg_chat div#mainChatContainer.xg_verticalPane div.xg_chatWindow div.xg_chatBar").after('\ua\ua\ua\ua\ua\ua
    \ua \ua \ua \ua \ua \ua Welcome to JenSocial! \ua \ua \ua \ua \ua \ua Access VIP Club.\ua\ua\ua\ua\ua\ua
    ');\ud}\udelse{\ud}\ud \ua!-- Replace NingBar Search with Google Search --> \uascript type="text/javascript" src="http://storage.ning.com/topology/rest/1.0/file/get/137628280?profile=original"> \ua!-- Social Wrapper Icons After NavBar --> \uascript type="text/javascript" language="javascript">\udvar fb3_html = '\ua\ua\ua\ua\ua\ua\ua/div>\ua/div>\ua/div>\ua/div>\ua/div>\ua/div>