Mettre un cadre assez sympa - Version imprimable

Mettre un cadre assez sympa - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : MyBB.fr (https://mybb.fr/forum-1.html)
+--- Forum : Tutoriels (https://mybb.fr/forum-19.html)
+--- Sujet : Mettre un cadre assez sympa (/thread-6242.html)

Mettre un cadre assez sympa - Zeatlan - 13-01-2013

Hello world,

dans ce nouveau tutoriel nous allons apprendre à mettre des cadres autour des informations de l'auteur, voici un aperçu :
[attachment=1258]
BON !
Allez on y va !
Déjà allez dans les templates & styles, puis thème puis dans global.css et dans le mode avancée et ajoutez ce code tout à la fin :

Code :

.post_userdetails {

    background: #FFFFFF;

    color: #000000;

    padding: 3px;

    margin: 1px;

    border: 1px solid #00131E;

    border-bottom: 2px solid #00131E;

    text-align: left;

    font-size: 11px;

}

OU si vous voulez plutôt un style 3D voici le code :

Code :

.post_userdetails {

    background: #f0f0FF;

    color: #000080;

    padding: 3px;

    margin: 1px;

    border-color:#8080ff;

    border-style:ridge;

    border-width:4px;

    text-align: center;

    font-size: 11px;

    font-weight: bold;

}

Enregistrez.
Maintenant,
allez dans vos templates => {votre thème} Templates => Postbit Templates et aller dans "postbit_author_user" vous changerez TOUT LE CONTENUE par :

Code :

<div class="post_userdetails">{$lang->postbit_posts} {$post['postnum']}</div>

    <div class="post_userdetails">{$lang->postbit_joined} {$post['userregdate']}</div>

    {$post['replink']}{$post['warninglevel']}

Enregistrez, maintenant allez dans "postbit_reputation" et remplacez les codes de TOUT LE TEMPLATES par sa :

Code :

<div class="post_userdetails">{$lang->postbit_reputation} {$post['userreputation']}</div>

Enregistrez.

maintenant ouvrez "postbit_warninglevel" et comme les autres vous remplacez tout son contenu par sa :

Code :

<div class="post_userdetails">{$lang->postbit_warning_level} <a href="{$warning_link}">{$warning_level}</a></div>

Enregistrez.
Et c'est finit Smile

RE: Mettre un cadre assez sympa - exdiogene - 13-01-2013

Merci pour ce tutoriel, plusieurs membres aimeront améliorer le style de leur forum! Smile

Si vous aimez les styles 3D en couleur essayez en remplaçant la classe par ceci :

Code PHP :

.post_userdetails {
    background: #f0f0FF;
    color: #000080;
    padding: 3px;
    margin: 1px;
    border-color:#8080ff;
    border-style:ridge;
    border-width:4px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
} 

RE: Mettre un cadre assez sympa - Zeatlan - 13-01-2013

Je viens de tester ton cadre en 3D pour ceux qui souhaite avoir un aperçu le voici :
[attachment=1259]

RE: Mettre un cadre assez sympa - Geoo - 19-04-2013

J'ai suivie correctement le tutoriel, mais, rien ne s'affiche, et sa reste comme au début.

RE: Mettre un cadre assez sympa - Zeatlan - 19-04-2013

Pourrais-tu donner un lien de ton forum et un compte administrateur de test ? Smile

Comme ça je vois si tes codes sont bien les bons Wink

RE: Mettre un cadre assez sympa - Geoo - 20-04-2013

RE: Mettre un cadre assez sympa - Zeatlan - 20-04-2013

Dans "postbit_warninglevel" met tout le code sur la même ligne !
Si sa ne fonctionne pas c'est parce que la vue 3D de Exdiogene ne fonctionne pas Sad

RE: Mettre un cadre assez sympa - exdiogene - 20-04-2013

Lorsque des changements sont faits dans le style d'un thème, il faut toujours faire F5 pour rafraîchir la page dans le navigateur... Wink

(20-04-2013, 0:34)Zeatlan a écrit : Si sa ne fonctionne pas c'est parce que la vue 3D de Exdiogene ne fonctionne pas

Je trouve cette remarque un peu déplacée, mon code utilise des styles CSS qui sont compatibles avec tous les grands navigateurs.

RE: Mettre un cadre assez sympa - Geoo - 20-04-2013

Oui, j'ai appuyé sur F5 et sa marche. Merci Exdiogéne. Et, merci Zeatlan

RE: Mettre un cadre assez sympa - Bloup - 23-05-2013

comment on l'enlève enfaîte j'aime pas sa fait moche ?

RE: Mettre un cadre assez sympa - exdiogene - 23-05-2013

Il suffit de faire l'opération inverse ou de rétablir les templates à leur état initial!

RE: Mettre un cadre assez sympa - Bloup - 23-05-2013

(23-05-2013, 22:01)exdiogene a écrit : Il suffit de faire l'opération inverse ou de rétablir les templates à leur état initial!

Et on fait comment pour les remettre a leurs état initial ?

RE: Mettre un cadre assez sympa - exdiogene - 23-05-2013

En cliquant sur le bouton "Options" à droite de tous les templates, il y a l'option "Retour à l'original".

Utilitaire de traduction fourni par Regentronique