Back to top

Autore Topic: Problema con creazione template con colonna di destra  (Letto 740 volte)

Offline bircastri

  • Esploratore
  • **
  • Post: 106
    • Mostra profilo
Salve a tutti, sto impazzendo con la realizzazione di un template, ho seguito la guida quando ho comprato il corso di joomla, in quella guida il lavoro da effettuare era quello di creare un template con l'head, il bredcrumps, una colonna di sinistra, la parte centrale e il footer.

Seguendo la guida ovviamente non ho avuto nessun problema, ora però voglio creare un template mio che abbia anche la colonna di destra, ma quando la inserisco non funziona. Il layout è possibile visionarlo al seguente sito www.pippotattoo.altervista.org.

posto anche il codice relativo al file index.php
Codice: [Seleziona]
<?php defined"_JEXEC" ) or die( "Restricted access" );?>
<jdoc:comment></jdoc:comment>
<!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="{LANG_TAG}" lang="{LANG_TAG}" dir="{LANG_DIR}" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/apollo/css/template_css.css" type="text/css" />
<link rel="stylesheet" href="templates/apollo/css/layout.css" type="text/css" />
</head>
<body>

<!-- Gabbia esterna -->
<div id="gabbia">

<!-- Inserisce immagine top -->
<div id="top"><jdoc:include type="modules" name="top" style="xhtml"/></div>

<!-- Apre il corpo centrale -->
<div id="centro">

<!-- Inserisce l'immagine principale -->
<div class="header"><jdoc:include type="modules" name="header" style="xhtml" /></div>

<!-- Inserisce la barra di navigazione -->
<div class="navigatore"><jdoc:include type="module" name="breadcrumbs" /></div>

<!-- Inserisce il blocco left -->
<div class="bloccoleft"><jdoc:include type="modules" name="left" style="table" /></div>



<!-- Inserisce il blocco centrale dei componenti -->
<div class="middle"><jdoc:include type="component" /></div>

<div class="bloccoright">  <jdoc:include type="modules" name="right" style="rounded"/></div>
<!-- Setta impostazioni ottimali -->
<div id="clear"></div>

<!-- Inserisce il blocco con il copyright -->
<div class="piedipagina"><jdoc:include type="module" name="footer" /></div>
</div>




<!-- Inserisce la grafica di chiusura in basso -->
<div id="down"></div>

<!-- Chiude la gabbia esterna -->
</div>

<!-- Inserisce le note testuali in fondo al tema -->
<div id="footer">
Template didattico per scopi dimostrativi
</div>



</body>
</html>


CODICE RELATIVO AL FILE templatesDetail.xml

Codice: [Seleziona]
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://dev.joomla.org/xml/1.5/template-install.dtd">
<install version="1.5" type="template">
<name>SimpleTemplate</name>
<creationDate>05/2010</creationDate>
<author>ventus85</author>
<authorEmail></authorEmail>
<authorUrl>http://www.ventus85.com</authorUrl>
<copyright></copyright>
<license>GNU/GPL</license>
<version>1.0.0</version>
<description>Esempio di template per Joomla</description>
<files>
  <filename>index.php</filename>
  <filename>templateDetails.xml</filename>
  <filename>css/template.css</filename>
    <filename>css/ie7only.css</filename>
  <filename>css/ie8only.css</filename>
<filename>images/header.png</filename>
<filename>images/button.png</filename>
<filename>images/menu.png</filename>
</files>
<positions>
<position>left</position>
<position>right</position>
<position>top</position>
<position>footer</position>
</positions>
</install>

CODICE RELATIVO AL FILE template.css

Codice: [Seleziona]
body {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.3em;
      margin: 0;
      padding: 0;
      font-size: 13px;
      color: #0F0F0F;
    }
 
    a:link, a:visited, a:hover{
      text-decoration: none;
      font-weight: normal;
      color: #000;
      outline: none;
      text-align: left;
    }
    #container {
      width: 950px;
      margin: auto;
      background-color: #E8E8E8;
      border: 1px solid #e2e2e2;
      text-align: left;
    }

    #header {
      text-align: center;
      background-image:url(../images/header.png);
      height: 100px;
    }
 
    #content {
      width: 600px;
      text-align: left;
      background-color: #E8E8E8;
      padding: 5px;
    }

    #sidebar_left {
      text-align: center;
       background-image:url(../images/sfumatura_grigio_perla.png);
      width: 160px;
      border-right: 1px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2;
      padding: 5px;
    }
 
    #sidebar_right {
     background-image:url(../images/sfumatura_grigio_perla.jpg);
      text-align: center;
      width: 160px;
      border-left: 1px solid #e2e2e2;
      border-bottom: 1px solid #e2e2e2;
      padding: 5px;
    }

   #footer {
      background-image:url(../images/footer.png);
   
      text-align: center;
      border-top: 1px solid #e2e2e2;
      border-botom: 1px solid #e2e2e2;
      padding: 5px;
    }
   
        img {
        border: 0;
        float: left;
    }
   
    .clear {
      clear: both;
    }
 
    .overall {
      background-color: #fff;
    }
   
     .float {
      float: left;
    }
 
 
    div.center {
      text-align: center;
      margin: 0px auto 0 auto;
      padding: 0;
      width: 950px;
      background: #FFFFFF;
    }

L'ERRORE CONSISTE NEL FATTO CHE IL MODULO DI DESTRA MI VIENE POSTATO ALLA FINE DEL SITO LA SEZIONE PUBBLICITà E SONDAGGI DOVREBBE APPARIRE A DESTRA INVECE VIENE POSTATO IN FONDO AL SITO

AIUTATEMI PER FAVORE

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Problema con creazione template con colonna di destra
« Risposta #1 il: 16 Lug 2010, 17:58:46 »
ciao
segui questa guida
http://www.contiweb.altervista.org/index.php?option=com_content&view=article&id=66&Itemid=26
e un template base con le tre colonne left main e right.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif