LAISSER UN ESPACE ENTRE LES BLOCS

Vous êtes nombreux à me poser la question...
Comment laisser un espace entre les blocs ?
Car lorsque vous ajoutez un script dans votre page d'accueil, bien souvent votre compteur ou le player que vous venez d'ajouter se retrouve collé au bloc du dessus ou du dessous et c'est pas beau...

Pour solutionner se problème, c'est tout simple...

Il suffit d'ajouter entre vos blocs, là ou vous voulez laisser un espace la balise <p> ou encore la balise <br> si vous voulez laisser plusieurs lignes mettez autant de <br> que vous voulez de ligne.

Exemple, pour laisser un espace entre mon calendrier et la ligne de toutes mes archives, il faut placer la balise <p> comme ceci :

<CBCalendar><$BlogCalendar$></CBCalendar>
<p>

<ul>
  <li><center><img  src="https://storage.canalblog.com/46/92/251752/20622546.gif"><a href="<$BlogArchiveFileName$>">Toutes les archives</a></center></li>
</ul>
<p>
 

Comments

[NineGorman]

Sayé, j'ai a peut près réussi.

ninegorman.canalblog.com

Mais regardez, a partir de lien tout est décalé & pas jolie, je comprends pas pourquoi.


Voici le code des blocs de droite de la page d'acceuil.

Pourquoi sa marche bien jusqu'a "vidéo" & après tout déraille ? J'ai mal placé quelque choses ? Pourtant j'ai vérifié & tout essayé :(

<$CBControlNavLinks$></div></div><div id="rightbar"><div class="navlinks">

<ul>

<table class="message">
<tbody>

<td><div class="title"> <img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png"></img> Navigation</div>
<div><ul><br>
<li> ♥ <a href=":url:ninegorman.canalblog.com/">Accueil</a></li>
<li> ♥ <a href=":url:ninegorman.canalblog.com/profile/470777/index.html">Profil</a></li>
<li> ♥ <a href=":url:www.canalblog.com/cf/contactAuthor.cfm?mid=470777&bid=549546">Contact</a></li>
</ul><br>

</td>
</tbody>
</table>

<br><ul>

<table class="message">
<tbody>
<td>

<div class="title"><img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png"> Image Favorite</div>

<p><center><img src=":url:img139.imageshack.us/img139/4509/255af6.jpg"></center>
</ul><br>

</td>
</tbody>
</table><br>

<ul>

<table class="message">
<tbody>
<td>

<div class="title"><img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png"> Vidéo</div>
<br>
<object><embed src=":url:www.youtube.com/v/tdyjZNCWRmA&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="160" height="132"></embed></object><p>

</td>
</tbody>
</table></ul>

<ul><br>
</div> <BloggerFriendLinks>

<table class="message">
<tbody>
<td></ul>

<BlogFriendLinkHeader>
<div class="title"> <img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png"> Liens</div>

<ul><p> </BlogFriendLinkHeader>
<li><a href="<$BlogFriendLinkURL$>"> <$BlogFriendLinkName$></a></li>
<BlogFriendLinkFooter> <a href=":url:la-fascination.forumdefan.com/"><img src=":url:img380.imageshack.us/img380/5619/fasih4.jpg"> </a><a href=":url:k00ma.canalblog.com/"><img src=":url:img253.imageshack.us/img253/8075/komavr4.jpg"></a>
</ul> </BlogFriendLinkFooter>

</td>
</tbody>
</table></BloggerFriendLinks>

<ul>
<br>


<BloggerArchives> <table class="message">
<tbody>
<td>
<img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png"> Archives</div>


<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>

</BloggerArchives>
<li><a href="<$BlogArchiveFileName$>">Toutes les archives</a></li>

</td>
</tbody>
</table>

<br></br>
</ul>

<table class="message">
<tbody>
<td>

<ul><div class="title"><img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png">Catégories</div>

<CBCategories>

<li><a href="<$BlogCategoryURL$>"> <img src=":url:illiweb.com/fa/prosilver/arrow_right.gif"> <$BlogCategoryName$></a></li>
</CBCategories> </td>
</tbody>
</table></ul>

<table class="message">
<tbody>
<td>

<div class="title"><img src=":url:img68.imageshack.us/img68/1062/ifolderbigcopiech6.png">Tags</div>

<ul class="tagcloud">
<CBTags>

<li><a href="<$BlogTagURL$><img src=":url:illiweb.com/fa/prosilver/arrow_right.gif">" style="font-size:<$BlogTagFontSize$>;" title="<$BlogTagCount$> message(s)" rel="tag"><$BlogTagName$></a></li>
<br></br></ul>

</td>
</tbody>
</table></CBTags>




</div></div><div class="clear"> </div></div></body></html>


<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src=":url:fr.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=
fr®ion=fr"></script>

[Demolite]

Pour ça tu dois rendre tes colonnes transparentes et mettre tous tes blocs sur des fonds.

Tu trouveras les codes à mettre dans différents tuto.
même chose pour le "content" tu le rends transparent et tu mets cadre pour le fond de tes messages.

[Nine]

Merci de votre réponse, mais je souhaites que le fond du blog apparaisse entre le blog & les blocs. Ainsi qu'entre les blogs entre eux. Genre Navigation, espace avec le fond, puis l'autre blog ect ...

[Demolite]

Salut,

à la place de la balise <p> mets plusieurs balises <br> les unes à la suite des autres pour laisser un espace plus grand entre tes blocs.

Pour centrer ton texte dans tes messages et laisser des espaces entre tes colonnes, tu dois ajouter une ligne (en rouge) dans le bloc : [Font col='#00F0F0':]:.blogbody p[/Font] ce qui permettra de décaler le texte et les images vers la droite.

[U]Ex:[/U]

.blogbody p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCC;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
line-height: 150%;
margin-bottom: 10px;
[Font col='#F00000':]: margin-left: 50px;[/Font]
}

[Salut]

[Nine]

Salut, votre blog est une vrai mine d'or pour ceux qui debutent. Je voulais vous demandez, j'aimerais pouvoir espacer les blogs entre eux, mais en laissant du vide entre. Je m'expliques, exemple, mettre le bloc navigation, puis du vide (on voit le fond du blog) puis le bloc categorie, puis du vide, puis le bloc tags, puis du vide, ect ... & idem, mettre du vide entre le centre du blog ou on ecris les articles & les colonnes. Je ne trouves pas comment faire je desespères.