Pagina 1 di 1

Come centrare il template?

MessaggioInviato: 7 maggio 2012, 15:50
da MitikaFe
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...

Re: Come centrare il template?

MessaggioInviato: 7 maggio 2012, 18:26
da Alexiel
Conviene che copi qui, usando il tasto "code", il template "pagina" e il template "post".

Re: Come centrare il template?

MessaggioInviato: 13 maggio 2012, 14:30
da MitikaFe
(scusa se rispondo ora , avevo perso la password) Aspetta in che senzo copiare qui? Non capisco :ko:

Re: Come centrare il template?

MessaggioInviato: 13 maggio 2012, 15:22
da Alexiel
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à.

Re: Come centrare il template?

MessaggioInviato: 13 maggio 2012, 16:09
da MitikaFe
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>

Re: Come centrare il template?

MessaggioInviato: 13 maggio 2012, 17:12
da Alexiel
I post. Li vuoi centrati o a sinistra?
Ma io il template lo vedo centrato. Sarà per la risoluzione? Puoi essere più precisa, please?

Re: Come centrare il template?

MessaggioInviato: 13 maggio 2012, 17:39
da Alexiel
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 :)

Re: Come centrare il template?

MessaggioInviato: 22 febbraio 2013, 18:39
da pazza-mente-io
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>