+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : MyBB.fr (https://mybb.fr/forum-1.html)
+--- Forum : Tutoriels (https://mybb.fr/forum-19.html)
+--- Sujet : [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) (/thread-3300.html)
[tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - haytoch - 10-11-2010
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
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - spyto - 10-11-2010
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...
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - haytoch - 10-11-2010
merci spyto j'essaie de régler pour les forums a largeur flexible
merci encours
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - haytoch - 03-12-2010
spyto a écrit :En effet sur des thèmes à largeur "flexible" le résultat n'est pas très esthétique !C vrais spyto ? je le test plusieurs fois en localhost sur le theme par defaut de mybb et ca marche .
Mais ce n'est que mon avis...
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 ???
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - ghost - 03-12-2010
haytoch a écrit :Bonjour haytoch et mercispyto a écrit :En effet sur des thèmes à largeur "flexible" le résultat n'est pas très esthétique !C vrais spyto ? je le test plusieurs fois en localhost sur le theme par defaut de mybb et ca marche .
Mais ce n'est que mon avis...
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 ???
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/
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - haytoch - 03-12-2010
ghost a écrit :Bonjour haytoch et merciW2 c vrais , mais n'oublié pas que la largeur de code moi je choisie : 800px;
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/
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
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - ghost - 03-12-2010
haytoch a écrit :ghost a écrit :Bonjour haytoch et merciW2 c vrais , mais n'oublié pas que la largeur de code moi je choisie : 800px;
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/
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
.