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
-
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
-
Cioa cliosuper,
che problemi? (usa il code per inserire il codice... Grazie) :)
-
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?
-
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...
-
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?
-
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;
}
-
Ragazzi risolto! avevo sbagliato una piccola cosa nella scrittura! :D