Joomla Templates Club 406,261 posts

[cymax Friend cymaxJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#123796

Hi,

Somehow my header images are now smaller in width then the normal 713px. Anyone know where it’s going wrong? Check http://www.cymax.nl/workbee

Thank for the help.

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

#232818

Have you done any recent changes to the template itself or?

[starmed Friend starmedJoin date: February 2007Posts: 51Downloads:0Uploads:0 Thanks: 2]

#232827

Comparing your template_css.css file to mine I noticed one difference:

My headerwrap doesn’t define the width while yours does.

<blockquote>#ja-headerwrap {
background: #5D6B74;
position: relative;
height: 200px;
width: 731 <————————–Mine does not have this line and neither does the demo-
line-height: normal;
}</blockquote>

Worth a shot

[cymax Friend cymaxJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#232835

I changed that to see if this would make a difference but as you can see, it didn’t..

[starmed Friend starmedJoin date: February 2007Posts: 51Downloads:0Uploads:0 Thanks: 2]

#232837

Hmm, I changed mine to the same setting and it still worked…..I will keep looking

[cymax Friend cymaxJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#232839

Line is gone now, effect is the same

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

#232840

Any modifications you have done to the template? Paste the index.php from the template here og give me a PM with it

[cymax Friend cymaxJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#232843

<?php
/*------------------------------------------------------------------------
# JA Mageia 1.0 - August, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/

defined( '_VALID_MOS' ) or die( 'Restricted access' );
$iso = split( '=', _ISO );
/*echo "<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>";*/
global $ja_color_themes, $ja_header_images, $ja_width_default, $ja_color_default, $ja_font_size_default, $ja_tool, $ja_menutype, $ja_template_path, $ja_template_absolute_path, $ja_headerimg, $ja_color, $ja_width, $ja_font_size, $ja_template_name;
global $jaMainmenuLastItemActive;
$jaMainmenuLastItemActive = false;

$ja_template_name = 'ja_mageia';

# BEGIN: TEMPLATE CONFIGURATIONS ##########
####################################
#support extra color themes
$ja_color_themes = array('default','red','orange','cyan'); // You can add more color array if needed
$ja_header_images_wide = array ('header1.jpg','header2.jpg','header3.jpg','header4.jpg','header5.jpg');
$ja_header_images_narrow = array ('header1-n.jpg','header2-n.jpg','header3-n.jpg','header4-n.jpg','header5-n.jpg');
####################################
# Change the width of the template
$ja_width_default = 'wide'; // 'narrow': 800x600; 'wide': 1024x768
# default color
$ja_color_default = 'default'; //blank for default, else pick one of in extra color themes $ja_color_themes
#font size default
$ja_font_size_default = 3;
# Enable users option
$ja_tool = 0; // 0: 0: disable all; 1: Screen tool; 2: font tool; 3: screen + font; 4: color tool; 5: screen + color; 6: font + color; 7: all;
# Choose your prefer Menu Type
$ja_menutype = 3; // 1: Split Menu; 2: Son of Suckerfish Dropdown Menu; 3: Transmenu; 4: Moomenu
# END: TEMPLATE CONFIGURATIONS ##########

# Define the template path ##########
$ja_template_path = $mosConfig_live_site.'/templates/'.$ja_template_name;
$ja_template_absolute_path = $mosConfig_absolute_path.'/templates/'.$ja_template_name;
include ($ja_template_absolute_path."/ja_templatetools.php");

$topnav = "";
$subnav = "";
if ($ja_menutype == 1) {
require($ja_template_absolute_path."/ja_splitmenu.php");
$subnav = $jasplmenu->hasSubMenu (1);
}

# Auto Collapse Divs Functions ##########
$ja_left = mosCountModules('left') || ($ja_menutype == 1 && $jasplmenu->hasSubMenu (2));
$ja_right = mosCountModules('right');

if ( $ja_left && $ja_right ) {
$divid = '';
} elseif ( $ja_left ) {
$divid = '-fr';
} elseif ( $ja_right ) {
$divid = '-fl';
} else {
$divid = '-f';
}

$curidx = getCurrentMenuIndex();
if ($curidx) $curidx--;
$ja_header_img = 'header.jpg';
$ja_header_images = ($ja_width=='narrow')? $ja_header_images_narrow:$ja_header_images_wide;
if (count($ja_header_images)) {
$curidx = $curidx % count($ja_header_images);
$ja_header_img = $ja_header_images[$curidx];
}
$msie='/msies(5.[5-9]|[6].[0-9]*).*(win)/i';
$supported_browsers = !isset($_SERVER['HTTP_USER_AGENT']) ||
!preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
preg_match('/opera/i',$_SERVER['HTTP_USER_AGENT']);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link href="<?php echo $ja_template_path;?>/css/template_css.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript" src="<?php echo $ja_template_path;?>/scripts/ja.script.js"></script>

<?php genMenuHead(); ?>

<?php if ( $my->id ) { initEditor(); } ?>

<!-->
<style type="text/css">
.clearfix {height: 1%;}
#ja-pathwaywrap {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ja_template_path;?>/images/opaque-<?php echo $ja_color; ?>.png',sizingMethod='scale');
}
</style>
<!-->

<!-->
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<!-->

<link href="<?php echo $ja_template_path;?>/css/colors/<?php echo $ja_color; ?>.css" rel="stylesheet" type="text/css" />
</head>

<body id="bd" class="<?php echo "$ja_width fs".$ja_font_size;?>">
<a name="Top" id="Top"></a>

<ul class="accessibility">
<li><a href="<?php echo getCurrentURL();?>#ja-content" title="Skip to content">Skip to content</a></li>
<li><a href="<?php echo getCurrentURL();?>#ja-mainnav" title="">Skip to main navigation</a></li>
<li><a href="<?php echo getCurrentURL();?>#ja-col1" title="">Skip to 1st column</a></li>
<li><a href="<?php echo getCurrentURL();?>#ja-col2" title="">Skip to 2nd column</a></li>
</ul>

<div id="ja-wrapper">

<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnavwrap" class="clearfix">

<h1 class="logo"><a href="index.php"><?php echo $mosConfig_sitename?></a></h1>

<div id="ja-mainnav">
<?php
switch ($ja_menutype) {
case 1:
$jasplmenu->genMenu (0);
break;
case 2:
case 4:
include($ja_template_absolute_path."/ja_cssmenu.php");
break;
case 3:
echo "<div class="transmenu-inner">";
include($ja_template_absolute_path."/ja_transmenu.php");
echo "</div>";
break;
}
?>
</div>

</div>

<!-- END: MAIN NAVIGATION -->

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap" class="clearfix">
<div id="ja-header" style="background: url(templates/<?php echo $ja_template_name."/images/header/". $ja_color."/". $ja_header_img;?>) no-repeat top;">

<div id="ja-newsflash">
<?php echo mosLoadModules ( 'user5',-1 ); ?>
</div>

<div id="ja-pathwaywrap" class="clearfix">

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

<div id="ja-pathway">
<strong>You are here:</strong> <?php mosPathway(); ?>
<?php if ($ja_tool) { ?>
<div id="ja-usertoolswrap">
<div id="ja-usertools" class="clearfix">
<?php if($supported_browsers) genToolMenu($ja_tool & 3); else genToolMenu_ie6($ja_tool & 3); ?>
</div></div>
<?php } ?>
</div>

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

<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-container" class="clearfix">

<div id="ja-mainbody<?php echo $divid; ?>">

<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap">
<div id="ja-content">

<?php mosMainBody(); ?>

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

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

<?php if ($ja_right) { ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<div class="ja-innerpad">
<?php echo mosLoadModules ( 'right',-2 );?>
</div>
</div><br />
<!-- END: RIGHT COLUMN -->
<?php } ?>

<?php
$spotlight = array ('user1','user2');
$botsl = calSpotlight ($spotlight, mosCountModules('user8')?70:100);
if( $botsl ) {
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap" class="clearfix">
<div id="ja-botsl">

<?php if( mosCountModules('user1') ) {?>
<div class="ja-box<?php echo $botsl['modules']['user1']; ?>" style="width: <?php echo $botsl['width']; ?>;">
<?php mosLoadModules('user1', -2); ?>
</div>
<?php } ?>

<?php if( mosCountModules('user2') ) {?>
<div class="ja-box<?php echo $botsl['modules']['user2']; ?>" style="width: <?php echo $botsl['width']; ?>;">
<?php mosLoadModules('user2', -2); ?>
</div>
<?php } ?>

<?php if( mosCountModules('user8') ) {?>
<div class="ja-box-rightcol" style="width: 30%;">
<?php mosLoadModules('user8', -2); ?>
</div>
<?php } ?>

</div>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php } ?>

</div>

<?php if ($ja_left) { ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<div class="ja-innerpad">
<?php if ($ja_menutype == 1 && $jasplmenu->hasSubMenu (1)) {
echo '<div id="ja-subnavcol" class="moduletable">';
echo '<h3>'.$jasplmenu->getParentText (1).' Menu</h3>';
$jasplmenu->genMenu (1);
echo '</div>';
} ?>
<?php echo mosLoadModules ( 'left',-2 ); ?>
</div>
</div><br />
<!-- END: LEFT COLUMN -->
<?php } ?>

</div>
</div>

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap" class="clearfix">

<div id="ja-footer">

<?php if ($ja_tool) { ?>
<div id="ja-usercolorswrap">
<div id="ja-usercolors" class="clearfix">
<?php genToolMenu($ja_tool & 4); ?>
<ul style="margin: 0; padding-left: 10px;">
<li><a href="<?php echo getCurrentURL();?>#Top" title="Go to top" style="text-decoration: none;"><img src="<?php echo $ja_template_path;?>/images/top.gif" title="Goto top" alt="Goto top" /></a></li>
</ul>
</div></div><div class="clr"></div>
<?php } ?>

<?php mosLoadModules('user3', -1); ?>
<?php include_once( $ja_template_absolute_path.'/footer.php' ); ?>

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

</div>

<?php mosLoadModules( 'debug', -1 );?>
</body>

</html>

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

#232845

<?php
/*------------------------------------------------------------------------
# JA Mageia 1.0 - August, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/

defined( '_VALID_MOS' ) or die( 'Restricted access' );
$iso = split( '=', _ISO );
/*echo "<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>";*/
global $ja_color_themes, $ja_header_images, $ja_width_default, $ja_color_default, $ja_font_size_default, $ja_tool, $ja_menutype, $ja_template_path, $ja_template_absolute_path, $ja_headerimg, $ja_color, $ja_width, $ja_font_size, $ja_template_name;
global $jaMainmenuLastItemActive;
$jaMainmenuLastItemActive = false;

$ja_template_name = 'ja_mageia';

# BEGIN: TEMPLATE CONFIGURATIONS ##########
####################################
#support extra color themes
$ja_color_themes = array('default','red','orange','cyan'); // You can add more color array if needed
$ja_header_images_wide = array ('header1.jpg','header2.jpg','header3.jpg','header4.jpg','header5.jpg');
$ja_header_images_narrow = array ('header1-n.jpg','header2-n.jpg','header3-n.jpg','header4-n.jpg','header5-n.jpg');
####################################
# Change the width of the template
$ja_width_default = 'wide'; // 'narrow': 800x600; 'wide': 1024x768
# default color
$ja_color_default = 'default'; //blank for default, else pick one of in extra color themes $ja_color_themes
#font size default
$ja_font_size_default = 3;
# Enable users option
$ja_tool = 0; // 0: 0: disable all; 1: Screen tool; 2: font tool; 3: screen + font; 4: color tool; 5: screen + color; 6: font + color; 7: all;
# Choose your prefer Menu Type
$ja_menutype = 3; // 1: Split Menu; 2: Son of Suckerfish Dropdown Menu; 3: Transmenu; 4: Moomenu
# END: TEMPLATE CONFIGURATIONS ##########

# Define the template path ##########
$ja_template_path = $mosConfig_live_site.'/templates/'.$ja_template_name;
$ja_template_absolute_path = $mosConfig_absolute_path.'/templates/'.$ja_template_name;
include ($ja_template_absolute_path."/ja_templatetools.php");

$topnav = "";
$subnav = "";
if ($ja_menutype == 1) {
require($ja_template_absolute_path."/ja_splitmenu.php");
$subnav = $jasplmenu->hasSubMenu (1);
}

# Auto Collapse Divs Functions ##########
$ja_left = mosCountModules('left') || ($ja_menutype == 1 && $jasplmenu->hasSubMenu (2));
$ja_right = mosCountModules('right');

if ( $ja_left && $ja_right ) {
$divid = '';
} elseif ( $ja_left ) {
$divid = '-fr';
} elseif ( $ja_right ) {
$divid = '-fl';
} else {
$divid = '-f';
}

$curidx = getCurrentMenuIndex();
if ($curidx) $curidx--;
$ja_header_img = 'header.jpg';
$ja_header_images = ($ja_width=='narrow')? $ja_header_images_narrow:$ja_header_images_wide;
if (count($ja_header_images)) {
$curidx = $curidx % count($ja_header_images);
$ja_header_img = $ja_header_images[$curidx];
}
$msie='/msies(5.[5-9]|[6].[0-9]*).*(win)/i';
$supported_browsers = !isset($_SERVER['HTTP_USER_AGENT']) ||
!preg_match($msie,$_SERVER['HTTP_USER_AGENT']) ||
preg_match('/opera/i',$_SERVER['HTTP_USER_AGENT']);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link href="<?php echo $ja_template_path;?>/css/template_css.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript" src="<?php echo $ja_template_path;?>/scripts/ja.script.js"></script>

<?php genMenuHead(); ?>

<?php if ( $my->id ) { initEditor(); } ?>

<!-->
<style type="text/css">
.clearfix {height: 1%;}
#ja-pathwaywrap {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ja_template_path;?>/images/opaque-<?php echo $ja_color; ?>.png',sizingMethod='scale');
}
</style>
<!-->

<!-->
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<!-->

<link href="<?php echo $ja_template_path;?>/css/colors/<?php echo $ja_color; ?>.css" rel="stylesheet" type="text/css" />
</head>

<body id="bd" class="<?php echo "$ja_width fs".$ja_font_size;?>">
<a name="Top" id="Top"></a>

<ul class="accessibility">
<li><a href="<?php echo getCurrentURL();?>#ja-content" title="Skip to content">Skip to content</a></li>
<li><a href="<?php echo getCurrentURL();?>#ja-mainnav" title="">Skip to main navigation</a></li>
<li><a href="<?php echo getCurrentURL();?>#ja-col1" title="">Skip to 1st column</a></li>
<li><a href="<?php echo getCurrentURL();?>#ja-col2" title="">Skip to 2nd column</a></li>
</ul>

<div id="ja-wrapper">

<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnavwrap" class="clearfix">

<h1 class="logo"><a href="index.php"><?php echo $mosConfig_sitename?></a></h1>

<div id="ja-mainnav">
<?php
switch ($ja_menutype) {
case 1:
$jasplmenu->genMenu (0);
break;
case 2:
case 4:
include($ja_template_absolute_path."/ja_cssmenu.php");
break;
case 3:
echo "<div class="transmenu-inner">";
include($ja_template_absolute_path."/ja_transmenu.php");
echo "</div>";
break;
}
?>
</div>

</div>

<!-- END: MAIN NAVIGATION -->

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap" class="clearfix">
<div id="ja-header" style="background: url(templates/<?php echo $ja_template_name."/images/header/". $ja_color."/". $ja_header_img;?>) no-repeat top right;">

<div id="ja-newsflash">
<?php echo mosLoadModules ( 'user5',-1 ); ?>
</div>

<div id="ja-pathwaywrap" class="clearfix">

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

<div id="ja-pathway">
<strong>You are here:</strong> <?php mosPathway(); ?>
<?php if ($ja_tool) { ?>
<div id="ja-usertoolswrap">
<div id="ja-usertools" class="clearfix">
<?php if($supported_browsers) genToolMenu($ja_tool & 3); else genToolMenu_ie6($ja_tool & 3); ?>
</div></div>
<?php } ?>
</div>

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

<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-container" class="clearfix">

<div id="ja-mainbody<?php echo $divid; ?>">

<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap">
<div id="ja-content">

<?php mosMainBody(); ?>

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

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

<?php if ($ja_right) { ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<div class="ja-innerpad">
<?php echo mosLoadModules ( 'right',-2 );?>
</div>
</div><br />
<!-- END: RIGHT COLUMN -->
<?php } ?>

<?php
$spotlight = array ('user1','user2');
$botsl = calSpotlight ($spotlight, mosCountModules('user8')?70:100);
if( $botsl ) {
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap" class="clearfix">
<div id="ja-botsl">

<?php if( mosCountModules('user1') ) {?>
<div class="ja-box<?php echo $botsl['modules']['user1']; ?>" style="width: <?php echo $botsl['width']; ?>;">
<?php mosLoadModules('user1', -2); ?>
</div>
<?php } ?>

<?php if( mosCountModules('user2') ) {?>
<div class="ja-box<?php echo $botsl['modules']['user2']; ?>" style="width: <?php echo $botsl['width']; ?>;">
<?php mosLoadModules('user2', -2); ?>
</div>
<?php } ?>

<?php if( mosCountModules('user8') ) {?>
<div class="ja-box-rightcol" style="width: 30%;">
<?php mosLoadModules('user8', -2); ?>
</div>
<?php } ?>

</div>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php } ?>

</div>

<?php if ($ja_left) { ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<div class="ja-innerpad">
<?php if ($ja_menutype == 1 && $jasplmenu->hasSubMenu (1)) {
echo '<div id="ja-subnavcol" class="moduletable">';
echo '<h3>'.$jasplmenu->getParentText (1).' Menu</h3>';
$jasplmenu->genMenu (1);
echo '</div>';
} ?>
<?php echo mosLoadModules ( 'left',-2 ); ?>
</div>
</div><br />
<!-- END: LEFT COLUMN -->
<?php } ?>

</div>
</div>

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap" class="clearfix">

<div id="ja-footer">

<?php if ($ja_tool) { ?>
<div id="ja-usercolorswrap">
<div id="ja-usercolors" class="clearfix">
<?php genToolMenu($ja_tool & 4); ?>
<ul style="margin: 0; padding-left: 10px;">
<li><a href="<?php echo getCurrentURL();?>#Top" title="Go to top" style="text-decoration: none;"><img src="<?php echo $ja_template_path;?>/images/top.gif" title="Goto top" alt="Goto top" /></a></li>
</ul>
</div></div><div class="clr"></div>
<?php } ?>

<?php mosLoadModules('user3', -1); ?>
<?php include_once( $ja_template_absolute_path.'/footer.php' ); ?>

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

</div>

<?php mosLoadModules( 'debug', -1 );?>
</body>

</html>
Try with this one

[cymax Friend cymaxJoin date: November 2007Posts: 11Downloads:0Uploads:0]

#232863

Still the same effect only now aligned to the left instead of right 🙁

http://www.cymax.nl/workbee/

Hmmm never mind that, i see that only the custom graphic I added is this way, i will try with the normal graphics.

thx for the help!

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

#232869

It seems like it helped out, the picture is right alligned now, now you just need to make it wider to fit.

[Author]

Posts