Joomla Templates Club 406,261 posts

[rjscott2005 Friend rjscott2005Join date: October 2007Posts: 25Downloads:0Uploads:0 Thanks: 3 Thanked: 1 times in 1 posts]

#141511

SOLVED: I installed Jumi and it works great.
Hi-
I am using the JA Edenite template so that’s why I decided to ask this (probably) non-specific to JA Edenite question here. Our organization uses GoodSearch to raise money and they’ve recently made it possible to have custom banners. They’re automatically generated with inline css. This, of course doesn’t work with Joomla as is. I want to know-
1. Would I strip the inline css and put it into the template css as a new suffix such as -goodsearch, then use the module class suffix in the module setup?
2. If so, I would greatly appreciate a little hand holding on where to place the code within the css file.
3. If not, what would be the best way to go about it?

<style type="text/css">
div {border:0px solid green;}
img {border:0px;}

#badgewrapper160 {
width:160px;
font-family:arial,helvetica,verdana;
}

#badgewrapper160 #badge_header {
width:160px;
height:120px;
background-image: url(http://www.goodsearch.com/_gfx/badges/header-160.png);
}

* html #badgewrapper160 #badge_header {
background: transparent none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goodsearch.com/_gfx/badges/header-160.png');
}

#badgewrapper160 #badge_header_links {
font-family:arial,helvetica,verdana;
text-align:center;
color:#fff;
font-weight:bold;
font-size:10px;
padding-top:8px;
line-height:14px;
}

#badgewrapper160 #badge_header_links a,
#badgewrapper160 #badge_header_links a:visited
{
font-family:arial,helvetica,verdana;
font-size:10px;
color:#fff;
text-decoration:underline;
}

#badgewrapper160 #badge_header_tagline {
font-family:arial,helvetica,verdana;
font-size:8px;
color:#ffff00;
text-align:center;
padding-top:3px;
letter-spacing:1px;
line-height:10px;
}

#badgewrapper160 #badge_content {
width:160px;
background-image: url(http://www.goodsearch.com/_gfx/badges/bg-content-160.png);
}

#badgewrapper160 #badge_content_text {
font-family:arial,helvetica,verdana;
font-size:10px;
width:85%;
margin:0px auto;
line-height:16px;
padding-bottom:5px;
color:#333;
}

#badgewrapper160 #badge_linkblock {
width:160px;
height:48px;
background-image: url(http://www.goodsearch.com/_gfx/badges/links-160.png);
}

#badgewrapper160 .badge_link {
font-family:arial,helvetica,verdana;
font-size:10px;
width:150px;
color:#003366;
font-size:9px;
margin:0px 0px 0px 8px;
padding:0px;
line-height:12px;
letter-spacing:-.5px;
}

#badgewrapper160 #badge_linkblock a,
#badgewrapper160 #badge_linkblock a:visited
{
font-family:arial,helvetica,verdana;
font-size:10px;
color:#003366;
text-decoration:underline;
}

#badgewrapper160 .badge_link img {
position:relative;
top:5px;
left:0px;
display:inline;
}

#badgewrapper160 #badge_shareblock {
width:160px;
height:34px;
background-image: url(http://www.goodsearch.com/_gfx/badges/footer-160.png);
}

* html #badgewrapper160 #badge_shareblock {
background: transparent none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.goodsearch.com/_gfx/badges/footer-160.png');
}

#badgewrapper160 #badge_shareblock_link {
font-family:arial,helvetica,verdana;
font-size:9px;
width:100%;
text-align:center;
font-size:9px;
padding-top:7px;
}

#badgewrapper160 #badge_shareblock_link img {
padding-right:5px;
position:relative;
top:2px;
display:inline;
}

#badgewrapper160 #badge_shareblock_link a,
#badgewrapper160 #badge_shareblock_link a:visited
{
font-family:arial,helvetica,verdana;
font-size:9px;
color:#fff;
text-decoration:underline;
}

</style>
<div id="badgewrapper160">
<div id="badge_header">
<div id="badge_header_links">
<a href="http://www.goodsearch.com/" target="_blank">GoodSearch</a>
& <a href="http://www.goodsearch.com/goodshop.aspx" target="_blank">GoodShop</a>
</div>
<div id="badge_header_tagline">
YOU SEARCH OR SHOP...<br>
WE GIVE!
</div>
<a href="http://www.goodsearch.com/?charityid=833565" target="_blank"><img src="http://www.goodsearch.com/_gfx/spacer.gif" style="display: block; position: relative; top: 20px; left: 10px; height: 25px; width: 135px;" alt="Search the Web now"></a>
<a href="http://www.goodsearch.com/goodshop.aspx?charityid=833565" target="_blank"><img src="http://www.goodsearch.com/_gfx/spacer.gif" style="display: block; position: relative; top: 25px; left: 10px; height: 18px; width: 135px;" alt="Free coupons at top stores"></a>
</div>
<div id="badge_content">
<div id="badge_content_text">
Raise money for <span style="font-weight: bold;" id="badge160nameSpan">Atlanta CorpsVets - Georgia's Drum and Bugle Corps</span> just by searching the web and shopping online!
</div>
</div>
<div id="badge_linkblock">
<div class="badge_link">
<a href="http://www.goodsearch.com/" target="_blank">Search the web now!</a>
<a href="http://www.goodsearch.com/?charityid=833565" target="_blank"><img src="http://www.goodsearch.com/_gfx/badges/button-go.png" alt="Search the Web now"></a>
</div>
<div class="badge_link">
<a href="http://www.goodsearch.com/goodshop.aspx" target="_blank">Free coupons at top stores!</a>
<a href="http://www.goodsearch.com/goodshop.aspx?charityid=833565" target="_blank"><img src="http://www.goodsearch.com/_gfx/badges/button-go.png" alt="Free coupons at top stores"></a>
</div>
</div>
<div id="badge_shareblock">
<div id="badge_shareblock_link">
<a href="http://www.goodsearch.com/getinvolved.aspx#badge" target="_blank"><img src="http://www.goodsearch.com/_gfx/badges/icon-email.png" alt="Add GoodSearch and GoodShop to your site"></a>
<a href="http://www.goodsearch.com/getinvolved.aspx#badge" target="_blank">Add to your site</a>
</div>
</div>
</div>

There you have it, in a nutshell. Moderators please move if I’ve posted in the wrong area.
Best regards,

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#306221

Yes. U can do it. Creat new surfix for you. if you want, it is easy

[Author]

Posts