Joomla Templates Club 406,261 posts

[jasonyohon Friend jasonyohonJoin date: June 2008Posts: 7Downloads:0Uploads:0 Thanks: 2]

#129996

I want to put a full width logo banner above the Navigation bar.

Also, how do I get rid of the Ja logo altogether?

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

#255367

You can do it following way :
Open index.php file , find following code section at about line 106 :


<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnavwrap">
<div id="ja-mainnav">
<?php $jamenu->genMenu (0); ?>
</div>
</div>
<!-- END: MAIN NAVIGATION -->


change to :


<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnavwrap">
<div style="float:right;">
<!-- insert logo here -->
</div>
<div id="ja-mainnav">
<?php $jamenu->genMenu (0); ?>
</div>
</div>
<!-- END: MAIN NAVIGATION -->


[jasonyohon Friend jasonyohonJoin date: June 2008Posts: 7Downloads:0Uploads:0 Thanks: 2]

#255542

I’m using the “narrow” option – what code do I use to display my logo (800×118) across the top above the navigation bar? I used <img src=”<?php echo $tmpTools->templateurl();?>/images/vglogo.gif”> and it doesn’t display. When I enter the width and heigth it displays small on the right.

I want it centered (I could change the image size) running across the entire nav bar.

Thanks for your help!

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#255669

[Note: Sorry, the strategy below is for teh long of JA Teiine II. I am not sure if it works for yourr template.]

<em>@jasonyohon 61411 wrote:</em><blockquote>I’m using the “narrow” option – what code do I use to display my logo (800×118) across the top above the navigation bar? I used <img src=”<?php echo $tmpTools->templateurl();?>/images/vglogo.gif”> and it doesn’t display. When I enter the width and heigth it displays small on the right.

I want it centered (I could change the image size) running across the entire nav bar.

Thanks for your help!</blockquote>

Why not just create the logo as you want, then save its as logo.png

the in the template.css

Administrator => templates =>ja_teline_ii => css =>he

change:

background: url(../images/logo.gif) no-repeat; => background: url(../images/logo.png) no-repeat;

Also, make appropriate changes to the template.css to center the logo:


#ja-headerwrap
{
}/* orig changed added */

#ja-header {
height: 100px;
line-height: normal;
position: relative;
}/* orig height: 80px; changed added */

h1.logo, h1.logo-text
{
margin: 0;
padding: 0;
font-size: 100%;
}/* orig changed added */

h1.logo a
{
width: 278px;
display: block;
background: url(../images/logo.png) no-repeat;
position: absolute;
height: 80px;
top: 10px;
left: 0;
}/* orig background: url(../images/logo.gif) no-repeat; top: 20px; height: 42px; changed added */


Cornelio

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

#255701

Hi jasonyohon !
Please send url of your site.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#270480

Did you manage to solve this? if so please mark this as solved, if not and you still need help please post here again and include your joomla version, template verison and a description of your problem if different from before.

[Author]

Posts