Page 20 sur 20 PremièrePremière ... 10181920
Résultats de 191 à 195 sur 195

Sujet : Postbit_legacy personnalisé

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

    Par défaut Postbit_legacy personnalisé

    Postbit_legacy personnalisé


    • Personnalisation du template postbit_legacy de façon à différencier votre forum des autres, un choix de couleurs est disponible selon vos goûts...
    • Extensible en hauteur, pour ajouts de nouveaux fields ou autres informations (images)


    Proposé par Ombre.
    Compatible avec vBulletin: 3.7.x



    Réalisation & Auteur

    • par Ombre pour vbulletin-ressources.
    • Modification incluse pour que la signature apparaisse tout en bas du topic, auteur: dancue (correction de ma part d'une petite erreur dû à vB 3.7 car cette modification était prévus pour vB 3.6)

    Droits & Support

    • vBulletin-Ressources et son équipe offrira un support vis-à-vis de ce mod, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances
    • Vous pouvez redistribuez cette ressource en citent la source, c'est à dire: vBulletin-ressources.com ou en donnent le lien de ce topic.


    Installation


    • Commençons par uploader le dossier postbit_legacy_ombre dans le dossier /images/misc/ de votre forum (Si vous utilisez un mod de couleur du postbit différent placé le dossier correspondant à la couleur de votre choix de postbit_legacy.
    • Dans votre admincp allez sur Styles & Templates/Gestionnaire de styles/ et choisissez le CSS principale du style souhaité pour cette modification, et inséré ces class CSS tout en bas dans la deuxième case du bas de Définitions des CSS supplémentaires:

    Code:
    .haut{
    background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_01.png);
    background-repeat: no-repeat ;
    width: 185px;
    height: 43px;
    }
    .milieu{
    background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_03.png);
    background-repeat: repeat-y;
    width: 185px;
    text-align: center;
    text-decoration: none;
    font-family: "Comic Sans MS";
    font-style: normal;
    font: bold;
    color: white;
    }
    .milieu a:link {
    color:white;
    text-decoration:none;
    background-color:;
    }
    .milieu a:visited {
    color:white;
    text-decoration:none;
    background-color:;
    }
    .milieu a:hover {
    color:#00a2ff;
    text-decoration:underline overline;
    background-color:;
    }
    .milieu a:active {
    color:#00a2ff;
    text-decoration:none;
    background-color:;
    }
    .bas{
    background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_05.png);
    background-repeat: no-repeat ;
    width: 185px;
    height: 66px;
    }
    #marginpostbit{
    margin: 0 12px 0 12px;
    text-align:center;
    }
    • Puis dirigez vous sur Styles & Templates/Recherche dans les templates/ et choisissez le ou les styles visé par cette modification de votre forum, puis rechercher le template postbit_legacy et cherchez ce bout de code:

    Code:
    <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">
    
                <div id="postmenu_$post[postid]">
                    <if condition="$show['profile']">
                    <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
                    <script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
                    <else />
                    $post[musername]
                    </if>
                </div>
    
                <if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
                <if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
                $template_hook[postbit_userinfo_left]
    
                <if condition="$show['avatar']">
                    <div class="smallfont">
                        &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                    </div>
                </if>
    
                <div class="smallfont">
                    &nbsp;<br />
                    <if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
                    <if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
                    <if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
                    <div>
                        $vbphrase[posts]: $post[posts]
                    </div>
                    $template_hook[postbit_userinfo_right_after_posts]
                    <if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
                    <if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
                    $template_hook[postbit_userinfo_right]
                    <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
                </div>
    
        </td>
        <if condition="$show['moderated']">
        <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        <else />
        <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        </if>
    Remplacez le par:
    Code:
    <td class="alt2" width="190" rowspan="2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"><center>
    
        <div class="haut"></div>
        <div class="milieu"><div id="marginpostbit">
    <if condition="$show['profile']">
                    <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
                    <script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
                    <else />
                    $post[musername]
                    </if>
    <if condition="$post['usertitle']"><div>$post[usertitle]</div></if>
                <if condition="$post['rank']"><div>$post[rank]</div></if>
                $template_hook[postbit_userinfo_left]
    
                <if condition="$show['avatar']">
    <br />               
                        <a href="member.php?$session[sessionurl]u=$post[userid]"><center><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></center></a><br /></if>
    
                    <if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
                    <if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
                    <if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
    $vbphrase[posts]: $post[posts]
    
    $template_hook[postbit_userinfo_right_after_posts]
                    <if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
                    <if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
                    $template_hook[postbit_userinfo_right]
    <div><br />$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]
    </div></div></div>
    
    <div class="bas"></div></center>
    </td>
    
    <if condition="$show['moderated']">
        <td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        <else />
        <td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
        </if>
    Recherchez le code suivant:
    Code:
    <if condition="$post['signature']">
            <!-- sig -->
                <div>
                    __________________<br />
                    $post[signature]
                </div>
            <!-- / sig -->
            </if>
    
            $template_hook[postbit_signature_end]
    
            <if condition="$show['postedited']">
            <!-- edit note -->
                <div class="smallfont">
                    <hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
                    <em>
                        <if condition="$show['postedithistory']">
                            <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
                        <else />
                            <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
                        </if>
                        <if condition="$post['edit_reason']">
                            $vbphrase[reason]: $post[edit_reason]
                        </if>
                    </em>
                </div>
            <!-- / edit note -->
            </if>
    
        </td>
    </tr>
    Et remplacé le par celui là:
    Code:
    <tr>
    <td class="alt1" valign="bottom" height="100%"style="border-right: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
            $template_hook[postbit_signature_start]
            <if condition="$post['signature']">
                    <!-- sig -->
                <hr size="1" style="color:$stylevar[tborder_bgcolor]" />
                <div valign="bottom">
                    $post[signature]
                </div>
            <!-- / sig -->
    
            </if>
            $template_hook[postbit_signature_end]
            <if condition="$show['postedited']">
            <!-- edit note -->
                <div class="smallfont">
                    <hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
                    <em>
                        <if condition="$show['postedithistory']">
                            <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
                        <else />
                            <phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
                        </if>
                        <if condition="$post['edit_reason']">
                            $vbphrase[reason]: $post[edit_reason]
                        </if>
                    </em>
                </div>
            <!-- / edit note -->
            </if>
    
            </td>
    </tr>
    • Enregistrez le template et regardez le résultat


    Options couleurs


    • Car le CSS plus haut est celui adapté à l'original (fond noir), la police est clair et les liens bleu, donc pour ne pas avoir de surprises sur certaines couleurs de lien ou texte remplacer le CSS du haut par un des deux ci-dessous

    titre  texte noir...   Css à mettre à la place de l'original si vous utilisez une couleur pour un fond clair:
    Code:
    .haut{
    background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_01.png);
    background-repeat: no-repeat ;
    width: 185px;
    height: 43px;
    }
    .milieu{
    background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_03.png);
    background-repeat: repeat-y;
    width: 185px;
    text-align: center;
    text-decoration: none;
    font-family: "Comic Sans MS";
    font-style: normal;
    font: bold;
    color: black;
    }
    .milieu a:link {
    color:black;
    text-decoration:none;
    background-color:;
    }
    .milieu a:visited {
    color:black;
    text-decoration:none;
    background-color:;
    }
    .milieu a:hover {
    color:#grey;
    text-decoration:underline overline;
    background-color:;
    }
    .milieu a:active {
    color:grey;
    text-decoration:none;
    background-color:;
    }
    .bas{
    background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_05.png);
    background-repeat: no-repeat ;
    width: 185px;
    height: 66px;
    }
    #marginpostbit{
    margin: 0 10px 0 10px;
    text-align:center;
    }
    #marginpostbit{
    margin: 0 12px 0 12px;
    text-align:center;
    }


    titre  texte blanc...   Css à mettre à la place de l'original si vous utilisez une couleur pour un fond foncé:
    Code:
    .haut{
     background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_01.png);
     background-repeat: no-repeat ;
     width: 185px;
     height: 43px;
     }
     .milieu{
     background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_03.png);
     background-repeat: repeat-y;
     width: 185px;
     text-align: center;
     text-decoration: none;
     font-family: "Comic Sans MS";
     font-style: normal;
     font: bold;
     color: white;
     }
     .milieu a:link {
     color:white;
     text-decoration:none;
     background-color:;
     }
     .milieu a:visited {
     color:white;
     text-decoration:none;
     background-color:;
     }
     .milieu a:hover {
     color:black;
     text-decoration:underline overline;
     background-color:;
     }
     .milieu a:active {
     color:black;
     text-decoration:none;
     background-color:;
     }
     .bas{
     background-image: url(images/misc/postbit_legacy_ombre/postbit-perso_05.png);
     background-repeat: no-repeat ;
     width: 185px;
     height: 66px;
     }
     #marginpostbit{
     margin: 0 10px 0 10px;
     text-align:center;
     }
    #marginpostbit{
    margin: 0 12px 0 12px;
    text-align:center;
    }

    Vous pouvez modifier le CSS pour qu'il s'adapte de façon plus approprié à votre style en changent par exemple la couleur de la police des textes et liens

    Possibilité de vous créez une interface à la couleur de votre choix, il me faudra juste le code couleur exa (exemple:#000000) de votre choix, toutes demandes doivent ce faire sur ce topic, je ne répondrais pas en mp.

    Screenshot


    * En pièces jointe
    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints
    Fichiers attachés Fichiers attachés
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints
    Dernière édition par Ombre; 01/09/2008 à 21h41 Raison: Correction du CSS et ajout d'un autre CSS

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

    Hébergé par PlanetHoster


  2. #191
    Version
    vB 3.8.2
    Inscrit
    février 2011
    Messages
    39
    Pouvoir de réputation
    0

    Par défaut

    Bonsoir,

    Pas de souci je t'envoie un MP..

    PS: ce forum n'héberge aucun fichier..!

    a++

  3. #192
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 732
    Billets
    64
    Pouvoir de réputation
    211

    Par défaut

    Je me rend compte d'une chose, tu as installé ce hack sur vb3 http://www.vbulletin-ressources.com/...personnalis%E9 ?

    C'est pas catholique, mais si ça marche pourquoi pas, il faut modifier le comportement de la balise DD, donc tu as la possibilité d'ajouter dans les class CSS ceci:

    Code:
    #marginpostbit dd {
    margin: 0;
    }

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

    Hébergé par PlanetHoster


  4. #193
    Version
    vB 3.8.2
    Inscrit
    février 2011
    Messages
    39
    Pouvoir de réputation
    0

    Par défaut

    Oui,en installant ce hack,je n'espérais pas trop que ça marcherait...!
    J'ai donc rajouté ce bout de code dans les class CSS
    des différents styles, et effectivement,le souci est réglé.!
    Je te remercie de ta patience et d'avoir pris le temps
    de t'occuper de mon problème.!

    Merci beaucoup.!

  5. #194
    Version
    vB 4.2.0
    Inscrit
    juin 2012
    Messages
    18
    Pouvoir de réputation
    0

    Par défaut

    merci pour le partage
    est ce que fonctione avec vb4.x.x ??

  6. #195
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 732
    Billets
    64
    Pouvoir de réputation
    211

    Par défaut

    Bonsoir,

    Non il te faudra l'adapter, mais là le mod n'est pas compatible vb4.

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

    Hébergé par PlanetHoster


Page 20 sur 20 PremièrePremière ... 10181920

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. Options des utilisateurs Options des utilisateurs Titre utilisateur personnalisé
    Par Billyboule dans le forum Hacks vBulletin 4.0.x
    Réponses: 20
    Dernier message: 03/08/2011, 18h45
  2. Création de style personnalisé
    Par Jose.N70 dans le forum Le Salon
    Réponses: 3
    Dernier message: 18/04/2010, 10h28
  3. Affichage des discussions Affichage des discussions Postbit personnalisé
    Par Ombre dans le forum Modifications de templates (vB 3.7)
    Réponses: 49
    Dernier message: 10/02/2009, 09h08
  4. Personnalisé sa banniere!
    Par verbatim dans le forum Support vbulletin 3.x
    Réponses: 11
    Dernier message: 04/01/2009, 20h17
  5. Outils d'administration Outils d'administration Template personnalisé
    Par Allan dans le forum Modifications de templates (vB 3.5)
    Réponses: 69
    Dernier message: 21/12/2007, 15h20

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