1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 5 (1 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Mettre un cadre assez sympa
Mots-clés » cadre, assez, sympa
13-01-2013, 11:48, (Modification du message : 13-01-2013, 12:49 par Zeatlan.)
#1
Mettre un cadre assez sympa
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 Smile

[Image: banniere.png]
Répondre
13-01-2013, 12:41,
#2
RE: Mettre un cadre assez sympa
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;



Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
13-01-2013, 12:48,
#3
RE: Mettre un cadre assez sympa
Je viens de tester ton cadre en 3D pour ceux qui souhaite avoir un aperçu le voici :
   

[Image: banniere.png]
Répondre
19-04-2013, 23:04,
#4
RE: Mettre un cadre assez sympa
J'ai suivie correctement le tutoriel, mais, rien ne s'affiche, et sa reste comme au début.

[Image: image.png]
Répondre
19-04-2013, 23:22,
#5
RE: Mettre un cadre assez sympa
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: banniere.png]
Répondre
20-04-2013, 0:11,
#6
RE: Mettre un cadre assez sympa
[Image: mini_183703Sanstitre11658.png]

[Image: mini_903531Sanstitre1452.png]

[Image: image.png]
Répondre
20-04-2013, 0:34,
#7
RE: Mettre un cadre assez sympa
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

[Image: banniere.png]
Répondre
20-04-2013, 1:17, (Modification du message : 20-04-2013, 1:22 par exdiogene.)
#8
RE: Mettre un cadre assez sympa
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.

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
20-04-2013, 9:12,
#9
RE: Mettre un cadre assez sympa
Oui, j'ai appuyé sur F5 et sa marche. Merci Exdiogéne. Et, merci Zeatlan

[Image: image.png]
Répondre
23-05-2013, 21:35,
#10
RE: Mettre un cadre assez sympa
comment on l'enlève enfaîte j'aime pas sa fait moche ?
Répondre
23-05-2013, 22:01,
#11
RE: Mettre un cadre assez sympa
Il suffit de faire l'opération inverse ou de rétablir les templates à leur état initial!

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
23-05-2013, 22:34,
#12
RE: Mettre un cadre assez sympa
(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 ?
Répondre
23-05-2013, 23:03,
#13
RE: Mettre un cadre assez sympa
En cliquant sur le bouton "Options" à droite de tous les templates, il y a l'option "Retour à l'original".

Administrateur de MyBBCodes.com
Cool " Ce n'est pas ce que vous savez qui est important, c'est ce que vous faites ou ne faites pas!"
Obtenez plus de 175 plugins pour MyBB ici...
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre




Utilisateur(s) parcourant ce sujet : 1 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique