[tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )

[haytoch]

Slt a tous et bienvenue sur Mybb.fr;

Je veux vous présentez aujourd'hui un petite tuto pour personnaliser la section de Mycode (PHP quote code ) pour colorer et aussi adapter la largeur de ceci avec celle de votre forum .

les modification font au niveau de fichier Global.css de votre thème modification des classes .
***APC==>Themes & templates ==>*votre theme ==>Global.css :
Remplacer le contenue de ces classes par ceci :

Code PHP :

blockquote {
    background: #fffaec;
    width: 800px;
    border: 1px solid #ffdd7f;
    padding: 4px;
    margin: 4px;
    overflow: auto;
}

blockquote cite {
    display: block;
    padding: 4px;
    border-bottom: 1px dashed #ffdd7f;
    margin-bottom: 4px;
    font-style: normal;
    font-weight: bold;
}

blockquote cite span {
    font-weight: normal;
}

.codeblock {
    background: #f2faff;
    width: 800px;
    border: 1px solid #aee1ff;
    padding: 0px;
    overflow: auto;
}

.codeblock .title {
    background: #d2eeff;
    border-bottom: 1px dashed #fff;
    padding: 3px;
    
    font-weight: bold;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    padding: 4px;
    
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
} 


Voila c tout .
Vous pouvez changer les colores et la largeur comme vous voulez

Un démo enligne comme toujours :
http://www.mybbsos.co.cc/thread-6.html

Bonne chance a tous .

J'aimerai bien avoir ce tuto appliquer ici sur Mybb.fr