MyBB.support, le portail francophone de MyBB

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

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 :

PHP 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;
} 

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

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

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

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

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 Wrote: [ -> ]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.

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

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

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

(23-05-2013, 22:01)exdiogene Wrote: [ -> ]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 ?

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

Zeatlan

exdiogene

Zeatlan

Geoo

Zeatlan

Geoo

Zeatlan

exdiogene

Geoo

Bloup

exdiogene

Bloup

exdiogene