Plusieurs d'entre vous ont l'habitude de surfer sur des sites
internet et voient des messages disposer comme des petits boites comme
http://leblogger.com ou comme http://hongcom, leurs messages sont
disposer sur deux
rangées, vous vous posez la question comment il font?la methode est tres simple il suffit deVous rendre sur votre blog
1-allez dans modifier code HTML, avant vous devez sauvegarder votre template
2-Rechercher cet code ]]></b:skin> dans votre template et puis ajouter:
<!-- for two-column front - normal post page - this is the front page
styles -->
<b:if cond='data:blog.pageType !=
"item"'>
<style>
.post {
width:195px;
margin-right:5px;
height: 300px;
overflow:hidden;
float:left;
border:2px solid silver; }
</style>
</b:if>
<!--
end two-column -->
Ajouter ces code après la feuille de style ]]></b:skin>
3-Rechercher .post {
.post {
width:230px;
margin:.5em auto 1.5em;
border-bottom:1px
dashed #000;
padding-bottom:1.9em;
}
Ajouter
la largeur en faire ce que vous voulez,
c'est 425px maintenant. Et changer le numéro de la marge
moyenne de 0 à auto. Qu'il centres dans la colonne, plutôt que aligné à gauche comme il l'est maintenant.
Bonne chance
Aucun commentaire:
Enregistrer un commentaire