[TUTO] Ajouter des bordures dans vos posts

Découvrez ici une liste de documents concernant phpBB: son installation, sa mise à jour et enfin son utilisation.
En bref, apprenez ici à vous servir de phpBB3!

Modérateurs: Equipe, Equipe des Traducteurs

[TUTO] Ajouter des bordures dans vos posts

Messagepar sub60 » 16 Déc 2009 à 19:38

- Ajouter des bordures dans vos posts

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 !
Image
http://zamilandtest.free.fr/demo/
pas de support par MP le forum est la pour ça!!!
Liste des tutos pour la modif de styles<<<<>>>>a chaque modification de fichiers il faut <<<<>>>>rafraîchir/vider le cache
Avatar de l’utilisateur
sub60
Graphiste
Graphiste
 
Messages: 4794
Inscription: 19 Juin 2006 à 14:14
Localisation: oise (picardie)

Retourner vers Forum de documentation

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 6 invités

Partenaires : phpBBHacks.com • phpBB-Seo.com • EzCom-fr.com • phpBB3 Styles • phpBB podpora • phpBB Portugal    Liens : Net Avenir • PromoBenef • Ticket Gagnant