Ning Developer Network

any help would be great! I am trying to customize my module headers with custom images. The first 2 on the left work (with different module references) but I cannot get the rest of them to take!

The site is http://manland.ning.com and below is the css I am using. You can see that 2 are working but the rest are worthless.

/* Page Title */
#xg_sitename { visibility: hidden; }
#xg_sitedesc { visibility: hidden; }
#xg_masthead { height: 165px; }
#xg_body h1,
#xg_body ul.navigation a,
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover,
.navigation-solo, a { color: #FFFFFF !important; }

/* Page */
body { background:url(http://api.ning.com/files/kPzA9oMrZMl4W4MN4Lh7GMl2ftb91XEvkjTMazVcm...*Pg7P-Hg2lfMGSM7L1lS97KHrVkrcCs9uPnq4/beerfinal.jpg);background-color: #000;background-attachment: fixed;background-position: top;background-repeat: no-repeat;}_#xg_body,_#xg_navigation ul li.this a,_#xg_navigation ul li a:hover {_background-color: #EBA100;_}_/* Module Body: Background & Text */_.xg_module_body, .xg_module_foot {_background-color: #191919;_}_/* 1px line top modules */_.xg_module_head {_border-top:1px solid #000000;_}_/* Module Members */_.module_members .xg_module_head {_background-image:url(http://api.ning.com/files/**l9g4CrfHXplJiKHPBS1*gSGKqaJwW9FIHGqpjhRJpIb5ysSlK4kwia3e3GGLBQSiWkBgNZjP73xFABpSkDJLTCmmi3pLfJ/ManlandersHeader3.png);_background-repeat:no-repeat;_height:37px;_}_/* Push Text Off Screen */_.module_members .xg_module_head h2 {_text-indent:-9999px;_}_/* Header Background Color */_.module_members .xg_module_head {_background-color: #000000;_}_/* Latest Header */_.xg_module_activity .xg_module_head {_background-image:url(http://api.ning.com/files/qYKl7Fokv7edmVH-DyXnmmCSi09FsFeHf5VMsIsUe...*CbVibhfRsRrISTWCgbWXvv*Jj55iGtqAgb2gmwZ16C60awxH/WAZZUPheader.png);_background-repeat:no-repeat;_height:37px;_}_/* Push Text Off Screen */_.xg_module_activity .xg_module_head h2 {_text-indent:-9999px;_}_/* Header Background Color */_.xg_module_activity .xg_module_head {_background-color: #000000;_}_/* Module Forum Body */_.module_photos .xg_module_head {_background-image:url(img src="http//api.ning.com/files/-q2nQYyQj-hnS1PQzAbzndigqHGvLd3QnjPjxT-UeLPkEhbHK0Wh2zoEoCYfgt8AMdU1g0pW0W3*kaxHIsEtaF9vWzQlyHBQ/FORUMheader.png);
background-repeat:no-repeat;
}
/* Video Module */
.xg_module_videos .xg_module_head {
background-image:url(http://api.ning.com/files/9jTsMNGzC*A8QfPWM2hOo8n1Mz7gMMk6PbmCCwZyPApA9t38BfwoN7G*j1knzcskqILE2YxL28A*zVEQPQohR8I5tOAXCnWd/VIDEOSheader.png);_background-repeat:no-repeat;_height:37px;_}_/* Music Module */_.xg_module_music_embed .xg_module_head {_background-image:url(http://api.ning.com/files/7l0IGYpp0uVHWgr-tQjF9G6B5*wIMTa8zetW0r36trU3lTG-h2UUrn6aWmsGxNmS0L*Eg31fqeBha4Pkp*T0emsu90a3p1sV/TUNESheader.png);_background-repeat:no-repeat;_height:37px;

Tags: css, custom, header, image, module

Share

Reply to This

Replies to This Discussion

wow that wrapped it to non sense! I will try to post the comments and spacing.

Reply to This

/* Page Title */
#xg_sitename { visibility: hidden; }
#xg_sitedesc { visibility: hidden; }
#xg_masthead { height: 165px; }
#xg_body h1,
#xg_body ul.navigation a,
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover,
.navigation-solo, a { color: #FFFFFF !important; }


/* Page */
body { background:url(http://api.ning.com/files/kPzA9oMrZMl4W4MN4Lh7GMl2ftb91XEvkjTMazVcm...*Pg7P-Hg2lfMGSM7L1lS97KHrVkrcCs9uPnq4/beerfinal.jpg);background-color: #000;background-attachment: fixed;background-position: top;background-repeat: no-repeat;}_#xg_body,_#xg_navigation ul li.this a,_#xg_navigation ul li a:hover {_background-color: #EBA100;_}__/* Module Body: Background & Text */_.xg_module_body, .xg_module_foot {_background-color: #191919;_}__/* 1px line top modules */_.xg_module_head {_border-top:1px solid #000000;_}__/* Module Members */_.module_members .xg_module_head {_background-image:url(http://api.ning.com/files/**l9g4CrfHXplJiKHPBS1*gSGKqaJwW9FIHGqpjhRJpIb5ysSlK4kwia3e3GGLBQSiWkBgNZjP73xFABpSkDJLTCmmi3pLfJ/ManlandersHeader3.png);_background-repeat:no-repeat;_height:37px;_}__/* Push Text Off Screen */_.module_members .xg_module_head h2 {_text-indent:-9999px;_}__/* Header Background Color */_.module_members .xg_module_head {_background-color: #000000;_}__/* Latest Header */_.xg_module_activity .xg_module_head {_background-image:url(http://api.ning.com/files/qYKl7Fokv7edmVH-DyXnmmCSi09FsFeHf5VMsIsUe...*CbVibhfRsRrISTWCgbWXvv*Jj55iGtqAgb2gmwZ16C60awxH/WAZZUPheader.png);_background-repeat:no-repeat;_height:37px;_}__/* Push Text Off Screen */_.xg_module_activity .xg_module_head h2 {_text-indent:-9999px;_}__/* Header Background Color */_.xg_module_activity .xg_module_head {_background-color: #000000;_}__/* Module Forum Body */_.module_photos .xg_module_head {_background-image:url(img src="http//api.ning.com/files/-q2nQYyQj-hnS1PQzAbzndigqHGvLd3QnjPjxT-UeLPkEhbHK0Wh2zoEoCYfgt8AMdU1g0pW0W3*kaxHIsEtaF9vWzQlyHBQ/FORUMheader.png);
background-repeat:no-repeat;
}

/* Video Module */
.xg_module_videos .xg_module_head {
background-image:url(http://api.ning.com/files/9jTsMNGzC*A8QfPWM2hOo8n1Mz7gMMk6PbmCCwZyPApA9t38BfwoN7G*j1knzcskqILE2YxL28A*zVEQPQohR8I5tOAXCnWd/VIDEOSheader.png);_background-repeat:no-repeat;_height:37px;_}__/* Music Module */_.xg_module_music_embed .xg_module_head {_background-image:url(http://api.ning.com/files/7l0IGYpp0uVHWgr-tQjF9G6B5*wIMTa8zetW0r36trU3lTG-h2UUrn6aWmsGxNmS0L*Eg31fqeBha4Pkp*T0emsu90a3p1sV/TUNESheader.png);_background-repeat:no-repeat;_height:37px;_}

Reply to This

Hi Brian! this link might help you. Using Images as Module Headers

Reply to This

I saw that in the Directory but my image won't show wonder if it is the size of the image or king of ...

vaqz said:
Hi Brian! this link might help you. Using Images as Module Headers

Reply to This

Yeah,

a good lesson to better opt for beer OR css programming. Otherwise you might end up like ...


Great site! ;)

Reply to This

Reply to This

RSS

© 2009   Created by Ning Developer Admin

Badges  |  Report an Issue  |  Privacy  |  Terms of Service