[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

[spyto]

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...

[haytoch]

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

[haytoch]

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 ???

[ghost]

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

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/

[haytoch]

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

[ghost]

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 .