Edit your Text Box, and add a DIV tag around your box content.


Example Code:

<div style="background-color:#CC0000;">your content goes here.</div>
This is the same red, as on my badge. If you need hexadecimal color values, you can find them here: Color Code Table

~ Thanks to Theme Worx, We also have a color chart pop-up, in right column of all pages.

If you want to change the font-color, just add the color:#hexcode; parameter to your style. For
white font on red background
<div style="padding:5px; background-color:#CC0000; color:#FFFFFF;">your content goes here.</div>

Tip: Change the padding value, for the amount of margin you want between your text and the background color.

You can also accomplish this by adding styles under Manage/Advanced CSS, and assign a DIV id tag to your content box. That's a bit more complicated.

Views: 832

Replies to This Discussion

My name is Warren & I am the Team OrangeMoon Site Creator. I’d be honored to have you add me to your circle of friends.

 

I also wanted to pass along some ideas on how you can make Team OrangeMoon more successful, and you can get the most value out of your experience here on this site.

 

Our newest Team OrangeMoon program, "3STAR GALAXY" - Cycler" is proving to be a good one. It allows you to cycle 3 times and feeds into two other TOM programs automatically. All from just one $12 payment!

 

First of all, be sure to get the Team OrangeMoon Toolbar so you can stay up-to-date on the latest TOM news and get “one-click” access to the many parts of Team OrangeMoon without having to log in to the forum.

 

For quality promoting of Team OrangeMoon Thomas Sullivan and I both recommend you sign-up for a Free account with LeadsLeap. This will allow you to get the word out about Team OrangeMoon to 1,398,100 prospects for free. LeadsLeap is an ingenious system that combines the power of contextual advertising and network lead generation.

 

And, last but not least, we recommend opening an account with AlertPay.

 

Have a GREAT day,

Warren

cool

RSS

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>