Flasking module

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
fijiwebdesign Friend

fijiwebdesign
Join date:
January 2006
Posts:
1
Downloads:
0
Uploads:
0

April 12, 2007 at 7:10 am #119645

Hey Everyone,

I had did a little bit of mods to my template and everythings good except one thing. I am trying to figure out what is causing the space in my header module(random image). Please checkout http://www.fijidaylosangeles.com . There seems to be CSS padding or something around the module image causing it to not flask inline with the templates structure. Below is my template index.php which I had modded:-
[PHP]
<?php
/*————————————————————————
# JA Utahia 1.0 – Mar, 2007
# ————————————————————————
# Copyright (C) 2004-2007 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;

$ja_template_name = ‘ja_utahia’;

# BEGIN: TEMPLATE CONFIGURATIONS ##########
####################################
#support extra color themes
$ja_color_themes = array(‘default’,’hot’,’natural’); // You can add more color array if needed
####################################
# Change the width of the template
$ja_width_default = ‘wide’; // ‘narrow’: 800×600; ‘wide’: 1024×768; ‘auto’: fluid width
# default color
$ja_color_default = ‘natural’; //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 = 7; // 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 = 1; // 1: Split Menu; 2: Son of Suckerfish Dropdown Menu; 3: Transmenu;
# Enable Icon menu
$ja_iconmenu = 1;
# 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”);
$topnav = ja_topNav(‘mainmenu’, array(‘default’));
$subnav = ja_subNav(‘mainmenu’);
} else if ($ja_menutype == 4) {
require($ja_template_absolute_path.”/ja_scriptdlmenu.php”);
$topnav = $jamenu->menuObj->main;
$subnav = $jamenu->menuObj->sub;
}

# Auto Collapse Divs Functions ##########
$ja_left = mosCountModules( ‘left’ ) || mosCountModules( ‘right’ ) || $subnav;

if ( $ja_left ) {
$divid = ”;
} else {
$divid = ‘-f’;
}
$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” />
<link href=”<?php echo $ja_template_path;?>/css/colors/<?php echo $ja_color; ?>.css” rel=”stylesheet” type=”text/css” />
<?php if ($ja_iconmenu) { ?>
<link href=”<?php echo $ja_template_path;?>/ja_iconmenu/ja-iconmenu.css” rel=”stylesheet” type=”text/css” />
<?php } ?>

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

<?php genMenuHead(); ?>

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

<!–>
<style type=”text/css”>
.clearfix { height: 1%;}
</style>
<!–>

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

</head>

<body id=”bd” class=”<?php echo “$ja_width fs”.$ja_font_size;?>”>
<a title=”Skip to content” href=”<?php echo getCurrentURL();?>#Content” style=”display: none;”>Skip to content</a>
<a name=”Top” id=”Top”></a>

<div id=”ja-wrapper”>

<!– 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>

<?php if ($ja_iconmenu) { ?>
<div id=”ja-topnav”>
<?php include($ja_template_absolute_path.”/ja_iconmenu.php”); ?>
</div>
<?php } ?>

</div>
</div>
<div class=”gradline”></div>
<!– END: HEADER –>
<?php
$spotlight = array (‘user1’);
$topspl = calSpotlight ($spotlight);
if( $topspl ) {
?>
<!– BEGIN: TOP SPOTLIGHT –>
<div id=”ja-topslwrap”>
<div id=”ja-topsl” class=”clearfix”>

<div id=”ja-topsl-left”>
<?php if ( mosCountModules(‘user5’) ) {
echo mosLoadModules ( ‘user5’,-2 ); }
else {
echo ‘ ‘;
}
?>
</div>

<div id=”ja-topsl-right”>
<?php if( mosCountModules(‘user1’) ) {?>
<div id=”ja-topsl1″ class=”ja-box<?php echo $topspl[‘modules’][‘user1’]; ?>” >
<?php mosLoadModules(‘user1’, -2); ?>
</div>
<?php } ?>

<a class=”ja-bigicon” href=”#”>
<?php
if ($supported_browsers) { ?>
<img src=”<?php echo $ja_template_path;?>/images/bigstar.png” alt=”” onmouseover=”this.src='<?php echo $ja_template_path;?>/images/bigstar-on.png’;” onmouseout=”this.src='<?php echo $ja_template_path;?>/images/bigstar.png’;” />
<?php }else{ ?>
<img src=”<?php echo $ja_template_path;?>/images/blank.gif” alt=”” style=”width:107px;height:110px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ja_template_path;?>/images/bigstar.png’, sizingMethod=scale);” onmouseover=”this.style.filter=’progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ja_template_path;?>/images/bigstar-on.png’, sizingMethod=scale)’;” onmouseout=”this.style.filter=’progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo $ja_template_path;?>/images/bigstar.png’, sizingMethod=scale)’;” />
<?php } ?>
</a>
</div>

</div>
</div>
<!– END: TOP SPOTLIGHT –>
<?php } ?>

<!– BEGIN: MAIN NAVIGATION –>
<div id=”ja-mainnavwrap”>
<div id=”ja-mainnav” class=”clearfix”>

<div id=”ja-mainnav-left”>
<div class=”innerpad”>
<?php if ( mosCountModules(‘user4’) ) {
echo mosLoadModules ( ‘user4’,-1 ); }
else {
echo ‘ ‘;
}
?>
</div>
</div>

<div id=”ja-mainnav-right”>
<?php
switch ($ja_menutype) {
case 1: echo $topnav;
break;
case 2:
echo “<div class=”sfmenu-inner”>”;
include($ja_template_absolute_path.”/ja_cssmenu.php”);
echo “</div>”;
break;
case 3:
echo “<div class=”transmenu-inner”>”;
include($ja_template_absolute_path.”/ja_transmenu.php”);
echo “</div>”;
break;
}
?>
</div>

</div>
</div>
<!– END: MAIN NAVIGATION –>

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

<!– BEGIN: CONTENT –>
<div id=”ja-mainbody”>

<a name=”Content” id=”Content”></a>
<div id=”ja-contentwrap”>
<div class=”innerpad”>
<div id=”ja-pathwaywrap”>
<div id=”ja-pathway”>
<strong>You are here:</strong> <?php mosPathway(); ?>
</div>
</div>
</div>

<div id=”ja-content”>

<?php mosMainBody(); ?>
</div>
</div>

<?php if ($ja_left) { ?>
<!– BEGIN: LEFT COLUMN –>
<div id=”ja-leftcol”>

<?php if ($subnav) { ?>
<div id=”ja-subnav” class=”clearfix”>
<?php echo $subnav; ?>
</div>
<?php } ?>

<?php echo mosLoadModules ( ‘left’,-2 ); ?>
<?php echo mosLoadModules ( ‘right’,-2 ); ?>
</div>
<!– END: LEFT COLUMN –>
<?php } ?>

<?php
$spotlight = array (‘user7′,’user8′,’user9′,’user10’);
$botsl = calSpotlight ($spotlight);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT –>
<div id=”ja-botslwrap” class=”clearfix”>
<div id=”ja-botsl”>

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

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

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

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

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

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

</div>
</div>

<!– BEGIN: FOOTER –>
<div id=”ja-footerwrap”>
<div id=”ja-footer” class=”clearfix”>
<p id=”ja-bottomline”>
<?php include_once( $ja_template_absolute_path.’/footer.php’ ); ?>
</p>

<div id=”ja-cert”>
<a href=”<?php echo $mosConfig_live_site ?>/index.php?option=com_rss&feed=RSS2.0&no_html=1″ target=”_blank” title=”RSS 2.0″ style=”text-decoration: none;”>
<img src=”<?php echo $ja_template_path;?>/images/but-rss-<?php echo $ja_color; ?>.gif” alt=”RSS 2.0″ />
</a>
<?php if ($ja_menutype != 3 ) { ?>
<a href=”http://jigsaw.w3.org/css-validator/validator?uri=<?php echo $mosConfig_live_site;?>” target=”_blank” title=”Our site is valid CSS” style=”text-decoration: none;”>
<img src=”<?php echo $ja_template_path;?>/images/but-css-<?php echo $ja_color; ?>.gif” alt=”Our site is valid CSS” />
</a>
<?php } ?>
<a href=”http://validator.w3.org/check/referer” target=”_blank” title=”Our site is valid XHTML 1.0 Transitional” style=”text-decoration: none;”>
<img src=”<?php echo $ja_template_path;?>/images/but-xhtml10-<?php echo $ja_color; ?>.gif” alt=”Our site is valid XHTML 1.0 Transitional” />
</a>
</div>
</div>
</div>
<!– END: FOOTER –>

</div>

<!– BEGIN: USER TOOLS –>
<script type=”text/javascript”>
/* <!]> */
</script>

<?php if ($ja_tool) {
if ($supported_browsers) {
echo “<div id=”jausertoolswrap” style=”position: fixed; bottom: 15px; right: 15px;”>”;
} else {
?>
<div id=”jausertoolswrap” style=”position: absolute; top: expression( ( -15 – jausertoolswrap.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + ‘px’ ); right: 15px;”>
<?php
}
?>
<div style=”position:relative;display:block;” onmouseover=”doopen()” onmouseout=”doclose()”>
<span class=”ja-sitetool”>[+]</span>
<div id=”ja-usertools”>
<?php genToolMenu($ja_tool); ?>
</div>
</div>
</div>
<?php } ?>
<!– END: USER TOOLS –>

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

</html>[/PHP]

COuld someone please take a look at it and let me know what my problem is. I didn’t do much editting to my CSS so I didn’t think it would be a problem in the file.

Please Help!

ErikThorsen Friend

ErikThorsen
Join date:
December 2005
Posts:
1098
Downloads:
0
Uploads:
7

Thanks:

22

Thanked:

10 times in 1 posts

April 12, 2007 at 7:53 am #217754

Can’t really tell as the site you are referring to are not showing anything but a graphic… Sorry!

swemmel Friend

swemmel
Join date:
February 2006
Posts:
794
Downloads:
34
Uploads:
53

Thanks:

36

Thanked:

64 times in 1 posts

April 12, 2007 at 8:23 am #217759

Hi,

I think you have to look at the template_css.css, not in the index.php. You have to tweak the spotlight-section.

By the way, you have to change the designed by note on your website conform the Terms of Use.

Success.

Regards,
Peter.

@erik: I couldn’t see the website too, but tried http://www.fijidaylosangeles.com/index.php. 🙂
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

This topic contains 3 replies, has 3 voices, and was last updated by swemmel 17 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Quick Navigation

Site navigation

fijiwebdesign

ErikThorsen

swemmel

Important Notice :

Jump to forum

Categories