Joomla Templates Club 406,261 posts

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#203761

Hi 🙂

I am trying the Mitius Template with Joomla 3.3.6 and the URL is: http://cpanel23.proisp.no/~bjffnyry/

I have used an image in the logo-image position («images/header-bilder/langsjoen.jpg») with some custom css changes to the width and height of that position.
I wonder if I could have different images showing in that position on different menus? One image at the HOME menu, an another image at the «FORENINGSINFO» menu, yet another on the «FISKER» menu and so on.

I once installed a module called «mod_j15html» on a Joomla 1.5.x site and I got some help with the javascript to achive this. But is this just a bad idea and not recommended?

Kind Regards
Tom Løkka

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#559443

Hi Tom,

You can achieve that with our template but it requires some steps in configuration.

The idea is that you create some template styles (in template manager) or simply clone / duplicate the existing JA Mitius template style, enter your own image for different template styles , then assign template style to menu item of page as you wish. Below are detail:

1) Create JA Mitius template style from template manager

2) Go theme tab in each template style and set each logo image.

3) Assign each template style to the page you want to show from Assignment tab

---

Attachments:

1. 
2. 
3. 

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#559457

Hi Ninja Lead and thanks for answering 🙂

I will try what you suggest (and I should have thought of it myself). Good to have someone to guide you on the right path. 🙂

Kind Regards
Tom Løkka

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#559635

<em>@toloekka 458535 wrote:</em><blockquote>Hi 🙂

I am trying the Mitius Template with Joomla 3.3.6 and the URL is: http://cpanel23.proisp.no/~bjffnyry/

I have used an image in the logo-image position («images/header-bilder/langsjoen.jpg») with some custom css changes to the width and height of that position.
I wonder if I could have different images showing in that position on different menus? One image at the HOME menu, an another image at the «FORENINGSINFO» menu, yet another on the «FISKER» menu and so on.
</blockquote>

Hi there,

this is just great idea, I was wonderng if it is possible to do…
Can you or someone, please let me know the css custom code to do this?
I need the same image width and height in that position…
Thanks a lot

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#559653

Hi edd 🙂

My header-image is 1050×200 and I made a custom.css file with this

.logo-image a {
width: 1050px;
height: 200px;
}

Kind Regards
Tom Løkka

1 user says Thank You to toloekka for this useful post

1. edd

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#559714

Hi toloekka,

thanks a lot for your help.

but where is the code for your image?
I mean, where is located your image?

Is that all code you used for customize your header?

Thanks a lot 😉

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#559742

<em>@edd 459000 wrote:</em><blockquote>Hi toloekka,

thanks a lot for your help.

but where is the code for your image?
I mean, where is located your image?

Is that all code you used for customize your header?

Thanks a lot ;)</blockquote>

The code for image in templates/ja_mitius/tpls/blocks/header.php file and locate image ROOT/images/ folder and the css style, you can put it into templates/ja_mitius/css/custom.css file (create new if it does not exist)

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#559985

It is not working at all for me, please take a look to the screen shoot.

So here it is how I proceeded:

On custom.css I put this code:

.logo-image a {
width: 1050px;
height: 200px;
}

Then I uploaded an image with this size:
Extensions > Template manager > Ja Mitius default > Theme > Logo image

and i uploaded the image and I saved.

Do I need to change something more?
Do I need to add any code?
If so, please, where?
Thanks a lot 🙂

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560012

@edd: I would need to take a closer look at your site. Please pm me URL of your site and admin login, I will help you out.

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#560017

I sent you a PM, thanks a lot 🙂

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#560038

Now you are in good hands edd 🙂

Kind Regards
Tom Løkka

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560137

@edd: You can follow my solution below

+ Go to admin site -> Extensions-> Template Manager -> JA Mitius – Default -> Theme and change Logo Image with dimension 1050×200, see the screenshot

+ Open templates/ja_mitius/tpls/blocks/header.php file

find and change

<!-- LOGO -->
<div class="span8">
<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm visible-phone visible-tablet" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>
<!-- //LOGO -->

<div class="span4">

</div>

to

<!-- LOGO -->
<div class="span12">
<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm visible-phone visible-tablet" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>
<!-- //LOGO -->

+ Open templates/ja_mitius/css/custom.css file and add new rule

.logo-image a {
width: 1050px;
height: 200px;
}

---

Attachments:

1. 

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#560143

Hi there,

I’m just doing what you said, but I have a question before continue:

why on first code there is these two lines in red:

<div class="span4">

</div>

Do I need to avoid them or let them there?

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#560162

You need to change the code into templates/ja_mitius/tpls/blocks/header.php file

from

<!-- LOGO -->
<div class="span8">
<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm visible-phone visible-tablet" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>
<!-- //LOGO -->

<div class="span4">

</div>

to


<!-- LOGO -->
<div class="span12">
<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm visible-phone visible-tablet" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
</a>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</h1>
</div>
</div>
<!-- //LOGO -->


or you can get from my attachment file and copy it into templates/ja_mitius/tpls/blocks/header.php file. Don’t forget to backup old file for doing changes.

---

Attachments:

1. header.php_.zip

[Author]

Posts