-
Hi,
I’m trying to modify the header of Edenite, in order to be able to create new modules positions over it. I have modified index.php and template.css with some success.
The problem is that I don’t know where and how to use individual div tag CSS for the 2 new modules positions (top-login and top-chat) that I have created. Now both use the same div of the css (#ja-login { ). I’d rather that each module has a individual div (css) to be able to modify the position of the log-in module in the public page (still in development). At the moment if I modify in template.css the line:
#ja-login {
padding: 4px 10px;;both modules (top-login and top-chat) move.
I use the top-login position to show the login module with “public access”
I use the top-chat position to show the chat (customecode) module with “registered access”
Both modules are shown when someone logs in my site. Also I have tried to use different div in the css but one module hide the other one. This is the code of my index.php
[PHP]<?php
/**
* @copyright Copyright (C) 2005 – 2007 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/// no direct access
defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );include_once (dirname(__FILE__).DS.’ja_vars_1.5.php’);
?>
<!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” xml:lang=”<?php echo $this->language; ?>” lang=”<?php echo $this->language; ?>”>
<head>
<meta name=”verify-v1″ content=”iNS3KKQ+ohAfnRE7gTw2GuPWh5ilXf/GJXYYiiZxeB4=” />
<jdoc:include type=”head” />
<?php JHTML::_(‘behavior.mootools’); ?><link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/template.css” type=”text/css” />
<link rel=”stylesheet” href=”<?php echo $tmpTools->templateurl(); ?>/css/typo.css” type=”text/css” /><script language=”javascript” type=”text/javascript” src=”<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js”></script>
<!– Menu head –>
<?php $jamenu->genMenuHead(); ?><link href=”<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOOL_COLOR); ?>.css” rel=”stylesheet” type=”text/css” />
<!–>
<style type=”text/css”>
.clearfix {height: 1%;}
img {border: none;}
</style>
<!–><!–>
<style type=”text/css”>
.clearfix {display: inline-block;}
</style>
<!–><?php if ($tmpTools->isIE6()) { ?>
<!–>
<script type=”text/javascript”>
var siteurl = ‘<?php echo $tmpTools->baseurl();?>’;
</script>
<!–>
<?php } ?>
</head><body id=”bd” class=”<?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>” >
<a name=”Top” id=”Top”></a>
<ul class=”accessibility”>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-content” title=”<?php echo JText::_(“Skip to content”);?>”><?php echo JText::_(“Skip to content”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-mainnav” title=”<?php echo JText::_(“Skip to main navigation”);?>”><?php echo JText::_(“Skip to main navigation”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col1″ title=”<?php echo JText::_(“Skip to 1st column”);?>”><?php echo JText::_(“Skip to 1st column”);?></a></li>
<li><a href=”<?php echo $tmpTools->getCurrentURL();?>#ja-col2″ title=”<?php echo JText::_(“Skip to 2nd column”);?>”><?php echo JText::_(“Skip to 2nd column”);?></a></li>
</ul><div id=”ja-wrapper”>
<!– BEGIN: UPPER –>
<div id=”upper”><?php if($this->countModules(‘top-menu’)) : ?>
<div id=”upper”>
<!– BEGIN: LOGO –>
<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam(‘logoType’)==’image’) { ?>
<h1 class=”logo”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $siteName; ?></span></a>
</h1>
<?php } else {
$logoText = (trim($tmpTools->getParam(‘logoText’))==”) ? $config->sitename : $tmpTools->getParam(‘logoText’);
$sloganText = (trim($tmpTools->getParam(‘sloganText’))==”) ? JText::_(‘SITE SLOGAN’) : $tmpTools->getParam(‘sloganText’); ?>
<h1 class=”logo-text”>
<a href=”index.php” title=”<?php echo $siteName; ?>”><span><?php echo $logoText; ?></span></a>
</h1>
<p class=”site-slogan”><?php echo $sloganText;?></p>
<?php } ?>
<!– END: LOGO –><!– BEGIN: UPPER MENU (CHAT Y LOGIN) –>
<div id=”ja-login”>
<!– BEGIN: LOGIN –>
<?php if ($this->countModules(‘top-login’)) { ?>
<div class=”ja-box<?php echo $botsl[‘top-login’][‘class’]; ?>” style=”width: <?php echo $botsl[‘top-login’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”top-login” style=”raw” />
</div>
<?php } ?>
<!– END: LOGIN –><!– BEGIN: CHAT ICONO –>
<?php if ($this->countModules(‘top-chat’)) { ?>
<div class=”ja-box<?php echo $botsl[‘top-chat’][‘class’]; ?>” style=”width: <?php echo $botsl[‘top-chat’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”top-chat” style=”raw” />
</div>
<?php } ?>
<!– END: CHAT ICONO –>
</div><jdoc:include type=”modules” name=”top-menu” />
</div>
</div><?php endif; ?>
<!– END: UPPER –>
<!– BEGIN: HEADER –><div id=”ja-header” class=”clearfix”>
<jdoc:include type=”modules” name=”header” /></div>
<!– END: HEADER –><!– BEGIN: MAIN NAVIGATION –>
<div id=”ja-mainnavwrap”><div id=”ja-mainnav”>
<?php $jamenu->genMenu (0); ?>
</div><?php if ($this->countModules(‘user4’)) { ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”user4″ style=”raw” />
</div>
<?php } ?></div>
<?php if ($hasSubnav) { ?>
<div id=”ja-subnav” class=”clearfix”>
<?php $jamenu->genMenu (1,1); ?>
</div>
<?php } ?>
<!– END: MAIN NAVIGATION –>
<?php if($this->countModules(‘newsticker’)) : ?>
<!– BEGIN: NEWSTICKER –>
<div id=”ja-nwsticker”>
<jdoc:include type=”modules” name=”newsticker” />
</div>
<!– END: NEWSTICKER –>
<?php endif; ?>
<div id=”ja-containerwrap<?php echo $divid; ?>”>
<div id=”ja-container”>
<div id=”ja-container2″ class=”clearfix”><div id=”ja-mainbody” class=”clearfix”>
<!– BEGIN: CONTENT –>
<div id=”ja-content” class=”clearfix”><jdoc:include type=”message” />
<?php if($this->countModules(‘topart’)) : ?>
<!– BEGIN: TOPart –>
<div id=”ja-topart”>
<jdoc:include type=”modules” name=”topart” />
</div>
<!– END: TOPart –>
<?php endif; ?><?php if($this->countModules(‘topsl’)) : ?>
<!– BEGIN: TOPSL –>
<div id=”ja-topsl”>
<jdoc:include type=”modules” name=”topsl” />
</div>
<!– END: TOPSL –>
<?php endif; ?><div id=”ja-current-content” class=”clearfix”>
<jdoc:include type=”component” />
<?php if($this->countModules(‘banner’)) : ?>
<!– BEGIN: BANNER –>
<div id=”ja-banner”>
<jdoc:include type=”modules” name=”banner” />
</div>
<!– END: BANNER –>
<?php endif; ?></div>
</div>
<!– END: CONTENT –><?php if ($ja_right) { ?>
<!– BEGIN: RIGHT COLUMN –>
<div id=”ja-col2″>
<jdoc:include type=”modules” name=”right” style=”xhtml” />
</div>
<!– END: RIGHT COLUMN –>
<?php } ?></div>
<?php if ($ja_left) { ?>
<!– BEGIN: LEFT COLUMN –>
<div id=”ja-col1″>
<jdoc:include type=”modules” name=”left” style=”xhtml” />
</div>
<!– END: LEFT COLUMN –>
<?php } ?></div></div></div>
<!– BEGIN: PATHWAY –>
<div id=”ja-pathway”>
<strong>Ud. está aquí :</strong>
<jdoc:include type=”module” name=”breadcrumbs” />
</div>
<!– END: PATHWAY –><?php
$spotlight = array (‘user1′,’user2′,’user5′,’user6′,’user7′,’user8’);
$botsl = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
if( $botsl ) {
?>
<!– BEGIN: BOTTOM SPOTLIGHT –>
<div id=”ja-botsl” class=”clearfix”><?php if( $this->countModules(‘user1’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user1’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user1’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user1″ style=”xhtml” />
</div>
<?php } ?><?php if( $this->countModules(‘user2’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user2’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user2’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user2″ style=”xhtml” />
</div>
<?php } ?><?php if( $this->countModules(‘user5’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user5’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user5’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user5″ style=”xhtml” />
</div>
<?php } ?><?php if( $this->countModules(‘user6’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user6’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user6’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user6″ style=”xhtml” />
</div>
<?php } ?><?php if( $this->countModules(‘user7’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user7’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user7’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user7″ style=”xhtml” />
</div>
<?php } ?><?php if( $this->countModules(‘user8’) ) {?>
<div class=”ja-box<?php echo $botsl[‘user8’][‘class’]; ?>” style=”width: <?php echo $botsl[‘user8’][‘width’]; ?>;”>
<jdoc:include type=”modules” name=”user8″ style=”xhtml” />
</div>
<?php } ?></div>
<!– END: BOTTOM SPOTLIGHT –>
<?php } ?><!– BEGIN: FOOTER –>
<div id=”ja-footer” class=”clearfix”><jdoc:include type=”modules” name=”user3″ />
<jdoc:include type=”modules” name=”footer” /></div>
<!– END: FOOTER –></div>
<jdoc:include type=”modules” name=”debug” />
<script type=”text/javascript”>
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
</script>
<script type=”text/javascript”>
var pageTracker = _gat._getTracker(“UA-620459-1”);
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body></html>
[/PHP]Your help will be very appreciate it.
Best regards, Carlos
How to modify template header and add new modules
Viewing 4 posts - 1 through 4 (of 4 total)
