1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
[tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
Mots-clés » tutopersonnaliser, bloc, mycode, php, cite, code, phpcite
10-11-2010, 21:10, (Modification du message : 03-12-2010, 6:27 par haytoch.)
#1
Wink  [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;
    
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

Répondre
10-11-2010, 21:54,
#2
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
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...

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
10-11-2010, 23:00,
#3
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
merci spyto j'essaie de régler pour les forums a largeur flexible Smile
merci encours
Répondre
03-12-2010, 6:02, (Modification du message : 03-12-2010, 6:53 par haytoch.)
#4
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
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 ???
Répondre
03-12-2010, 12:01,
#5
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
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/

Le savoir n'est bon que s'il est partagé
[Image: 799.gif]
Répondre
03-12-2010, 12:28,
#6
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
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
Répondre
03-12-2010, 12:51, (Modification du message : 03-12-2010, 12:52 par ghost.)
#7
RE: [tuto]Personnaliser Bloc de Mycode (PHP,Cite et code )
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.

Le savoir n'est bon que s'il est partagé
[Image: 799.gif]
Répondre




Utilisateur(s) parcourant ce sujet : 1 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique