Mettre un cadre assez sympa

[Zeatlan]

Hello world,

dans ce nouveau tutoriel nous allons apprendre à mettre des cadres autour des informations de l'auteur, voici un aperçu :
   
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