Fai una copia prima.
Questo è l'index.php modificato per avere le slide tutte a sinistra e l'aggiunta di una slide:
<?php
/****************************************************
#####################################################
##-------------------------------------------------##
## UPSILUM- Version 1.6.0 ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011 ##
## Date = Avril 2011 ##
## Author = globbers ##
## Websites = http://www.globbersthemes.com ##
## ##
#####################################################
****************************************************/
// no direct access
defined('_JEXEC') or die('Restricted access');
?>
<!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; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.framework', true) ;
$app = JFactory::getApplication();
$templateparams = $app->getTemplate(true)->params;
$csite_name = $app->getCfg('sitename');
$license ="globbersthemes.com";
?>
<?php
$mod_left = $this->countModules( 'left' );
$mod_right = $this->countModules( 'right' );
if ( $mod_left && $mod_right ) {
$width = '';
} elseif ( ($mod_left || $mod_right) ) {
$width = '-mid';
} else {
$width = '-full'; }
?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/upsilum1.6/css/tdefaut.css" type="text/css" media="all" />
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/accordeon.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/cufon-replace.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/Segoe_UI_400.font.js"></script>
<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>
</head>
<body>
<div id="topmenu">
<div class="pagewidth">
<div id="navigation">
<ul class="nav" id="horiznav">
<jdoc:include type="modules" name="position-3" />
</ul>
</div>
</div>
<div class="pagewidth">
<div id="header">
<div id="sitename">
<a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png" width="296" height="87" alt="logotype" /></a>
</div>
<div id="search-bg">
<jdoc:include type="modules" name="position-0" />
</div>
</div>
<div id="mod-slide">
<div id="slide-container">
<ul id="accordion">
<li>
<div class="stretcher">
<img src="templates/<?php echo $this->template ?>/images/slide_show_act_it_4.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="templates/<?php echo $this->template ?>/images/slide_show_it_4.jpg" alt="" class="tab" />
<div style="padding-left:41px;">
<img src="templates/<?php echo $this->template ?>/images/slide_im_4.jpg" alt=" " class="img" />
</div>
</div>
</li>
<li>
<div class="stretcher">
<img src="templates/<?php echo $this->template ?>/images/slide_show_act_it_4.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="templates/<?php echo $this->template ?>/images/slide_show_it_4.jpg" alt="" class="tab" />
<div style="padding-left:41px;">
<img src="templates/<?php echo $this->template ?>/images/slide_im_4.jpg" alt=" " class="img" />
</div>
</div>
</li>
<li>
<div class="stretcher">
<img src="templates/<?php echo $this->template ?>/images/slide_show_act_it_1.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="templates/<?php echo $this->template ?>/images/slide_show_it_1.jpg" alt="" class="tab" />
<div style="padding-left:41px;">
<img src="templates/<?php echo $this->template ?>/images/slide_im_1.jpg" alt="" class="img" />
</div>
</div>
</li>
<li>
<div class="stretcher">
<img src="templates/<?php echo $this->template ?>/images/slide_show_act_it_2.jpg" alt="" class="tab" style="visibility:hidde" />
<img src="templates/<?php echo $this->template ?>/images/slide_show_it_2.jpg" alt="" class="tab" />
<div style="padding-left:41px;">
<img src="templates/<?php echo $this->template ?>/images/slide_im_2.jpg" alt=" " class="img" />
</div>
</div>
</li>
<li>
<div class="stretcher" style="width:686px;">
<img src="templates/<?php echo $this->template ?>/images/slide_show_act_it_3.jpg" alt="" class="tab" style="visibility:hidden" />
<img src="templates/<?php echo $this->template ?>/images/slide_show_it_3.jpg" alt="" class="tab" />
<div style="padding-left:41px;">
<img src="templates/<?php echo $this->template ?>/images/slide_im_3.jpg" alt=" " class="img" />
</div>
</div>
</li>
</li>
</ul>
</div>
</div>
</div>
<div id="wrapper">
<div class="pagewidth">
<?php if($this->countModules('left')) : ?>
<div id="left">
<jdoc:include type="modules" name="left" style="rounded" />
</div>
<?php endif; ?>
<div id="main<?php echo $width;?>">
<jdoc:include type="component" />
</div>
<?php if($this->countModules('right')) : ?>
<div id="right">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
<?php endif; ?>
</div>
</div>
<div id="footer">
<div class="pagewidth">
<div id="users-box">
<div class="box">
<jdoc:include type="modules" name="position-1" style="xhtml" />
</div>
<div class="box">
<jdoc:include type="modules" name="position-2" style="xhtml" />
</div>
<div class="box">
<jdoc:include type="modules" name="position-4" style="xhtml" />
</div>
<div class="box">
<jdoc:include type="modules" name="position-5" style="xhtml" />
</div>
</div>
</div>
</div>
<div id="pathway">
<div class="pagewidth">
<jdoc:include type="modules" name="breadcrumbs" />
</div>
</div>
<div id="footer_tm">
<div class="pagewidth">
<div class="ftb">
Copyright© <?php echo date( '2008 - Y' ); ?> <?php echo $csite_name; ?>. design by globbers for <a target=" _blank" href= "http://www.globbersthemes.com" > <?php echo $license; ?></a>
</div>
<div id="top">
<div class="top-button">
<a href="#" onclick="scrollToTop();return false;"><img src="templates/<?php echo $this->template ?>/images/top.png" width="22" height="22" alt="top" /></a>
</div>
</div>
</div>
</div>
</body>
</html>
Questo è da sostituire nel file accordeon.js, nella cartella js del template (per avere una slide in più):
window.addEvent('domready', function(){
var szSmall = 41, szFull = 686;
var accordion = $$("#accordion .stretcher");
var fx = new Fx.Elements(accordion, {wait: false, duration: 500, transition: Fx.Transitions.Expo.easeInOut});
accordion.each(function(stretcher, i) {
stretcher.addEvent("click", function(event) {
var o = {};
o[i] = {width: [stretcher.getStyle("width").toInt(), szFull]}
toglers = stretcher.getElementsByTagName("img");
if (toglers[0].style.visibility == "hidden") {
toglers[0].style.visibility = "visible";
toglers[1].style.visibility = "hidden";
}
accordion.each(function(other, j) {
if(i != j) {
var w = other.getStyle("width").toInt();
if(w != szSmall) o[j] = {width: [w, szSmall]};
toglers = other.getElementsByTagName("img");
toglers[1].style.visibility = "visible";
toglers[0].style.visibility = "hidden";
}
}
);
fx.start(o);
});
});
});
Confrontali con i vecchi file per capire cosa modificare nel caso volessi ancora una slide. In pratica devi sostituire la largezza 686 con 686-41. Naturalmente i nuovi file immagine della slide falli nella misura giusta e nella prima slide (o la seconda) cambia il nome del file (adesso ho fatto un copia incolla).
