Come centrare il template?

Se stai imparando a costruirti il tuo template qui trovi consigli e risposte ai tuoi dubbi sull'HTML

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Come centrare il template?

Messaggioda MitikaFe » 7 maggio 2012, 15:50

Qualcuno potrebbe dirmi come centrare il template? ;_; E poi ho un altro problema che non riesco a risolvere :ko: le scritte nei post partono da destra...umh , non so se si capisce...
MitikaFe
principiante
principiante
 
Messaggi: 4
Iscritto il: 7 maggio 2012, 15:01
Indirizzo blog: http://mitikafe.iobloggo.com/

Re: Come centrare il template?

Messaggioda Alexiel » 7 maggio 2012, 18:26

Conviene che copi qui, usando il tasto "code", il template "pagina" e il template "post".
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Come centrare il template?

Messaggioda MitikaFe » 13 maggio 2012, 14:30

(scusa se rispondo ora , avevo perso la password) Aspetta in che senzo copiare qui? Non capisco :ko:
MitikaFe
principiante
principiante
 
Messaggi: 4
Iscritto il: 7 maggio 2012, 15:01
Indirizzo blog: http://mitikafe.iobloggo.com/

Re: Come centrare il template?

Messaggioda Alexiel » 13 maggio 2012, 15:22

Vai nel tuo template, sezione pagina. Copi tutto il codice di quella sezione. Poi vieni qui, clicchi su rispondi.
Presente la text area? Sopra ci sono dei pulsanti: B, i, u, Quote, Code...
Premi Code. Incolla il template copiato all'interno dei due codici che appaiono.
Et voilà.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Come centrare il template?

Messaggioda MitikaFe » 13 maggio 2012, 16:09

Ahhh :lol: fatto 8)


Codice: Seleziona tutto
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>MI ANGEL</title>
<style type="text/css">

body
{background-color: #;
font-family: Arial;
font-size:14px;
color: #000000;
line-height: 13px;
}

a:link, a:visited{
text-decoration: none;
color:#ff0066;
font-size: 14px;
text-transform: none;
font-family: Arial}

a:hover{cursor: help;
color: #ff0066;
text-transform: uppercase;
font-size: 11px;}

b, strong {
font-family: Arial;
color: #000000;
}

i, em {
font-family: Arial;
color: #000000;
}

u {
text-decoration: underline;
border-bottom: 1px dotted #4b92d3;
font-family: Arial;
color: #afb2b6;
}

.title {color: #ff0066;
line-height: 100%;
font-size: 25px;
font-family: Arial;
text-align:center;
padding-left: 0px;
text-transform: none;
maring-bottom: 3px;
line-height: 0px;}






.date {font-size: 10px;
text-align: left;
font-family: Arial;
padding-top: 1px;}

</style></head>

<body>

<style type="text/css">
body {
background-color: #ffffff;   
background-image: url('');   
background-repeat: repeat-y;   
}
</style>


<div style="position: absolute; top: 130px; left: 180px; width: 573px; z-index: 2">
<img src="http://i179.photobucket.com/albums/w292/SaBb_YuKkE/LogoF.jpg" border="0"></div>

<div style="position: absolute; width:660px; z-index: 3; left:445px; top:550px; text-align: right" class="content">
--post--

</div>


<div style="position: absolute; width: 220px; z-index: 4; left:210; top: 520px" id="layer2">

<p align="center">
<div class="title"><img src="http://i179.photobucket.com/albums/w292/SaBb_YuKkE/titolo1.jpg"></div><br>
<p align="center"><img src='http://img41.imageshack.us/img41/9070/img8568copia.jpg' border='0'/></a></p>
<br/>I live in a big hoodie and i cook a lots of muffins.
<br/>Write is my oxygen and photography is my water.
<br/><br><img src="http://i47.tinypic.com/b8nma.gif" border="0" alt="Image and video hosting by TinyPic"> MitikaFecontact@yahoo.com


<br/><br/><div class="title"><img src="http://i179.photobucket.com/albums/w292/SaBb_YuKkE/titolo2.jpg"></div><br>



<p align="center"><a href="http://weheartit.com/mitikafe"><img src='http://img821.imageshack.us/img821/1204/normalgn.png' border='0'/></a></a>
<a href="http://www.lastfm.it/user/MitikaFe"><img src='http://img259.imageshack.us/img259/2993/lastfmy.png' border='0'/></a></a><a href="http://mitikafe.deviantart.com/"><img src='http://img580.imageshack.us/img580/3937/16646310.png' border='0'/></a></a></p></a></a>
</p>



<p align="center"><p align="center"><a href="http://www.flickr.com/photos/39995663@N07/sets/72157625210455910/">
<img src='http://img560.imageshack.us/img560/1754/immagisssnecopia.jpg' border='0'/></a></a>


<p align="center">

<!--BEGIN LOOKS WIDGET--><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script src="http://lookbook.nu/widget/looks.js?id=215669&thumbs=1&source=my_looks&gender=both&align=center&r=1332257672&hash=c012908c240f1090d7f99b0b8d6145e4"></script><div id="lb_looks_widget_1332257672"></div><!--END LOOKS WIDGET-->

<p align="center"><a title="MI ANGEL ~ on Bloglovin" href="http://www.bloglovin.com/en/blog/3218024/mi-angel/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/en/lank.gif" /></a>


<div class="title"><img src="http://i179.photobucket.com/albums/w292/SaBb_YuKkE/titolo3.jpg"></div><br>

<p align="center">
OUTSIDE

<br/><a href="http://mitikafe.iobloggo.com/cat/beauty/242063">Beauty</a>
<br><a href="http://mitikafe.iobloggo.com/cat/food/241958">Food</a>
<br><a href="http://mitikafe.iobloggo.com/cat/hair/242103">Hair</a>
<br><a href="http://mitikafe.iobloggo.com/cat/make-up/242105">Make up</a>
<br><a href="http://mitikafe.iobloggo.com/cat/outfit/242062">Outfits </a>
<br/><a href="http://mitikafe.iobloggo.com/cat/outfit-from-my-room/242051">Outfits (room)</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/recipes/242106">Recipes</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/ebayshopping/241977">Ebay Shopping</a>
<br/> <a href="http://mitikafe.iobloggo.com/cat/shopping/241740">Shopping</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/webcam/405994"><a/>



<br/><br/>INSIDE

<br/><a href="http://mitikafe.iobloggo.com/cat/my-words-are-unable/241949">Words</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/playlist/242032">Playlist</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/things-of-a-day/405996">Things of a day</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/beforeandafter/405992">Before and after</a>
<br><a href="http://mitikafe.iobloggo.com/cat/memories/241950">Memories</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/photosequence/405990">Photosequence</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/my/405993">My….</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/modifications/405995">Modifications</a>
<br/><a href="http://mitikafe.iobloggo.com/cat/whatmakesmehappy/405991">Whatmakesmehappy</a>




<div class="title"><img src="http://i179.photobucket.com/albums/w292/SaBb_YuKkE/titolo4.jpg"></div><br>
<p align="center">
<a href="http://mitikafe.iobloggo.com/archive.php?y=2012&m=05">2012/05</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2012&m=04">2012/04</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2012&m=03">2012/03</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2012&m=02">2012/02</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2012&m=01">2012/01</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=12">2011/12</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=11">2011/11</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=10">2011/10</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=9">2011/09</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=8">2011/08</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=7">2011/07</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=6">2011/06</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=5">2011/05</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=4">2011/04</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=3">2011/03</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=2">2011/02</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2011&m=1">2011/01</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=12">2010/12</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=11">2010/11</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=10">2010/10</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=9">2010/09</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=8">2010/08</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=7">2010/07</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=6">2010/06</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=5">2010/05</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=4">2010/04</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=3">2010/03</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=2">2010/02</a>
<br><a href="http://mitikafe.iobloggo.com/archive.php?y=2010&m=1">2010/01</a></p>







<br>
<br>
<p align="center">--pagine--<br>
<br>


<br>
<br>
<br>
<br>
<br>
<div class="title"><img src="http://i179.photobucket.com/albums/w292/SaBb_YuKkE/titolo5.jpg"></div><br>
Template, HTML<br> & graphic by <a href="http://snowfallson.iobloggo.com/" target=_blank>Sab</a>.<br>

<br><br></div>

</body>
</html>
MitikaFe
principiante
principiante
 
Messaggi: 4
Iscritto il: 7 maggio 2012, 15:01
Indirizzo blog: http://mitikafe.iobloggo.com/

Re: Come centrare il template?

Messaggioda Alexiel » 13 maggio 2012, 17:12

I post. Li vuoi centrati o a sinistra?
Ma io il template lo vedo centrato. Sarà per la risoluzione? Puoi essere più precisa, please?
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Come centrare il template?

Messaggioda Alexiel » 13 maggio 2012, 17:39

Per i post. Dove hai:
Codice: Seleziona tutto
<div style="position: absolute; width:660px; left:445px; top:550px; text-align: right" class="content">
--post--
</div>

cambia il right in left o center.

Per centrare il template ho fatto qualche prova ma non ci riuscirei se non modificandolo in maniera sostanziale e, mi spiace, ma non posso farlo ora.
Ti posso dire come procederei: creerei un contenitore al cui interno metterei il div per i post e quello per la colonna laterale.

Sposto la discussione nella sezione appropriata perché non è un problema tecnico :)
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Come centrare il template?

Messaggioda pazza-mente-io » 22 febbraio 2013, 18:39

Per centrare il template nella pagina c'è un rimedio semplicissimo:

Subito DOPO il tag <body> si incolla questo:

<table width="100%" height="100%" cellspan="0" cellpadding="0" border="0"><tr><td align="center" valign="top">

Mentre alla fine, subito PRIMA di </body>, si incolla questo:

</td></tr></table>

Praticamente si costruisce una tabella di una riga ed una colonna attorno al template, col vantaggio di poterne centrare il contenuto.

Il risultato sarà quindi:

<html>
<head>
......
</head>
<body>
<table width="100%" height="100%" cellspan="0" cellpadding="0" border="0"><tr><td align="center" valign="top">
.......
</td></tr></table>
</body>
</html>
pazza-mente-io
inesperto
inesperto
 
Messaggi: 11
Iscritto il: 21 febbraio 2013, 3:20
Indirizzo blog: spensieratamente.iobloggo.com


Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Nessuno e 3 ospiti

cron