Media Center

Your Best Source for Music, Tags, Images, Backgrounds & Custom Page Themes!

First A Bit Of Info.....

 To view all Custom Themes...  (Instructions for this will be added soon…)


 Before doing this on your Profile page, please try doing this on your homepage here so if you make a mistake it won't mess up your other page. If you want to save

your old code copy it and save it to a 
notepad document on your computer.


Once you have everything the way you want it to look, then you can copy & paste the codes to your profile page on any Ning site you belong to.


 Also, the " Avatars, Divider Bars, and Text Box Graphics" are all optional. You can use these if you choose to but they are not a must for the CSS Background Code to work...

 

  Make sure you copy all the code in the scrolling box, even any code that is above.....


/*---------------------

Start Code

----------------------*/ 


If you miss any of the code it won't work right.... No background will show up after you click on save.


 


 


STEPS FOR APPLYING CSS CODE FOR CUSTOM THEMES.....


 


1. (1)The Code for each theme is located in the text box on each Custom Profile Page... (example below) (2) Each code is placed in a scrolling text box.



(G1)


 

2 . (1) Highlight the code from beginning to end, then right click in a blank area on the page to bring up the following menu..... (2) Then click on

"Copy"....


 (G3)

 


 3. Once you have your code copied, go back to your profile page and click on "My Page"...

 

(Image5)

.


 

4. After you click on "My Page" another page will come up. On this page  click on "Appearances".  Click the word "Appearances"  where the arrow is pointing below.....

 

(Image6)

 


5. When the next page comes up click on "Advanced"....


 (Image7)

 


 

6. After you click on "Advanced",  this page will come up... this one is where your CSS code is.

 

(Image8)

 


 7. Once you have the page open that has your CSS code on it.....

Right click on a blank area to bring up the same menu in step 3 and click on "Select All" once the code that's in the box is highlighted click on
the "Delete" key on your keyboard to remove the old code. Make sure
all the previous code is gone and the box is empty.


 (Image9)

 


 

8. Now go back to your blank code box and  "Right Click" to bring up the following menu.... Click On

"Paste"....


(Image10)

 


9.Your new code should now be in the code box. Once its in there, click on "Save"....

 

(Image11)

 


 Once you click on Save, you should then see your new profile theme on your page.... If it your theme don't show it immediately, give it a few minutes, the Ning

servers could be busy.


 (Image12)

 


NOTE>>>> If The Above didn't work.......


 


1.  Re-copy  the new code  code to make sure it was copied correctly. Makr sure all the characters in the code were highlighted
and copied.


 


2.  Make sure all the existing  code is removed from the "Advanced CSS Code Box" BEFORE pasting your new code there.


 


3.  And don't forget to click "Save" after pasting your new code!


 


4.  If there is a photobucket graphic on your theme there may be


a broken link within the code which will cause the code not to work properly. Let the creator of you theme know so they can correct the broken links in their code.


 


 


HOW TO CHANGE YOUR ICON & GOOGLE AD COLORS


 1. FIRST CLICK ON "My Page"...

(Image...mypagesml)

 


 2. One the next page that comes up click on " Appearance"...

 

(Image... appearancesml )

 


3. On the next page that comes up click on "All Options"...


 (Image13)

 


4. "All Options" will then open to show all the available choices...


 (Image14)

 


5. (1)Next you will click on the one marked "Icon". (2)When you do a drop down color picker will appear. (3)Here you can choose a color to match your

profile colors or (4) enter a color code... (example #b168b1) (5) once your
done click ok.


(Image15)

 


6. Change the colors for these the same as in step"5". To Change the Google Ad Colors (1) click one the one marked "Body" (2) then the one marked
"Links" (3) then the one marked "Module" (module will
change the back ground color of the Google Ad Box. (4) these will change the
colors for your Music Player. When done click on (5)"Save".


 


Note....When using A CSS Code for your profile background,these are the only ones you can change in the "All
Options" section. Everything else has to be changed within the
CSS Code itself.


 (Image 17)





 


 COLOR COP


Color Cop... a very small program that sits on your desk top that can be used to grab the color code from any page , or graphic you have pulled up on your screen.
Its a very handy little tool, especially useful when trying to match font
colors to background graphics.


Set Up Download Attached Below......


 


1. (1) right click and hold, hover dropper over any place on any image you want to get the color code to.


(2) the code will appear in this box


 (Image... Color Cop)

 


2. Write this code down....


 (Image 37)

 


3.Then go to "All Options" using the steps for (HOW TO CHANGE YOUR ICON & GOOGLE AD COLORS )


 


Highlight the code thats in the box and delete it....


 (Image40 )

 


4. Now (1) type in your new code (2) new color will show up (3) click ok.....


 (Image42 )

 


ALL DONE!!! : )

(/div)

Views: 553

Attachments:

Reply to This

Replies to This Discussion

/*--------------------- Start Code ----------------------*/ /* Hello Box: Adjusting height to see more of the background image) */ .account-links { height:190px; } /* Hello Box Background */ #xg_module_account { background:transparent none repeat scroll 0 0; color: #94526E; } /* Hello Box Font Weight and Color. */ #xg_module_account a { color: #94526E; font-weight: bold; }  #xg_navigation ul div.xg_subtab ul li a { color: #D3B3C0; background: #94526E url(http) no-repeat center 0px; border:2px double #D3B3C0; } #xg_navigation ul div.xg_subtab ul li a:hover { color: #94526E; background: #D3B3C0 url(http://api.ning.com/files/42vr-0pHraz0lLN7GA2YsjgCyedwowOGxba07iE4r...) repeat center 0px; border:2px double #94526E; }  /*--------------------- Start Code ----------------------*/ /* Ningbar & Footer */ /* %ningbarInvert% */ #xn_bar, #xg_foot { background-color:/* %ningbarColor% */ transparent!important; } #xg { background-color:transparent; } #xg { background-color: transparent; background-position: center 0px; } body { background-color:/* %siteBgColor% */ #000000!important; background-image:url(http://api.ning.com/files/6W7wZGhs6qYULZeWaPEuzWaVRP1N8WyS-VFpNXujk...); background-position:bottom 0px; background-attachment:fixed; background-repeat:no repeat; border-width:0px; border-style:none; } /*-------------- Header & Navigation (#xg_head and descendants) ----------------*/ #xg { background-color:/* %headBgColor% */ transparent !important; background-image:/* %headBgImage% */url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...); background-no repeat:/* %headBgImage_repeat% */ no-repeat; } #xg_masthead, #xg_masthead a { height: 700px; min-height: 530px; color:/* %pageHeaderTextColor% */ transparent !important; } #xg_masthead p#xg_sitename { padding:80px 0 0 10px; font-size:0em; font-family: georgia, georgia; line-height:1.5em; font-style:normal; font-weight:normal; } #xg_masthead p#xg_sitedesc { padding:0 0 0 15px; color:transparent !important; font-size:0em; font-family: georgia; font-style:italic; font-weight:bold; } #xg_navigation { margin-top:0em; background: url(http://api.ning.com/files/4EnYnKLPpS9HC9ca%2AGEUJoyFdO6Bqysz-z6s3ox...) top repeat-x; height: 60px; border-top:3px solid #D3B3C0; border-right:3px solid #D3B3C0; border-left:3px solid #D3B3C0; border-bottom:3px solid #D3B3C0; } #xg_navigation ul { float:right; } #xg_navigation ul li { font-family:"georgia",georgia; font-size:16px; text-align:right; text-transform:normal; margin: 0; } #xg_navigation ul li a { font-family:"georgia",georgia; font-weight:bold; font-style:italic; text-decoration:none; padding:0 1em; color:#94526E; } #xg_navigation ul li a:hover { font-family:"georgia",georgia; font-weight:bold; font-style:italic; color: #D3B3C0; background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) no-repeat center 0px; } #xg_navigation ul li.this { background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) no-repeat center 0px; } #xg_navigation ul li.this a { font-family:"georgia",georgia; font-weight:bold; font-style:italic; color:#94526E; background:transparent none no-repeat center 0px; padding-bottom: 1em; } #xg_navigation ul li.this a:hover { font-family:"georgia",georgia; font-weight:bold; font-style:italic; color: #D3B3C0; } /*-------------------------------------------------- Body (#xg_body and descendants) --------------------------------------------------*/ .xg_module { margin-bottom: 2em; } #xg #xg_body h1 { color: #94526E; font-family: "georgia", georgia, georgia; font-weight:bold; font-style:italic; font-size:3.2em; } #xg_body { background-position: center 0px; background-color:/* %pageBgColor% */ transparent !important; background-image:/* %pageBgImage% */ none; background-repeat:/* %moduleBgImage_repeat% */ repeat; background-attachment:fixed !important; border:0px; } /* Links */ body a { color:/* %siteLinkColor% */ #D3B3C0; } body a:hover { color:/* %siteLinkColor% */ #94526E; background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) no-repeat center 0px; } /* Module Body: Background & Text */ .xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this { background-color:/* %moduleBodyBgColor% */ transparent; background-image:/* %moduleBgImage% */ url(http-CENTER%20MODULE); background-repeat:/* %moduleBgImage_repeat% */ repeat; border:3px none (transparent); } /* %moduleBodyTextColor% */ .xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this { color:/* %moduleBodyTextColor% */ #D3B3C0; font-weight:bold; font-style:italic; font-size:1.5em; font-family:"georgia",georgia, georgia; } .xg_module_head { background-color:transparent; background-image:url(http://api.ning.com/files/4EnYnKLPpS9HC9ca%2AGEUJoyFdO6Bqysz-z6s3ox...); background-repeat:repeat; margin-bottom:0em; border:3px solid #D3B3C0; } .xg_module_head h2 { font-size:1.6em; font-weight: bold; margin-left:2pt; color: #94526E; font-family:"georgia", georgia, "georgia"; font-weight:bold; font-style:italic; } .xg_module_body, .xg_module_foot { border-bottom:3px none (transparent); } .xg_module_body h3, .xg_module_body caption { color:# #94526E; font-family:"georgia",georgia, georgia, "georgia"; } #xg_body ul.navigation { position: static; font-family:"book antiqua", georgia; font-weight:bold; font-style:italic; float: left; clear: both; border-bottom: 2px none #94526E; } #xg_body ul.navigation a{ color: #D3B3C0; } #xg_body ul.navigation a:hover { color: #94526E; } ul.page_tabs li.this { background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) repeat; background-position:center 0px; } /*---------------------------------------------------------------------- Footer (#xg_foot and descendants) ----------------------------------------------------------------------*/ #xg_foot, #xg_foot a { color: #94526E; background-color: transparent; } /*--------------------- End Code Angel Light  by Nina Bone Wets World Media Center ----------------------*/
Attachments:
---------*/ /* Hello Box: Adjusting height to see more of the background image) */ .account-links { height:190px; } /* Hello Box Background */ #xg_module_account { background:transparent none repeat scroll 0 0; color: #94526E; } /* Hello Box Font Weight and Color. */ #xg_module_account a { color: #94526E; font-weight: bold; }  #xg_navigation ul div.xg_subtab ul li a { color: #D3B3C0; background: #94526E url(http) no-repeat center 0px; border:2px double #D3B3C0; } #xg_navigation ul div.xg_subtab ul li a:hover { color: #94526E; background: #D3B3C0 url(http://api.ning.com/files/42vr-0pHraz0lLN7GA2YsjgCyedwowOGxba07iE4r...) repeat center 0px; border:2px double #94526E; }  /*--------------------- Start Code ----------------------*/ /* Ningbar & Footer */ /* %ningbarInvert% */ #xn_bar, #xg_foot { background-color:/* %ningbarColor% */ transparent!important; } #xg { background-color:transparent; } #xg { background-color: transparent; background-position: center 0px; } body { background-color:/* %siteBgColor% */ #000000!important; background-image:url(http://api.ning.com/files/6W7wZGhs6qYULZeWaPEuzWaVRP1N8WyS-VFpNXujk...); background-position:bottom 0px; background-attachment:fixed; background-repeat:no repeat; border-width:0px; border-style:none; } /*-------------- Header & Navigation (#xg_head and descendants) ----------------*/ #xg { background-color:/* %headBgColor% */ transparent !important; background-image:/* %headBgImage% */url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...); background-no repeat:/* %headBgImage_repeat% */ no-repeat; } #xg_masthead, #xg_masthead a { height: 700px; min-height: 530px; color:/* %pageHeaderTextColor% */ transparent !important; } #xg_masthead p#xg_sitename { padding:80px 0 0 10px; font-size:0em; font-family: georgia, georgia; line-height:1.5em; font-style:normal; font-weight:normal; } #xg_masthead p#xg_sitedesc { padding:0 0 0 15px; color:transparent !important; font-size:0em; font-family: georgia; font-style:italic; font-weight:bold; } #xg_navigation { margin-top:0em; background: url(http://api.ning.com/files/4EnYnKLPpS9HC9ca%2AGEUJoyFdO6Bqysz-z6s3ox...) top repeat-x; height: 60px; border-top:3px solid #D3B3C0; border-right:3px solid #D3B3C0; border-left:3px solid #D3B3C0; border-bottom:3px solid #D3B3C0; } #xg_navigation ul { float:right; } #xg_navigation ul li { font-family:"georgia",georgia; font-size:16px; text-align:right; text-transform:normal; margin: 0; } #xg_navigation ul li a { font-family:"georgia",georgia; font-weight:bold; font-style:italic; text-decoration:none; padding:0 1em; color:#94526E; } #xg_navigation ul li a:hover { font-family:"georgia",georgia; font-weight:bold; font-style:italic; color: #D3B3C0; background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) no-repeat center 0px; } #xg_navigation ul li.this { background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) no-repeat center 0px; } #xg_navigation ul li.this a { font-family:"georgia",georgia; font-weight:bold; font-style:italic; color:#94526E; background:transparent none no-repeat center 0px; padding-bottom: 1em; } #xg_navigation ul li.this a:hover { font-family:"georgia",georgia; font-weight:bold; font-style:italic; color: #D3B3C0; } /*-------------------------------------------------- Body (#xg_body and descendants) --------------------------------------------------*/ .xg_module { margin-bottom: 2em; } #xg #xg_body h1 { color: #94526E; font-family: "georgia", georgia, georgia; font-weight:bold; font-style:italic; font-size:3.2em; } #xg_body { background-position: center 0px; background-color:/* %pageBgColor% */ transparent !important; background-image:/* %pageBgImage% */ none; background-repeat:/* %moduleBgImage_repeat% */ repeat; background-attachment:fixed !important; border:0px; } /* Links */ body a { color:/* %siteLinkColor% */ #D3B3C0; } body a:hover { color:/* %siteLinkColor% */ #94526E; background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) no-repeat center 0px; } /* Module Body: Background & Text */ .xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this { background-color:/* %moduleBodyBgColor% */ transparent; background-image:/* %moduleBgImage% */ url(http-CENTER%20MODULE); background-repeat:/* %moduleBgImage_repeat% */ repeat; border:3px none (transparent); } /* %moduleBodyTextColor% */ .xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this { color:/* %moduleBodyTextColor% */ #D3B3C0; font-weight:bold; font-style:italic; font-size:1.5em; font-family:"georgia",georgia, georgia; } .xg_module_head { background-color:transparent; background-image:url(http://api.ning.com/files/4EnYnKLPpS9HC9ca%2AGEUJoyFdO6Bqysz-z6s3ox...); background-repeat:repeat; margin-bottom:0em; border:3px solid #D3B3C0; } .xg_module_head h2 { font-size:1.6em; font-weight: bold; margin-left:2pt; color: #94526E; font-family:"georgia", georgia, "georgia"; font-weight:bold; font-style:italic; } .xg_module_body, .xg_module_foot { border-bottom:3px none (transparent); } .xg_module_body h3, .xg_module_body caption { color:# #94526E; font-family:"georgia",georgia, georgia, "georgia"; } #xg_body ul.navigation { position: static; font-family:"book antiqua", georgia; font-weight:bold; font-style:italic; float: left; clear: both; border-bottom: 2px none #94526E; } #xg_body ul.navigation a{ color: #D3B3C0; } #xg_body ul.navigation a:hover { color: #94526E; } ul.page_tabs li.this { background:transparent url(http://api.ning.com/files/88vkCnO8yvSNdFtsS0yG19DcEKJU9McxxmkWDBEdk...) repeat; background-position:center 0px; } /*---------------------------------------------------------------------- Footer (#xg_foot and descendants) ----------------------------------------------------------------------*/ #xg_foot, #xg_foot a { color: #94526E; background-color: transparent; } /*--------------------- End Code Angel Light  by Nina Bone Wets World Media Center ----------------------*/
_
_
_

Attachments:

_



MEDIA CENTER ~ Read more: http://wetstags.ning.com/forum/topics/how-to-install-your-theme-on#... 
Follow us: WetSensations on Facebook

Attachments:

Reply to Discussion

RSS

TWO HEARTS IMAGWS

Please Visit Our Partner Site ~ Click On The Link Above:

 

 like us on facebook!

  backgrounds

custom themes

fbcovers
images

tags

music

track website hits

Badge

Loading…

© 2017   Created by Wet Sensations.   Powered by

Badges  |  Report an Issue  |  Terms of Service