[RISOLTO]Modificare il template "basketball"

[gilfor]

Buongiorno a tutti. Da alcuni giorni sto cercando di adattare il template "Basketball" al sito in costruzione della squadra di calcio del mio paese (indirizzo: www.albanocalcio.it), realizzato con joomla 1.7. Avrei bisogno di qualche dritta, sperando che qualche navigatore (ho visto sul forum che qualcuno lo ha utilizzato) abbia già affrontato il problema. Vorrei modificare:

- il Top Menù, facendo in modo che l'altezza dello spazio per o gni singola sottocategoria del menù a comparsa sia più bassa: se avessi collegato ad una categoria 4 o 5 sotto categorie, con l'attuale altezza mi scendono sino a metà video, e graficamente non mi sembra gradevole da vedere.

- Le slide. Attualmente sono 5, che vengono visualizzate in modo alternato. Sulla destra delle foto c'è poi un box che presumo indichi la didascalia delle foto. Poiché le foto sono attinte dalla cartella "image" del template, e non tramite un modulo del pannello di controllo, la loro eventuale periodica sostituzione è piuttosto complicata. Vorrei quindi utilizzare questo spazio inserendo due moduli, di cui uno apposta per le slide. Però anche in questa circostanza non so come fare...

C'è qualcuno che mi può aiutare?
Grazie mille.
Gilbe

[adottauncane]

Ciao gilfor,
per il menù prova a sostituire con questo il css relativo:

Codice: [Seleziona]

.navigation ul li ul li {    height: 30px;    margin-top: 0;    padding-bottom: 15px;}defaut.css (riga 323)

Per la slide invece dovresti farti una posizione e inserire un'estensione slide.

[gilfor]

Grazie per la dritta, funziona! Ho soltanto diminuito ancora un po' (a 25px) l'altezza, e comunque adesso so (almeno spero!) come eventualmente regolarla. Secondo te, potrei sostituire il top-menù con qualche modulo graficamente più accattivante?
Approfitto della tua competenza: come si crea la "posizione" che mi suggerisci per cambiare l'area attualmente occupata dalle slide?
Ancora grazie per l'aiuto.
Gilbe

[adottauncane]

Per aggiungere nuove posizione:
http://wiki.joomla.it/index.php/Come_aggiungo_nuove_posizioni_modulo%3F
va bene anche per la 2.5
Non saprei... è un menù a tendina... puoi usare un'estensione esterna come questa:
http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/menu-editors/168
o un'altra in quella sezione. Però più o meno...

Se metti una posizione per aggiungere una slide esterna devi poi togliere il codice della slide dal template.
Questa è una ma tante ne trovi:
http://extensions.joomla.org/extensions/news-display/articles-display/articles-showcase/11309

[gilfor]

Ho risolto in parte il mio problema con le slide: anziché inserire un nuovo modulo, ho adattato il codice esistente del template modificando l'indirizzo da cui attingere per le foto, creando una cartella apposita nella sezione "Media" del pannello di amministrazione di Joomla. In questo modo, posso più facilmente sostituire le foto. Dovrei ora risolvere l'altro problema: come si vede dal sito www.albanocalcio.it, a desta delle slide viene riprodotto l'elenco descrittivo delle foto. Ho assoluto bisogno di eliminare questo spazio e sostituirlo con un modulo per banner o altro. Non possiedo approfondite cognizioni tecniche e non so assolutamente come e che cosa modificare. Qualcuno mi può fornire la soluzione? La parte di codice interessata dovrebbe essere questa:

   </div>                     <div id="">                         <!-- slider begin -->                             <div id="">                                 <ul class="">                                     <li> <!-- slider1 -->                                       <img src="../images/home_page/slide1.jpg" alt="" />                                     </li>                   <li><!-- slider2 -->                                         <img src="../images/home_page/slide2.jpg" alt="" />                                     </li>                                     <li><!-- slider3 -->                                          <img src="../images/home_page/slide3.jpg" alt="" />                                     </li>                                     <li><!-- slider4 -->                                         <img src="../images/home_page/slide4.jpg"  alt="" />                                     </li>                                     <li><!-- slider5 -->                                         <img src="../images/home_page/slide5.jpg"  alt="" />                                     </li>                                 </ul>                                     <ul class="">                                         <li><a href="#" rel="">01.[/url]</li>                                         <li><a href="#" rel="">02.[/url]</li>                                         <li><a href="#" rel="">03.[/url]</li>                                         <li><a href="#" rel="">04.[/url]</li>                                         <li><a href="#" rel="">05.[/url]</li>                                     </ul>                            </div>                                 <script type="">                                     $(function(){                                     $("#faded").faded({                                         speed: 6000,                                         crossfade: true,                                         autoplay: 7000,                                         autorestart: 500,                                         autopagination:false                                     });                                 });                                 </script><!-- slider end -->   

Grazie mille per l'aiuto.
Gilbe

[gilfor]

Il codice è questo e presumo si debba sostituire la parte di "pagination" con una nuova posizione/modulo:

</div>             
                    <div id="slideshow">               
                        <!-- slider begin -->                       
                            <div id="faded">                           
                                <ul class="contenu">                               
                                    <li> <!-- slider1 -->         
                                      <img src="../images/home_page/slide1.jpg" alt="slide1" />                                         
                                    </li>                               
                  <li><!-- slider2 -->                                   
                                        <img src="../images/home_page/slide2.jpg" alt="slide2" />                               
                                    </li>                               
                                    <li><!-- slider3 -->                                   
                                         <img src="../images/home_page/slide3.jpg" alt="slide3" />                                                   
                                    </li>                               
                                    <li><!-- slider4 -->                                   
                                        <img src="../images/home_page/slide4.jpg"  alt="slide4" />                               
                                    </li>               
                                    <li><!-- slider5 -->                                   
                                        <img src="../images/home_page/slide5.jpg"  alt="slide5" />                               
                                    </li>                                                   
                                </ul>                               
                                    <ul class="pagination">                                   
                                        <li><a href="#" rel="0">01.[/url]</li>                                   
                                        <li><a href="#" rel="1">02.[/url]</li>                                   
                                        <li><a href="#" rel="2">03.[/url]</li>                 
                                        <li><a href="#" rel="3">04.[/url]</li>                 
                                        <li><a href="#" rel="4">05.[/url]</li>                       
                                    </ul>                         
                           </div>                           
                                <script type="text/javascript">                                                               
                                    $(function(){                                   
                                    $("#faded").faded({                                     
                                        speed: 6000,                                     
                                        crossfade: true,                                     
                                        autoplay: 7000,                                     
                                        autorestart: 500,                                     
                                        autopagination:false                                   
                                    });                                 
                                });                           
                                </script><!-- slider end -->

[gilfor]

Proprio nessuno riesce a darmi una mano?
Grazie

[adottauncane]

Non credo che basti intervenire sul codice che hai postato, la slide è scritta così e richiama senz'altro un codice che fa funzionare quella parte.
Puoi eliminarla con il css:

#faded ul.pagination {
    display: none;}

default.css riga 480 e poi mettere una nuova posizione. Ma non saprei quanto questo sia efficace.

[gilfor]

Ciao "Adottauncane",
ti confesso che ho una certa allergia per qualsiasi tipo di animale, però, nel campo informatico, considerami una "bestia", per cui ti prego, adottami!. Ho modificato, come mi hai suggerito, il css, ed infatti, come potrai constatare nel sito www.albanocalcio.it, adesso sono scomparsi i riferimenti alle descrizioni delle slide nel box a destra delle medesime. Questo spazio è vuoto, ma come posso occuparlo con una nuova posizione? Ho creato la "posizione-20", ma non ho idea di come inserirla: Ho provato, seguendo le istruzioni all'indirizzo che mi avevi postato qualche giorno fa, ma devo aver combinato qualche guaio perché mi ha stravolto tutta l'impostazione dell'Home page, per cui ho dovuto ripristinare la versione precedente. Ti posto il codice dell'intero template: magari riesci meglio a capire i vari collegamenti:

Codice: [Seleziona]

// no direct access
defined('_JEXEC') or die('Restricted access');


?>


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


<head>   
<jdoc:include type="head" />
           
 <?php          
 $mod_right = $this->countModules( 'position-7' );        
 if ( $mod_right ) { $width = '';        
 } else { $width = '-full';}        
 ?>   
 
 <?php         
 $text1 = $this->params->get("text1", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus semper. ");        
 $text2 = $this->params->get("text2", "Maecenas a accumsan felis. Praesent scelerisque volutpat egestas.");    
 $text3 = $this->params->get("text3", "Pellentesque varius, tortor nec ultricies pretium, odio est gravida dolor, et rutrum erat. ");        
 ?>       
 
 <?php         
 $title1 = $this->params->get("title1", "01.latest news nba ");        
 $title2  = $this->params->get("title2", "02.players stat nba");    
 $title3  = $this->params->get("title3", "03.team and score");    
 $title4  = $this->params->get("title4", "04.gallery images");    
 $title5  = $this->params->get("title5", "05.tickets");        
 
 ?>           
 
 <?php    
 JHtml::_('behavior.framework', true);$app = JFactory::getApplication();
 $app = JFactory::getApplication();
 $csite_name  = $app->getCfg('sitename');
 $license  = "";
 ?>       
 
 <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/defaut.css" type="text/css" />   
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/scroll.js"></script>   
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/jquery.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/superfish.js"></script>       
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/hover.js"></script>   
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/innerfade.js"></script>   
 <script type="text/javascript" src="templates/<?php echo $this->template ?>/js/faded.js"></script> 
 
 <script type="text/javascript">               
 $(document).ready(function() {     
 $(' .navigation ul  ').superfish({     
 delay:       800,                                 
 animation:   {opacity:'show',height:'show'},       
 speed:       'normal',                               
 autoArrows:  false,                                 
 dropShadows: false                               
 });     
 });   
 </script>     
 
 <script type="text/javascript">     
 $(document).ready(       
 function(){         
 $('#news').innerfade({           
 animationtype: 'slide',           
 speed: 3000,           
 timeout: 5000,           
 type: 'random',           
 containerheight: '1em'         
 });               
 });   
 </script> 
 
</head>
<body>   
 <div id="content">     
    <div class="pagewidth">         
        <div id="sitename">                                       
            <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.jpg" width="845" height="75" alt="logotype" />[/url]                           
        <>         
            <div class="pagewidth2">             
                <div id="content-top">             
                    <div id="topmenu">                       
                        <div class="navigation">                               
                            <jdoc:include type="modules" name="position-1" />                           
                        <>                 
                    <>                 
                        <div id="content-bottom">                   
                            <div id="hightlight-t">NEWS:<>                         
                                <div id="hightlight-b">                           
                                    <ul id="news">                                         
                                        <li><a href="#n1"><?php echo $text1 ?>[/url]</li>                                 
                                        <li><a href="#n2"><?php echo $text2 ?>[/url]</li>                                           
                                        <li><a href="#n3"><?php echo $text3 ?>[/url]</li>                                     
                                    </ul>                       
                                <>                     
                                    <div id="search">                               
                                        <jdoc:include type="modules" name="position-0" />                           
                                    <>
           
                        <>                 
                <>             
                    <div id="slideshow">               
                        <!-- slider begin -->                       
                            <div id="faded">                           
                                <ul class="contenu">                               
                                    <li> <!-- slider1 -->         
                                      <img src="../images/home_page/slide1.jpg" alt="slide1" />                                         
                                    </li>                               
                  <li><!-- slider2 -->                                   
                                        <img src="../images/home_page/slide2.jpg" alt="slide2" />                               
                                    </li>                               
                                    <li><!-- slider3 -->                                   
                                         <img src="../images/home_page/slide3.jpg" alt="slide3" />                                                   
                                    </li>                               
                                    <li><!-- slider4 -->                                   
                                        <img src="../images/home_page/slide4.jpg"  alt="slide4" />                               
                                    </li>               
                                    <li><!-- slider5 -->                                   
                                        <img src="../images/home_page/slide5.jpg"  alt="slide5" />                               
                                    </li>                                                   
                                </ul>                               
                                    <ul class="pagination">                                   
                                        <li><a href="#" rel="0"><?php echo $title1 ?>[/url]</li>                                   
                                        <li><a href="#" rel="1"><?php echo $title2 ?>[/url]</li>                                   
                                        <li><a href="#" rel="2"><?php echo $title3 ?>[/url]</li>                 
                                        <li><a href="#" rel="3"><?php echo $title4 ?>[/url]</li>                 
                                        <li><a href="#" rel="4"><?php echo $title5 ?>[/url]</li>                       
                                    </ul>                         
                           <>                           
                                <script type="text/javascript">                                                               
                                    $(function(){                                   
                                    $("#faded").faded({                                     
                                        speed: 6000,                                     
                                        crossfade: true,                                     
                                        autoplay: 7000,                                     
                                        autorestart: 500,                                     
                                        autopagination:false                                   
                                    });                                 
                                });                           
                                </script><!-- slider end -->           
                    <>               
                        <div id="pathway-w">                   
                            <div id="pathway">                     
                                <div id="pathway-b">                         
                                    <jdoc:include type="modules" name="position-2"/>                 
                                <>                 
                                    <div id="datetime">                                       
                                        <?php echo date('d\ - m \- Y - H\:i'); ?>                                   
                                    <>                 
                            <>               
                        <>                   
                            <div id="wrapper">                   
                                <?php if ($this->countModules('position-3') || $this->countModules('position-4') || $this->countModules('position-6') || $this->countModules('position-8')) { ?>                       
                                    <div id="wrapper-box">                         
                                        <div class="box">                           
                                            <jdoc:include type="modules" name="position-3" style="xhtml" />                         
                                        <>                       
                                        <div class="box">                           
                                            <jdoc:include type="modules" name="position-4" style="xhtml" />                         
                                        <>                       
                                        <div class="box">                           
                                            <jdoc:include type="modules" name="position-6" style="xhtml" />                         
                                        <>                     
                                        <div class="box-f">                           
                                            <jdoc:include type="modules" name="position-8" style="xhtml" />                         
                                        <>                       
                                    <>                                         
                                <?php } ?>                   
                                    <div id="main<?php echo $width ?>">                               
                                        <jdoc:include type="component" />                             
                                    <>                                   
                                        <?php if ($this->countModules('position-7')) { ?>
                                            <div id="colonne">                                     
                                                <div id="right">                                         
                                                    <jdoc:include type="modules" name="position-7" style="xhtml" />                                     
                                                <>
                                            <>                       
                                        <?php } ?>               
                            <>
                                <div id="footer">
                    <div class="ftb">
                        Copyright&copy; <?php echo date( 'Y' ); ?> <?php echo $csite_name; ?> - codice fiscale - &nbsp;design by gilfor <a target=" _blank"  href= "http://www.albanocalcio.it" > <?php echo $license; ?>[/url]
                  <>
                  <div id="top">
                                        <div class="top_button">
                                            <a href="#" onclick="scrollToTop();return false;">
                                    <img src="templates/<?php echo $this->template ?>/images/top.png" width="30" height="30" alt="top" />[/url]
                                        <>
                          <>
                                <>               
            <>     
    <> 
<>




 </body>
 </html>

Grazie mille per il sostegno alla ... bestia.
Gilbe

[adottauncane]

Per inserire codice usa il tastino # e normalmente, se non richiesto, non serve.

Aggiungi questo css al fondo del file default.css

Codice: [Seleziona]

.adotta {
    float: right;
    margin-top: -316px;
    position: relative;
}
e la posizione dopo la riga:

</script><!-- slider end -->

Codice: [Seleziona]

<div class="adotta">                                               
<jdoc:include type="modules" name="adotta" style="xhtml" /></div>  e prima di:                           
</div>

sul php originale però, non so se il tuo è modificato...

Nel modulo che vuoi inserire lì, scrivi nella tendina delle posizioni adotta    

[gilfor]

Penso sia perfetto "Adottauncane"! Al momento ho creato la posizione abbinandola ad un "banner" e mi inserisce il logo di Joomla. Creerò in seguito un'immagine di sponsor della dimensione dello spazio, da sostituire con quella proposta in automatico (ma come la sostituisco: devo entrare nel pannello di amministrazione di joomla e rimpiazzo il jpg "white.png" con la mia "produzione"?). Se dovessi utilizzare altri moduli (tipo "prossimo incontro" di Joomsport), abbinandoli alla posizione "adotta" (buona la soluzione, anche perché aderisco alle adozioni a distanza), pensi possa procurarmi dei problemi? Comunque ho fatto un notevole passo avanti verso il completamento del mio lavoro.
Grazie davvero per l'aiuto.
Gilbe

[adottauncane]

No, se non smargini come larghezza. Nel caso aggiungi un width al css se vedi che ti dà problemi. Ricordati il [RISOLTO]. Grazie mille.

[gilfor]

Adesso funziona tutto alla perfezione.
Grazie!!!
Gilbe