Public Forums 71,145 posts

[cheenamalai Friend cheenamalaiJoin date: December 2006Posts: 15Downloads:0Uploads:0]

#118523

I came across many sites which are using these tactics to make it one the full screen wide.

Basically i want it to cover the whole area, and move the Main Menu down.

I will appreciate your help in this regard.

Thank you.

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#213797

If you mean like it is on my website, I can send you my modified files. Only difference is that I didn’t use JA-News, but standard Joomla and in user1 the module Content Items Fading Scroller from Joomlaworks.

[cheenamalai Friend cheenamalaiJoin date: December 2006Posts: 15Downloads:0Uploads:0]

#213798

I use Xenia. Yes, please send me. I dont use Ja-news either. Just show me tricks on how to do it or send me the files.

Thanks.

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#213804

This modifications are for JA-Xenia !!!!

After this modifications the result will be as this:
194

More lower in this post you will see another modification with a different full width ja-header.

Modifications:

Index.php:

insert the header-module into the header section ……..
[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.png” alt=”<?php echo $mosConfig_sitename?>” />
</a>
</h1>

<?php if( mosCountModules(‘header’) ) {?>
<div id=”ja-sh” class=”clearfix”>
<?php mosLoadModules(‘header’, -1); ?>
</div>
<?php } ?>

<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 –>
[/PHP]

…… and delete it from the content-section.

[PHP]
<!– BEGIN: CONTENT –>
<div id=”ja-mainbody<?php echo $divid; ?>”>

<a name=”Content” id=”Content”></a>
<div id=”ja-contentwrap”>
<div id=”ja-content”>
<div id=”ja-pathway”>

[/PHP]

Modifications Template_css.css:

from ja-headerwrap delete the background-statement
from ja-header set height to the height of your header-picture(s)

<blockquote>
/* HEADER
——————————————————— */
#ja-headerwrap {
}

#ja-header {
clear: both;
text-align: left;
line-height: normal;
height: 255px;
position: relative;
}

</blockquote>

Good luck,

Peter.

---

Attachments:

1. 

[cheenamalai Friend cheenamalaiJoin date: December 2006Posts: 15Downloads:0Uploads:0]

#213817

I have done exactly what you told me, now it seems like that the header(image) size is mixed with the logos size, so the images are going under the logo.

You can check the template.css with the source code.

Thanks.

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#213839

<em>@cheenamalai 7091 wrote:</em><blockquote>I have done exactly what you told me, now it seems like that the header(image) size is mixed with the logos size, so the images are going under the logo.

You can check the template.css with the source code.

Thanks.</blockquote>

It is that my logo is transparant and lays on top of my header. I send you a message and when I come home tonight I will try to solve your problem.

Peter.

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#213860

Oke, here we go,

All you have to do is take the original index.php from JA-Xenia and make th following modification:

Put the header-stuff in index.phph as follow :

[PHP]
…
<!– END: HEADER –>

<?php if( mosCountModules(‘header’) ) {?>
<div id=”ja-sh” class=”clearfix”>
<?php mosLoadModules(‘header’, -1); ?>
</div>
<?php } ?>

<!– BEGIN: MAIN NAVIGATION –>
…
[/PHP]

And delete this statement in from the other place in index.php, in the Content-section:

[PHP]

…..
<!– BEGIN: CONTENT –>
<div id=”ja-mainbody<?php echo $divid; ?>”>

<?php if( mosCountModules(‘header’) ) {?>
<div id=”ja-sh” class=”clearfix”>
<?php mosLoadModules(‘header’, -1); ?>
</div>
<?php } ?>

<a name=”Content” id=”Content”></a>
<div id=”ja-contentwrap”>

……

[/PHP]

And voila. 😎

178

I explained how to work from scratch, with fresh JA-Xenia install.

Success,
Peter.

[cheenamalai Friend cheenamalaiJoin date: December 2006Posts: 15Downloads:0Uploads:0]

#213879

Thank you!! Work flawlessly.

I was wondering if you could also help me with the Ja_Zibal of course you dont have to if you dont like to.

What i want to do with the Jazibal is replace the regular image with the Ja_header. I believe the combination would be nice for my other site.

Really appreciated mate. 🙂

Thanks again!

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#213885

<em>@cheenamalai 7170 wrote:</em><blockquote>Thank you!! Work flawlessly.

I was wondering if you could also help me with the Ja_Zibal of course you dont have to if you dont like to.

What i want to do with the Jazibal is replace the regular image with the Ja_header. I believe the combination would be nice for my other site.

Really appreciated mate. 🙂

Thanks again!</blockquote>

Hi there,

You can read this thread: http://www.joomlart.com/forums/topic/using-header-module-with-zibal/

Success
Peter.

[Author]

Posts