Page 10 sur 10 PremièrePremière ... 8910
Résultats de 91 à 92 sur 92

Sujet : Images de présentation des forums

  1. #1
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 678
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut Images de présentation des forums

    Images de présentation des forums


    • Cette modification de template va vous permettre d'ajouter une image qui illustrera un ou plusieurs de vos forums.
    • Elle ce placera sur le coté gauche du titre et de la description, ainsi que des sous forums.
    • Vous pouvez mettre une image sur un seul forum ou plusieurs.

    Proposé par Ombre.
    Compatible avec vBulletin: Toutes versions


    Conception

    • Auteur du Mod / Author Of Mod : Ombre
    • Version vBulletin Requise / Version vBulletin Required : vB 3.6.x / 3.7.x 3.8.x
    • Testé / Tested: oui sur 3.7.3


    • Copyright © 2009 vBulletin-Ressources.com / Copyright © 2009 vBulletin-Ressources.com

    Installation


    Dirigez vous dans votre admincp >> Styles & Templates >> Recherche dans les templates et dans le style qui doit être modifié, recherchez le template forumhome_forumbit_level2_post puis recherchez le bout de code suivant:

    Code:
    <div>
                <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
                <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
            </div>
            <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
            <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if>
            <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
    Remplacer ce code par celui ci-dessous en modifiant certains paramètres comme l'id du forum qui doit accueillir l'image de présentation etc...

    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <if condition="$forum[forumid] == X"><td><img style="margin: 0 5px 0 5px" src="http://URL_DE_L'IMAGE" alt="NOM_DU_FORUM" border="0" /></td><else /><td></td></if>
             <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td ><div>
                <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
                <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
            </div><if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
            <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if></td>
            </tr>
            <tr>
              <td><if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if></td>
            </tr>
          </table></td></td>
          </tr>
        </table>      
      </tr>
    </table>
    Je vous ais mis en couleur les partie à personnalisé selon l'ID de votre forum comme suis:
    En rouge: placez à la place du X, l'ID du forum où l'image doit apparaitre.
    En violet: L'url de l'image qui doit apparaitre.
    En vert: Placez le nom du forum ou va apparaitre l'image, pour qu'au passage de la souris le nom du forum apparaisse dans une bulle.

    Si vous désirez faire apparaitre d'autres images sur d'autres forums ils vous suffit d'ajouter après
    Code:
    alt=""></td><else />
    qui correspond a la fin de la balise de votre première image, le code suivant

    Code:
    <if condition="$forum[forumid] == X"><td><img style="margin: 0 5px 0 5px" src="http://URL_DE_L'IMAGE" alt="NOM_DU_FORUM" border="0" /><td><else />
    A chaque image ajoutée par forum il vous faut ajouter un </if> après ceci
    Code:
    <else /><td></td></if>
    (vous avez un exemple plus bas sur l'ajout d'images sur trois forum, donc l'ajout de 3 </if> après le code ci-dessus.
    Bien sur comme plus haut a vous de précisez l'ID du forum ou doit apparaitre celle nouvelle image , l'url de cette image, et le nom du forum qui apparaitras lors du passage de la souris sur l'image Et ainsi de suite, sur tous les forums ou vous désirez faire apparaitre une image.

    Voici un exemple ou je place des images sur les forum 2,4 et 6 par exemple, le code donnera ceci:

    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <if condition="$forum[forumid] == 2"><td><img style="margin: 0 5px 0 5px" src=http://www.mesimages.com/imageforum2.jpg alt="forum2"></td><else /><if condition="$forum[forumid] == 4"><td><img style="margin: 0 5px 0 5px" src="http://www.mesimages.com/imageforum4.jpg" alt="forum4" border="0" /></td><else /><if condition="$forum[forumid] == 6"><td><img style="margin: 0 5px 0 5px" src="http://www.mesimages.com/imageforum6.jpg" alt="forum6"></td><else /><td></td></if></if></if>
             <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td ><div>
                <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
                <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
            </div><if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
            <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if></td>
            </tr>
            <tr>
              <td><if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if></td>
            </tr>
          </table></td></td>
          </tr>
        </table>     
      </tr>
    </table>
    Conseils



    1. Il est recommandé d'utiliser des images ayant la même dimension pour une question d'équilibre et surtout d'esthétique.
    2. Si vous désirez placer des images de trop grande hauteur, cela augmenteras les cellules de vos forums.
    3. Si vous désirez augmenter l'espace à gauche et a droite de l'image ajoutée, il vous suffit de modifier le style de l'image en modifient
      Code:
      style="margin: 0 5px 0 5px"
      sachant que la première valeur est le haut (0), la deuxièmes (5px) la droite, la troisièmes le bas (0), et la quatrièmes (5px) la gauche.
    4. Si vous placées des images ayant une largeur différente et pour garder un aspect aligner, vous pouvez ajouter une largeur fixe à la zone des image en ajoutent à
      Code:
      <if condition="$forum[forumid]<td>
      un width comme suis:
      Code:
      <if condition="$forum[forumid]<td width="100px">
      100px est bien sur un exemple

    Si vous avez des questions, n'hésitez pas.

    Je vais voir avec un codeur si il y peu faire mon mode en hack pour qu'on puisse ajouté directement les images selon les forums...

    Capture d'écran

    En pièces jointes, exemple pris sur trois forums ayant des images....
    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints
    Dernière édition par Ombre; 02/05/2009 à 10h49 Raison: Correction des balises IMG

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  2. #91
    Version
    vB 4.2.1
    Inscrit
    janvier 2008
    Messages
    70
    Pouvoir de réputation
    10

    Par défaut

    Citation Envoyé par thierry26 Voir le message
    j'ai trouver
    Code:
    http://vbulletin-mods.com/forum/showthread.php?t=5107

    j'a trouver

    faire cette modification


    dans forumhome_forumbit_level2_post

    rechercher
    Code:
    <div class="datacontainer">
    <div class="titleline">
    <h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2>
    <vb:if condition="$show['browsers']"><span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span></vb:if>
    </div>
    <vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if>


    remplacer par


    Code:
    <div class="datacontainer"><img src="images/misc/iconforums/{vb:raw forum.forumid}.jpg" alt="{vb:raw forum.title}" style="float: left; margin-right: 4px;" />
    <div>
    <h2 style="font-weight:bold; font-size:13px;"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2>
    <vb:if condition="$show['browsers']"><span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span></vb:if>
    <vb:if condition="$show['forumdescription']"><p>{vb:raw forum.description}</p></vb:if></div>

    mettre les icons dans images/misc/iconforums.

  3. #92
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 678
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut

    Merci pour le partage .

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


Page 10 sur 10 PremièrePremière ... 8910

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Sujets similaires

  1. Index des forums Index des forums Dernières images d'album sur l'index des forums + Commentaires
    Par Sofia dans le forum Hacks vBulletin 3.8.x
    Réponses: 8
    Dernier message: 29/01/2015, 10h01
  2. Sujet résolu Résolu ! le chemin des images inaccessible /forum/images/exemple.png
    Par Sawyer2 dans le forum Support vBulletin 4.x
    Réponses: 8
    Dernier message: 29/08/2010, 12h12
  3. Sujet résolu Options vBulletin Utiliser un site pour héberger les images des avatars/images...
    Par Viins dans le forum Support vBulletin 4.x
    Réponses: 6
    Dernier message: 23/08/2010, 21h58
  4. Sujet résolu Résolu ! images de statut des forums
    Par mitch84 dans le forum Support vBulletin 4.x
    Réponses: 14
    Dernier message: 24/11/2009, 21h24
  5. Redimensionnement auto des images dans les forums
    Par CrAsH_Ov3rrid3 dans le forum Hacks vBulletin 3.6.x
    Réponses: 74
    Dernier message: 13/05/2008, 02h15

Tags pour ce sujet

Liens sociaux

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé
Hébergé par PlanetHoster