[RISOLTO] Creare nuova posizione template!

[Salvų]

Salve gente 


ho un piccolo problemino che spero riusciate a risolvermi. Sto lavorando ad un template e vorrei creare una nuova posizione, esattamente tra la fine del template e la riga di testo finale del sito (per intenderci dove c'č il copyright), dove inserire un immagine. Come faccio??


Ho letto la guida contenuta sul Joomla Wiki ma non ci sono riuscito...


Qualcuno puō spiegarmi in maniera chiara e dettagliata cosa modificare e/o inserire nel css tdefault del template?


Vi posto l'immagine per farvi capire in che punto del template vorrei inserire la posizione:


http://imageshack.us/photo/my-images/252/schermata022455984alle1.gif/


Grazie mille a tutti per l'aiuto! 

[tonicopi]

L'assunto da cui parti č sbagliato. Prima di preoccuparti di cosa devi scrivere nel file css devi preoccuparti di cosa scrivere nella index.php del template. Ma che guida stai seguendo? 

[Salvų]

Ah ecco! 


E quindi puoi spiegarmi bene cosa devo inserire nel file index.php?

[tonicopi]

Vai in gestione moduli e crea un modulo di tipo html personalizzato con scritto sono qui.
Nel box della posizione modulo scrivi: nuovo
Lo pubblichi in tutte le pagine.
Quindi apri la index.php del template e immediatamente prima del tag di chiusura del body inserisci il tuo modulo incollando questo codice:

Codice: [Seleziona]

<div id="nuovo"><jdoc:include type="modules" name="nuovo"   />
                                                        </div>
in modo che diventi cosė:

Codice: [Seleziona]

<div id="top"><jdoc:include type="modules" name="position-12"   />
                                                        </div>
 </body>
A questo punto osservi nel sito dove appare la frase sono qui scritta nel tuo modulo.
Puoi inserire nel css tutte le regole che vuoi per formattare questo nuovo modulo tipo:

Codice: [Seleziona]

#nuovo{
color:red;
text-align:center;
}
Eccetera...
Capita la faccenda dovrebbe essere semplice spostarlo in giro per il template... 

[Salvų]

ok, ora ci provo 

[Salvų]

Vai in gestione moduli e crea un modulo di tipo html personalizzato con scritto sono qui.
Nel box della posizione modulo scrivi: nuovo
Lo pubblichi in tutte le pagine.
Quindi apri la index.php del template e immediatamente prima del tag di chiusura del body inserisci il tuo modulo incollando questo codice:

Codice: [Seleziona]

<div id="nuovo"><jdoc:include type="modules" name="nuovo"   />
                                                        <>



Ok, ho creato il modulo seguendo le tue istruzioni ed ho inserito il codice che ho appena citato sul file index.php 


A questo punto andando a visualizzare il sito la scritta "sono qui" appare in altro a destra ma io la vorrei centrale in basso al sito. 


Per farti capire com'č la situazione attuale e dove dovrebbe andare il nuovo modulo ti posto una foto del sito: 


http://imageshack.us/photo/my-images/17/schermata022455984alle1.gif/


Come faccio a portarla lė la scritta??? 


Ah, non ho capito a che serve questa seconda parte di codice che hai scritto... 

<div id="top"><jdoc:include type="modules" name="position-12"   />
                                                        <>
 </body>

[maicolstaip]

Ciao salvux93,
questo codice l'hai messo appena prima del tag
/body

Codice: [Seleziona]

<div id="nuovo"><jdoc:include type="modules" name="nuovo"   />
                                                         </div>
?

[Salvų]

Ecco come risulta tutto il file index.php giā modificato...


Vedi cosa ho sbagliato... 

Codice: [Seleziona]

<?php

/****************************************************
#####################################################
##-------------------------------------------------##
##           CLASSIC DARK                          ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011            ##
## Date      = OCTOBRE 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">

<head>

    <jdoc:include type="head" />
    <?php JHTML::_('behavior.framework', true); 
    $app                = JFactory::getApplication();
    $templateparams     = $app->getTemplate(true)->params;
    $csite_name    = $app->getCfg('sitename');
    ?>
   
    <?php  #main width#
    $mod_right = $this->countModules( 'position-7' );
    if ( $mod_right ) { $width = '';
    } else { $width = '-full';}
    ?>
   
   
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/classicdark/css/tdefaut.css" type="text/css" media="all" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/classicdark/css/joomlastyle.css" type="text/css" media="all" />
<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/modal.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/slideshow.js"></script>
<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />

 
   <script type="text/javascript">
        $().ready(function() {
        $('#dialog').jqm();
        });
    </script>
   
    <script type="text/javascript">               
        $(document).ready(function() {
        $(' .navigation ul  ').superfish({
          delay:       1000,                           
          animation:   {opacity:'show',height:'show'}, 
          speed:       'normal',                         
          autoArrows:  false,                           
          dropShadows: false                           
       });
       });
    </script>
     
     

</head>
<body>
    <div class="pagewidth">
        <div id="sitename">
            <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png" width="453" height="184" alt="logotype"/></a>
        </div>
            <div id="newsflash">
                <div id="newsflash-content">
                    <jdoc:include type="modules" name="position-3" />
                </div>
            </div>
                <div id="topmenu">
                    <div class="navigation">
                        <jdoc:include type="modules" name="position-1" />
                    </div>
                       
                </div>
                    <div id="wrapper-main">
                        <div id="main<?php echo $width; ?>">
                            <div id="slide">
                                <div id="slideshow-w">
                                    <div id="slideshow">
                                        <img src="templates/<?php echo $this->template ?>/images/slide1.jpg" alt="image1" />
                                        </div>
                                </div>
                            </div>
                            <script type="text/javascript" charset="utf-8">
                                $(document).ready(function(){
                                $("#slideshow").slideshow({
                                    pauseSeconds:5,
                                    height:230,
                                    fadeSpeed:0.5,
                                    width:619,
                                    caption: false
                               });
                           });
                           </script>
                           <div class="clr"></div>
                                <div id="main-content<?php echo $width; ?>">
                                    <jdoc:include type="component" />
                                </div>
                        </div>
                            <?php if ($this->countModules('position-7')) { ?>
                                <div id="right">
                                    <jdoc:include type="modules" name="position-7" style="xhtml" />
                                </div>
                            <?php } ?>
                    </div>
                        <div id="ftb-f">
                            <div class="ftb">
                             <?php echo date( 'Y' ); ?>&nbsp; <?php echo $csite_name; ?>&nbsp;&nbsp;<?php require("template.php"); ?>
                            </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="30" height="30" alt="top"/></a>
                            </div>
                        </div>
                           
                        </div>           
    </div>
<div id="nuovo"><jdoc:include type="modules" name="nuovo"   />
                                                        </div>
  </body>
</html>


[tonicopi]

Sostituisci la index.php con questa:

Codice: [Seleziona]

<?php

/****************************************************
#####################################################
##-------------------------------------------------##
##           CLASSIC DARK                          ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2011            ##
## Date      = OCTOBRE 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">

<head>

    <jdoc:include type="head" />
    <?php JHTML::_('behavior.framework', true); 
    $app                = JFactory::getApplication();
    $templateparams     = $app->getTemplate(true)->params;
    $csite_name    = $app->getCfg('sitename');
    ?>
   
    <?php  #main width#
    $mod_right = $this->countModules( 'position-7' );
    if ( $mod_right ) { $width = '';
    } else { $width = '-full';}
    ?>
   
   
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/classicdark/css/tdefaut.css" type="text/css" media="all" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/classicdark/css/joomlastyle.css" type="text/css" media="all" />
<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/modal.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/slideshow.js"></script>
<link rel="icon" type="image/gif" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/favicon.gif" />

 
   <script type="text/javascript">
        $().ready(function() {
        $('#dialog').jqm();
        });
    </script>
   
    <script type="text/javascript">               
        $(document).ready(function() {
        $(' .navigation ul  ').superfish({
          delay:       1000,                           
          animation:   {opacity:'show',height:'show'}, 
          speed:       'normal',                         
          autoArrows:  false,                           
          dropShadows: false                           
       });
       });
    </script>
     
     

</head>
<body>
    <div class="pagewidth">
        <div id="sitename">
            <a href="index.php"><img src="templates/<?php echo $this->template ?>/images/logo.png" width="453" height="184" alt="logotype"/>[/url]
        </div>
            <div id="newsflash">
                <div id="newsflash-content">
                    <jdoc:include type="modules" name="position-3" />
                </div>
            </div>
                <div id="topmenu">
                    <div class="navigation">
                        <jdoc:include type="modules" name="position-1" />
                    </div>
                       
                </div>
                    <div id="wrapper-main">
                        <div id="main<?php echo $width; ?>">
                            <div id="slide">
                                <div id="slideshow-w">
                                    <div id="slideshow">
                                        <img src="templates/<?php echo $this->template ?>/images/slide1.jpg" alt="image1" />
                                        </div>
                                </div>
                            </div>
                            <script type="text/javascript" charset="utf-8">
                                $(document).ready(function(){
                                $("#slideshow").slideshow({
                                    pauseSeconds:5,
                                    height:230,
                                    fadeSpeed:0.5,
                                    width:619,
                                    caption: false
                               });
                           });
                           </script>
                           <div class="clr"></div>
                                <div id="main-content<?php echo $width; ?>">
                                    <jdoc:include type="component" />
                                </div>
                        </div>
                            <?php if ($this->countModules('position-7')) { ?>
                                <div id="right">
                                    <jdoc:include type="modules" name="position-7" style="xhtml" />
                                </div>
                            <?php } ?>
                    </div>

<div id="nuovo"><jdoc:include type="modules" name="nuovo"   />
                                                        </div>


                        <div id="ftb-f">
                            <div class="ftb">
                             <?php echo date( 'Y' ); ?>&nbsp; <?php echo $csite_name; ?>&nbsp;&nbsp;<?php require("template.php"); ?>
                            </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="30" height="30" alt="top"/>[/url]
                            </div>
                        </div>
                           
                        </div>           
    </div>

  </body>
</html>
Dovrebbe piazzare il div dove lo vuoi tu 

[Salvų]

Forse c'č qualche errore di distrazione nel codice...


dopo averlo inserito, il modulo rimane sempre al solito posto e appaiono delle scritte.


Ecco un'immagine del sito dopo aver inserito quel codice:


http://imageshack.us/photo/my-images/834/schermata022455984alle2.png/

[Salvų]

Trovato l'errore?

[Salvų]

GRAZIE A TUTTI, DAVVERO! 

[Salvų]

tonicopi 


volevo chiederti un'ultima cosa...


ho trasferito il sito sul dominio ufficiale e tutto funziona alla grande solo che mi sono accorto che quella posizione in alto che abbiamo creato (per intenderci dove ho messo le icone dei social networks) si sposta a seconda di quanto allargo la finestra del sito...


puoi vedere tu stesso recandoti sul sito www.bagheriabenecomune.org


Come faccio a renderla "ancorata" sul sito?


il codice incriminato č questo:

Codice: [Seleziona]

#icon {
  left: 790px;
  position: absolute;
  top: 15px;
}