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 : 4 (1 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Ajouter des bandeaux colorés en haut du forum (1.8)
Mots-clés » bandeaux, colorés, haut, forum, colourful, colorful, announce, annonce, ajouter
08-09-2014, 19:43, (Modification du message : 14-09-2014, 17:20 par Saphir.)
#1
Ajouter des bandeaux colorés en haut du forum (1.8)
Pour ajouter un bandeau coloré en haut du forum comme sur les forums communautaires de MyBB (voir capture d'écran ci-dessous), insérez le code suivant dans le template header de votre (vos) thème(s).

   

Code PHP :
<style>
    .
bandeau {
        
text-aligncenter;
        
border1px solid #CCC;
        
backgroundnone repeat scroll 00#F5F5F5;
        
border-radius5px;
        
padding8px 12px;
        
margin10px 0px 0px;
    }

    .
bandeau strong {
        
margin-right6px;
    }

    .
bandeau .date {
        
color#666;
        
font-size0.8em;
        
margin-left6px;
    }

    .
jaune {
        
background-color#FFF6BF;
        
border-color#FFD324;
    
}

    .
vert {
        
background-color#D6ECA6;
        
border-color#8DC93E;
    
}

    .
bleu {
        
background-color#ADCBE7;
        
border-color#0F5C8E;
    
}
</
style>

<
div class="bandeau jaune">
    <
strong>Information 1 :</strong>
    (...)
    <
span class="date">(9 août 2014)</span>
</
div>

<
div class="bandeau vert">
    <
strong>Information 2 :</strong>
    (...)
    <
span class="date">(9 août 2014)</span>
</
div>

<
div class="bandeau bleu">
    <
strong>Information 3 :</strong>
    (...)
    <
span class="date">(9 août 2014)</span>
</
div>

<
br /> 

Si vous souhaitez également avoir la partie dédiée aux réseaux sociaux (visible sous les bandeaux de la capture d'écran ci-dessus), vous pouvez utiliser le code suivant.

Code PHP :
<style>
    .
bandeau {
        
text-aligncenter;
        
border1px solid #CCC;
        
backgroundnone repeat scroll 00#F5F5F5;
        
border-radius5px;
        
padding8px 12px;
        
margin10px 0px 0px;
    }

    .
bandeau strong {
        
margin-right6px;
    }

    .
bandeau .date {
        
color#666;
        
font-size0.8em;
        
margin-left6px;
    }

    .
jaune {
        
background-color#FFF6BF;
        
border-color#FFD324;
    
}

    .
vert {
        
background-color#D6ECA6;
        
border-color#8DC93E;
    
}

    .
bleu {
        
background-color#ADCBE7;
        
border-color#0F5C8E;
    
}

    .
social {
        
padding12px;
        
text-aligncenter;
    }

    .
social .intro {
        
color#666;
        
margin-right16px;
    }

    .
social .twitter, .social .facebook {
        
margin0px 16px 0px 0px;
        
border-left1px solid #DDD;
        
padding0px 0px 0px 16px;
    }
</
style>

<
div class="bandeau jaune">
    <
strong>Information 1 :</strong>
    (...)
    <
span class="date">(9 août 2014)</span>
</
div>

<
div class="bandeau vert">
    <
strong>Information 2 :</strong>
    (...)
    <
span class="date">(9 août 2014)</span>
</
div>

<
div class="bandeau bleu">
    <
strong>Information 3 :</strong>
    (...)
    <
span class="date">(9 août 2014)</span>
</
div>

<
div class="social">
    <
span class="intro">Restez au courant de notre actualité !</span>
    <
span class="twitter"><a href="http://twitter.com/mybb">Suivez @MyBB sur Twitter</a></span>
    <
span class="facebook"><a href="http://facebook.com/mybboard">Aimez MyBB sur Facebook</a></span>
</
div

Cordialement,
Saphir,
Modérateur MyBB.support.
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