MyBB.support, le portail francophone de MyBB

Version complète : Mettre un cadre assez sympa
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
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 :
Code PHP :
.post_userdetails {
    
background#f0f0FF;
    
color#000080;
    
padding3px;
    
margin1px;
    
border-color:#8080ff;
    
border-style:ridge;
    
border-width:4px;
    
text-aligncenter;
    
font-size11px;
    
font-weightbold;


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
[Image: mini_183703Sanstitre11658.png]

[Image: mini_903531Sanstitre1452.png]
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 a écrit : [ -> ]Si sa ne fonctionne pas c'est parce que la vue 3D de Exdiogene ne fonctionne pas Sad

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 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 ?
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