Joomla Templates Club 406,261 posts

[subfighter Friend subfighterJoin date: February 2007Posts: 86Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#128934

well reading through the forum here as I read some other posts and there needs to be some more positions for banners especially for a News Site like this template.. here is the steps and changes i did to make a letter board banner position about the footer as i am going to make one for the header next…:cool:

STEP 1
go open your /public_html/templates/ja_teline_ii/templateDeatials.xml and a position which i called bannerfooter


<positions>
<position>hornav</position>
<position>breadcrumbs</position>
<position>banner</position>
<position>bannerfooter</position>
<position>left</position>
<position>right</position>
<position>top</position>
<position>ja-login</position>
<position>ja-news</position>
<position>mootabs</position>
<position>user1</position>
<position>user2</position>
<position>user3</position>
<position>user4</position>
<position>user5</position>
<position>user6</position>
<position>user7</position>
<position>user8</position>
<position>user9</position>
<position>footer</position>
<position>syndicate</position>
<position>debug</position>
</positions>

STEP 2
next go open /public_html/templates/ja_teline_ii/css/template.css

search in the file and find

#ja-banner {
margin: 0;
padding-top: 15px;
text-align: center;
overflow: hidden;
width: 100%;
border-top: 1px solid #CCCCCC;
}

then below it i added the new code

#ja-bannerfooter {
position: relative;
padding: 10px 0;
text-align: center;
width: 970px;
margin: 0 auto;
clear: both;
}

find this next

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-footer {
font-size: 92%;
}

and replace with code below basically just added the #ja-bannerfooter

/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-footer, #ja-bannerfooter {
font-size: 92%;
}
}

STEP 3
so i opened the /public_html/templates/ja_teline_ii/index.php file below and find the following code in the file that controls the footer of the theme.

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap" class="clearfix">

<div id="ja-footer">
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="footer" />
<div class="ja-cert">
<jdoc:include type="modules" name="syndicate" />
</div>
</div>
</div>
<!-- END: FOOTER -->

and then replaced with the code below as i just added the ja-footerbanner code to the code above. so you you find the code above and just replace with this code below.


<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap" class="clearfix">

<!-- BEGIN: BANNER FOOTER-->
<div id="ja-bannerfooter">
<?php if($this->countModules('bannerfooter')) : ?>
<jdoc:include type="modules" name="bannerfooter" />
<?php endif; ?>
</div>
<!-- END: BANNER FOOTER -->

<div id="ja-footer">
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="footer" />
<div class="ja-cert">
<jdoc:include type="modules" name="syndicate" />
</div>
</div>
</div>
<!-- END: FOOTER -->


Then go to your MODULE MANAGER and add a new module mod_banners and select the position bannerfooter and it now appears in your BANNER component when you add new banners..

any advice appreciated on how to make it better 🙂 as i need to make one for the header now.

you can got http://www.subfighter.tv and scroll down to the bottom and you can see as i added a google ad 729×90 and you can see an example of what it will look like

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#250715

Hi subfighter !
I think that there are 2 problem you can change for banner better :
1 – Quality of Image is not good . You can change it !
2- Banner need align to left , Now , it align to center, it can change it by way :
Open template.css file in templates/ja_teline_ii/css folder , find following code at about line 1259 :


#ja-bannerfooter {
clear:both;
margin:0pt auto;
padding:10px 0pt;
position:relative;
text-align:center;
width:970px;
}


change into :


#ja-bannerfooter {
clear:both;
margin:0pt auto;
padding:10px 0pt;
position:relative;
text-align:left;
width:970px;
}


[subfighter Friend subfighterJoin date: February 2007Posts: 86Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#250911

i changed it but what exactly does the TEXT-ALIGN:left: do??

thanks for the help.. as the banner right now is displaying Google Adsense so if there was a poor quality image it was not mine 🙂

thanks for making sure the code was corrected..

[Author]

Posts