View Full Version : Ja_header full screen
cheenamalai
01-28-2007, 06:46 AM
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
01-28-2007, 07:18 AM
If you mean like it is on my website (http://www.pswemmelaar.nl), 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
01-28-2007, 09:04 AM
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
01-28-2007, 03:29 PM
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 ........
<!-- 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 -->
...... and delete it from the content-section.
<!-- 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">
Modifications Template_css.css:
from ja-headerwrap delete the background-statement
from ja-header set height to the height of your header-picture(s)
/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
}
#ja-header {
clear: both;
text-align: left;
line-height: normal;
height: 255px;
position: relative;
}
Good luck,
Peter.
cheenamalai
01-28-2007, 10:00 PM
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
01-29-2007, 11:32 AM
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.
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
01-29-2007, 06:06 PM
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 :
...
<!-- END: HEADER -->
<?php if( mosCountModules('header') ) {?>
<div id="ja-sh" class="clearfix">
<?php mosLoadModules('header', -1); ?>
</div>
<?php } ?>
<!-- BEGIN: MAIN NAVIGATION -->
...
And delete this statement in from the other place in index.php, in the Content-section:
.....
<!-- 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">
......
And voila. :cool:
178
I explained how to work from scratch, with fresh JA-Xenia install.
Success,
Peter.
cheenamalai
01-30-2007, 07:22 AM
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
01-30-2007, 10:05 AM
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!
Hi there,
You can read this thread: http://www.joomlart.com/forums/showthread.php?t=2258
Success
Peter.
vBulletin® v3.7.0, Copyright ©2000-2008, Jelsoft Enterprises Ltd.