Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : cliosuper 25 Aug 2010, 21:36:01

: [Risolto] Problema impaginazione template e menu
: cliosuper 25 Aug 2010, 21:36:01
Ragazzi ho un problema nella costruzione di un template.
Vorrei costruire un template diviso in 3 zone, una parte alta per il logo con sfondo nero, una parte centrale con sfondo bianco dove saranno presenti i contenuti del sito e una parte in basso con sfondo nero dove sarà inserito il footer.

Il mio sito è questo:
http://www.lover-design.com/

Io vorrei arrivare ad un risultato come questo (anche se ho visto mi pare sia fatto in flash):
http://www.jackmalipan.net/

Come vedete io riscontro quei problemi...vi inserisco il codice dell index.php e il relativo css

Index.php:

:
<body>

<div id="wrapper" >

<div id="oversection" >

<div id="logo" >
</div>
</div>


<div id="mainsection" >
</div>


<div id="undersection" >
  <div id="menu" >
  <jdoc:include type="modules" name="top" style="xhtml" />
  </div>
 </div>

</div>


</body>

Css:
:
body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
background-color:#000;

}

#wrapper {

margin:0 auto;
height:470px;

}


#oversection {

height:60px;
background-color:#000;
}



#logo {
background-image:url(../images/logo.png);
background-position:left;
height:56px;
background-repeat:no-repeat;
margin-left:20px;
}

#mainsection {
height:450px;
background-color:#FFF;
}

#undersection {
height:60px;
background-color:#000;
}


#menu {
width:100%;
height:80px;
color:#fff;
font-size:14px;
margin-left:20px;
margin-top:20px;


}

#menu a:link, #topmenu a:visited {
color:#fff;
font-size:16px;
font-family:"Courier New", Courier, monospace;
padding:20px;
text-decoration:none;
text-align:center;


}

#menu a:hover {
color:#CCC;
text-decoration:underline;
}

Mi potete aiutare please!?  :D
: Re:Problema impaginazione template
: adottauncane 25 Aug 2010, 21:48:19
Cioa cliosuper,
che problemi? (usa il code per inserire il codice... Grazie) :)
: Re:Problema impaginazione template
: cliosuper 25 Aug 2010, 21:53:07
Hai ragione scusami!
I problemi sono quelli che ho citato sopra vorrei dividere il sito nello stesso modo con gli stessi colori di sfondo delle 3 sezioni come trovate nel sito che vi ho elencato di esempio:

http://www.jackmalipan.net/

Solo che come l ho strutturato io mi da questo risultato:

http://www.lover-design.com/

Dove sbaglio?
: Re:Problema impaginazione template
: adottauncane 25 Aug 2010, 22:00:58
Continuo a non capire... io vedo che il sito di esempio ha due fasce nere, sopra e sotto, e una bianca in centro. Come il tuo... poi hai messo un marchio in negativo nella fascia superiore mentre l'altro ce l'ha in positivo al centro... Spiega a parole cosa vorresti fare, perché visivamente sono uguali...
: Re:Problema impaginazione template
: cliosuper 25 Aug 2010, 22:13:15
Non sono uguali ti spiego perchè...io non riesco a fare le due fasce piccole...se noti quella inferiore resta molto grande...e una parte di sfondo di quella inferiore è parte del body capito?

Poi nel suo si vede interamente, il mio invece se noti la parte bianca non sta aderente ai bordi dello schermo, anzi viene la fa barra inferiore per scorrere la pagina capito?
: Re:Problema impaginazione template
: cliosuper 26 Aug 2010, 00:41:20
Ho deciso di cambiare un pò il sito e farlo diversamente...ho solo un piccolo problema...come mai mi ritrovo il menu cosi tutto attaccato e sottolineato?

Eppure nel css, ho inserito sia il padding che la proprietà text-decoration:none!

:
body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
background-color:#000;

}

#wrapper {

margin:0 auto;
height:470px;
width:90%;

}


#oversection {

height:60px;
background-color:#000;
width:90%;
}



#logo {
background-image:url(../images/logo.png);
background-position:left;
height:56px;
background-repeat:no-repeat;
margin-left:10px;
}

#mainsection {
height:480px;
background-color:#FFF;
width:90%;
}

#undersection {
height:60px;
background-color:#000;
width:90%;

}


#menu {
height:60px;
color:#fff;
font-size:16px;
margin-left:800px;
margin-top:10px;


}

#menu a:link, #topmenu a:visited {
color:#fff;
font-size:16px;
font-family:"Courier New", Courier, monospace;
padding:10px;
text-decoration:none;



}

#menu a:hover {
color:#CCC;
}

#home {
height:450px;
width:60%;
padding-top:10px;
margin-left:600px;
color:#000;
font-family:"Courier New", Courier, monospace;
}
: Re:Problema impaginazione template e menu
: cliosuper 26 Aug 2010, 00:59:05
Ragazzi risolto! avevo sbagliato una piccola cosa nella scrittura!  :D