[3.0] Ajouter des bordures aux messages Facile

[3.0] Ajouter des bordures aux messages

[Prosilver]


- Ajouter des bordures aux messages

Nous allons mettre en place des bordures pour agrémenter vos messages, (n'étant pas un pro du graph, j'ai fait simple lol).
vous arriverez sûrement à faire de plus jolie bordures...


inspiré du Tuto "Ajouter des bordures à votre forum prosilver"

- Mise en place

Télécharger ce fichier : ICI (le dossier contient les images et la feuille de style additionnelle).

Décompressez l'archive sur votre PC.

Allez sur votre FTP dans le dossier suivant : styles/votre_style/theme/images/ et ajoutez toute les images du dossier (ou les votres).


- Partie .css

Allez ensuite dans le dossier : styles/votre_style/theme/ et ajoutez le fichier post_borders.css contenu dans l'archive.

Ouvrez le fichier stylesheet.css dans styles/votre_style/theme/ et en fin de code, rajoutez :
Code: Tout sélectionner
@import url("post_borders.css");


- Partie .html

Ouvrez ensuite le fichier viewtopic_body.html du dossier template de votre_style :

Trouvez :
Code: Tout sélectionner
<div class="content">{postrow.MESSAGE}</div>


et juste avant ajoutez :
Code: Tout sélectionner
<table width="100%" border="0" cellpadding="0" cellspacing="0">
       <tr>
       <td class="haut-left"></td><td class="haut-center"></td><td class="haut-right"></td>
       </tr>
       <tr>
       <td class="bord-left"></td>
       <td style="padding: 0;">


et ajoutez juste après (la ligne précédemment trouvée) :
Code: Tout sélectionner
</td>     
<td class="bord-right"></td>
  </tr>
  <tr>
   <td class="bas-left"></td><td class="bas-center"></td><td class="bas-right"></td>
  </tr>
</table>


N'oubliez pas de rafraîchir les theme et template via le panneau d'administration (onglet styles).

Si vous le souhaitez, vous pouvez effectuer la même opération sur le fichier posting_preview.html.

Voila c'est fini !

Avatar de l’utilisateur
sub60
Grand-maître des floodeurs
Grand-maître des floodeurs
 
Rédigé le: 16 Déc 2009 à 19:38
Articles: 5
Noter cet article: 123456 Votants: Aucun
Mots-clés: Ajouter, des, bordures, dans, vos, posts

Retourner vers Styles


cron