MyBB.support, le portail francophone de MyBB - [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )

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

Je pense que c'est surtout valable pour des thèmes à largeur fixe.

En effet sur des thèmes à largeur "flexible" le résultat n'est pas très esthétique !

Mais ce n'est que mon avis...

merci spyto j'essaie de régler pour les forums a largeur flexible Smile

merci encours

spyto a écrit :En effet sur des thèmes à largeur "flexible" le résultat n'est pas très esthétique !

Mais ce n'est que mon avis...

C vrais spyto ? je le test plusieurs fois en localhost sur le theme par defaut de mybb et ca marche .

les blocs s'affiche mieux et la largeure du forum reste bien parfait méme c'est en 95% .
les chose marche aussi enligne test ici :

http://test.bahi-education.com/showthread.php?tid=1&pid=1
je sais pas quoi le probllime ???

haytoch a écrit :
spyto a écrit :En effet sur des thèmes à largeur "flexible" le résultat n'est pas très esthétique !

Mais ce n'est que mon avis...
C vrais spyto ? je le test plusieurs fois en localhost sur le theme par defaut de mybb et ca marche .

les blocs s'affiche mieux et la largeure du forum reste bien parfait méme c'est en 95% .
les chose marche aussi enligne test ici :

http://test.bahi-education.com/showthread.php?tid=1&pid=1
je sais pas quoi le probllime ???

Bonjour haytoch et merci Smile

Pour ce qui est du problème c'est normal que tu n'as pas remarqué de bug parceque t'utilisais la même résolution !

Essai d'utiliser ce site pour tester sur plusieurs résolutions :

http://viewlike.us/

ghost a écrit :Bonjour haytoch et merci

Pour ce qui est du problème c'est normal que tu n'as pas remarqué de bug parceque t'utilisais la même résolution !

Essai d'utiliser ce site pour tester sur plusieurs résolutions :

http://viewlike.us/

W2 c vrais , mais n'oublié pas que la largeur de code moi je choisie : 800px;

mais vous pouvais l'adapté .

mnt je choisie un largeure de 500px pour la partie de code . tester svp :
http://viewlike.us/?url=test.bahi-education.com&button.x=10&button.y=26&button=Submit

haytoch a écrit :
ghost a écrit :Bonjour haytoch et merci

Pour ce qui est du problème c'est normal que tu n'as pas remarqué de bug parceque t'utilisais la même résolution !

Essai d'utiliser ce site pour tester sur plusieurs résolutions :

http://viewlike.us/
W2 c vrais , mais n'oublié pas que la largeur de code moi je choisie : 800px;

mais vous pouvais l'adapté .

mnt je choisie un largeure de 500px pour la partie de code . tester svp :
http://viewlike.us/?url=test.bahi-education.com&button.x=10&button.y=26&button=Submit

Pas grave, c'est les limites d'une largeur fluide/dynamique.

Perso j'utilise la largeur fluide et j'ai du adapter le design pour éviter des bugs sur certaines résolutions.

y'aura des bugs et c'est normal Wink