Joomla Templates Club 406,261 posts

[skygri Friend skygriJoin date: January 2007Posts: 4Downloads:0Uploads:1]

#119585

Hello,

I’m trying almost 4 hours to solve the problem with header just to not bother to you but i just don’t know how to make it and i needed to post this at forum.
I’ve attached picture and if someone can help me to make header like this i’ll be very gratefull.
My msn is grizovic@hotmail.com

---

Attachments:

1. 

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#217478

Do you want to run the banner modules on header or just 3 static images linking to specific url?

[skygri Friend skygriJoin date: January 2007Posts: 4Downloads:0Uploads:1]

#217480

Hi Hung

This big one is not static and other 2 are static banners. I’m waiting whole day for someone to solve my problem 🙂

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#217516

You need to customize the folowing code in index.php

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<div id="ja-header" class="clearfix">
<h1>
<a href="index.php">
<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

<div id="ja-topnavwrap" class="clearfix">
<?php mosLoadModules ( 'user3', -1 ); ?>
</div>

<?php if (mosCountModules('user4')) {?>
<div id="ja-search">
<?php mosLoadModules ( 'user4', -1 ); ?>
</div>
<?php } ?>

</div>
</div>
<!-- END: HEADER -->

Which can be something like

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<div id="ja-header" class="clearfix">
<h1>
<a href="index.php">
<img src="<?php echo $ja_template_path;?>/images/logo-<?php echo $ja_color; ?>.jpg" alt="<?php echo $mosConfig_sitename?>" />
</a>
</h1>

<div id="banner" class="clearfix">
<?php mosLoadModules ( 'banner', -1 ); ?>
</div>

<div id="ja-static-image1">
Image codes goes here
</div>
<div id="ja-static-image2">
Image codes goes here
</div>

</div>
</div>
<!-- END: HEADER -->

You may need to add extra css setting for #banner, #ja-static-image1 and #ja-static-image2
skygri, this is not a problem but a customization, you will need basic HTML skill to customize to suite your need

[Author]

Posts