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

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Tutoriels (https://mybb.support/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;
    
width800px;
    
border1px solid #ffdd7f;
    
padding4px;
    
margin4px;
    
overflowauto;
}

blockquote cite {
    
displayblock;
    
padding4px;
    
border-bottom1px dashed #ffdd7f;
    
margin-bottom4px;
    
font-stylenormal;
    
font-weightbold;
}

blockquote cite span {
    
font-weightnormal;
}

.
codeblock {
    
background#f2faff;
    
width800px;
    
border1px solid #aee1ff;
    
padding0px;
    
overflowauto;
}

.
codeblock .title {
    
background#d2eeff;
    
border-bottom1px dashed #fff;
    
padding3px;
    
    
font-weightbold;
}

.
codeblock code {
    
overflowauto;
    
heightauto;
    
max-height200px;
    
displayblock;
    
padding4px;
    
    
font-familyMonacoConsolasCouriermonospace;
    
font-size13px;


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 Smile
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 !

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


RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - ghost - 03-12-2010

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/


RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - haytoch - 03-12-2010

ghost a écrit :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/
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


RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code ) - ghost - 03-12-2010

haytoch a écrit :
ghost a écrit :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/
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.


 Utilitaire de traduction fourni par Regentronique