Ne so pochissimo di codici e per crearmi il mio template mi sono servita di una base che avevo.
Solo che pur se credo di aver seguito tutte le impostazioni necessarie mi ritrovo con dei problemi di centratura.
Vi prego...ormai è più di un mese che lotto quotidianamente con codici e photoshop...aiutatemi.
vi posto il codice della pagina così che possiate dargli un'occhiata.
Grazie
- Codice: Seleziona tutto
<html>
<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<title>--titolo--</title>
<style type="text/css">
html {
scrollbar-face-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
}
body{
text-align: center;
background-image: url('http://i1172.photobucket.com/albums/r573/vivianaenif/25bg9.jpg');
color: #000000;
font-size: 12px;
font-family: "Georgia";
}
a:link, a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
color: #000000;
text-decoration: none;
height: 12px;
}
#contenitore{
width: 1100px!important; /*firefox e IE7*/;
width: 1106px; /*sovrascritto all IE */
margin: 20px auto;
background-image: url('http://i1172.photobucket.com/albums/r573/vivianaenif/rigamia2.png');
background-repeat: repeat;
border: 2px ridge #000000;
overflow: hidden;
}
#intestazione {
height: 800px;
background-image: url('http://i1172.photobucket.com/albums/r573/vivianaenif/miabasemod2-1.png');
background-repeat: no-repeat;
overflow: hidden;
}
#colonnasx {
float: left;
display: inline;
width: 246px;
margin: -650px 0px 0px 9px!important; /*firefox e IE7*/
margin: -650px 0px 0px 9px; /*sovrascritto all IE */
overflow: hidden;
}
#centro {
float: left;
display: inline;
width: 564px;
margin: 0px 0px 0px 13px;
overflow: hidden;
}
.post {
margin: 15px 0px;
word-wrap: break-word;
}
.titolopost {
color: #bdab5f;
text-align: center;
font-size: 14px;
}
.datapost {
background-image: url(http://i1172.photobucket.com/albums/r573/vivianaenif/titolopostmio.png);line-height: 30px; line-width: 564px; letter-spacing: 2px;
filter: alpha (style=2, opacity=100 finishopacity=0);
font-family: Georgia;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
color:#000000;
}
.categoria {
color: #000000;
text-align: left;
}
#colonnadx {
float: right;
display: inline;
width: 246px;
margin: -650px 9px 0px 0px!important; /*firefox e IE7*/
margin: -650px 11px 0px 0px; /*sovrascritto all IE */
overflow:hidden;
}
.elemento{
margin:15px auto;
width: 246px;
color: #000000;
word-wrap: break-word;
overflow: hidden;
}
.titolettosx {
background-image: url(http://i1172.photobucket.com/albums/r573/vivianaenif/nuovobottone.png);line-height: 28px; line-width: 246px; letter-spacing: 2px;
font-family: Georgia;
font-size: 14px;
margin-bottom: 10px;
color: #000000;
text-align: center;
font-weight: bold;
}
.titolettodx {
background-image: url(http://i1172.photobucket.com/albums/r573/vivianaenif/nuovobottone.png);line-height: 28px; line-width: 246px; letter-spacing: 2px;
font-family: Georgia;
font-size: 14px;
margin-bottom: 10px;
color: #000000;
text-align: center;
font-weight: bold;
}
#fondopagina {
clear: both;
color: #000000;
}
</style>
</head>
<body>
<div id="contenitore"><!--inizio contenitore generale-->
<!--inizio intestazione-->
<div id="intestazione"></div>
<!--fine intestazione-->
<div id="colonnasx"><!--inizio colonna sx-->
<!--inizio elementi-->
<a href="http://s1172.photobucket.com/albums/r573/vivianaenif/?action=view&current=purpletorch.gif" target="_blank"><img src="http://i1172.photobucket.com/albums/r573/vivianaenif/purpletorch.gif" border="0" alt="Photobucket"></a>
<div class="elemento">
<marquee style="filter:wave(add=10, phase=1, freq=2, strength=1 ); color:#000000" height=100 width=201 direction=up scrollamount=1>
<center>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
</center>
</marquee>
</div>
<div class="elemento">
<div class="titolettosx">Qualcosa di me</div>
<center>Scrivi qualcosa su di te!</center>
</div>
<div class="elemento">
<div class="titolettosx">Cosa Leggo</div>
Scrivi cosa ti piace leggere
</div>
<div class="elemento">
<div class="titolettosx">Cosa guardo</div>
I tuoi film preferiti
</div>
<div class="elemento">
<div class="titolettosx">Adesivi</div>
--Puoi inserire adesivi max 246px di larghezza!--
</div>
<div class="elemento">
<div class="titolettosx">Commenti</div>
--ultimicommenti--
</div>
<div class="elemento">
<div class="titolettosx">Blog amici</div>
<center><table style: font-color= "#000000" border ="1" bordercolordark= "#000000" width="110" align=center>
<tr><td><marquee scrolldelay=200 width="110" height="120" direction="Up" onmouseover="this.stop()"
onmouseout="this.start()">
<p class="scrivi"><center>
banner<br>
banner<br>
banner<br>
</center>
</p></marquee></tr></td></table></center>
</div>
<div class="elemento">
<div class="titolettosx">Visite</div>
--counter--
</div>
</div> <!---fine colonna sx-->
<div id="centro"> <!-- inizio parte centrale -->
<!--inizio post-->
--post--
<center><font color="#000000">--pagine--</font></center>
<!--fine post-->
</div><!--fine parte centrale-->
<div id="colonnadx"><!--inizio colonna dx-->
<!--inizio elementi-->
<a href="http://s1172.photobucket.com/albums/r573/vivianaenif/?action=view&current=purpletorch.gif" target="_blank"><img src="http://i1172.photobucket.com/albums/r573/vivianaenif/purpletorch.gif" border="0" alt="Photobucket"></a>
<div class="elemento">
<marquee style="filter:wave(add=10, phase=1, freq=2, strength=1 ); color:#000000" height=100 width=201 direction=up scrollamount=1>
<center>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
Scrivi ciò che vuoi<br>
</center>
</marquee>
</div>
<div class="elemento">
<div class="titolettodx">Il blog</div>
Scrivi qualcosa sul blog!
</div>
<div class="elemento">
<div class="titolettodx">Data e Ora</div>
Metti il tuo orologio!
</div>
<div class="elemento">
<div class="titolettodx">Categorie</div>
<center>--categorie--</center>
</div>
<div class="elemento">
<div class="titolettodx">Archivio</div>
<center>--archivio--</center>
</div>
<div class="elemento">
<div class="titolettodx">Il mio banner</div>
<center>Inserisci qui banner con relativo codice
</center>
</div>
<div class="elemento">
<div class="titolettodx">Crediti</div>
</div>
<div class="elemento">
<div class="titolettodx">Disclaimer</div>
<center> Questo blog non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicità.<br>
Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62 del 7.03.2001</center>
</div>
<!--fine elementi-->
</div><!--fine colonna dx -->
</div><!-- fine contenitore generale -->
</body>
</html>