La date/heure actuelle est Dim 19 Nov 2017 - 07:39 - créer un forum

[Résolu] Affichage du code trop petit

Aller au contenu

Poster un nouveau sujet Répondre au sujet

[Résolu] Affichage du code trop petit
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 559
Point(s): 571
Moyenne: 1,02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mar 12 Sep 2017 - 11:59    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

PublicitéSupprimer les publicités ?
Bonjour,

Je désire modifier la taille de l'affichage d'un code car dès que l'on se sert des balises "code" le rendu est trop petit :



Mais je n'arrive pas à trouver où régler ce problème Embarassed

Merci d'avance pour votre aide Okay


Dernière édition par Amsterdam le Mer 13 Sep 2017 - 13:24; édité 1 fois
Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 903
Niveau:
Point(s): 904
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mar 12 Sep 2017 - 13:41    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

Bonjour Amsterdam,

Il suffit de créer une class dans ton css, exemple :

Code: Sélectionner - Agrandir
td.code {
    background-color: #fff;
    color: #000;
    padding: 12px;
   font-size: 12px;
}


Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 559
Point(s): 571
Moyenne: 1,02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mar 12 Sep 2017 - 18:41    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

Bonsoir RotorMan,

Merci de t'intéresser à mon souci Okay

Deux petites questions bêtes :
- Je colle ce bout de code n'importe où dans le css ?
- Comment puis-je indiquer la taille du cadre ?


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 903
Niveau:
Point(s): 904
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mer 13 Sep 2017 - 10:59    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

Bonjour Amsterdam,

Oui directement dans ta feuille CSS.

Soit en "td.code" ou en "div.code" cela dépend de l'encodage de ton forum.

Pour la table du cadre, la balise à utiliser est celle là :

Code: Sélectionner - Agrandir
table.code {
    background: #code couleur;
    margin: 5px auto;

etc...
}


Pour le titre "code" et la couleur, la balise est celle là :

Code: Sélectionner - Agrandir
td.code_user {
    background: #code couleur;
    padding: 5px;
    font-weight: bold;

etc...
}


Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 559
Point(s): 571
Moyenne: 1,02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mer 13 Sep 2017 - 11:47    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

Bonjour RotorMan,

Je pense que c'est un peu plus compliqué qu'il n'y paraît ... dans la feuille css, j'ai ça :

Code: Sélectionner - Agrandir
font, th, td, p {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 12px;
    }
    .code {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        color : #444444;
        line-height : 125%;
        border-left : 1px solid #a9afe7;
        border-top : 1px solid #a9afe7;
        border-right : 1px solid #f9f9f9;
        border-bottom : 1px solid #f9f9f9;
        background-color : #d2d7f2;
    }
    .quote {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 11px;
        color : #444444;
        line-height : 125%;
        border-left : 1px solid #a9afe7;
        border-top : 1px solid #a9afe7;
        border-right : 1px solid #f9f9f9;
        border-bottom : 1px solid #f9f9f9;
        background-color : #d2d7f2;
    }


Logiquement, la citation et le code devrait avoir la même apparence et on devrait voir comme sur ce forum " CODE: " mais ce n'est pas le cas ?!


A mon humble avis, il doit y avoir quelque chose qui merdoie dans un autre template Sad


Forum
Auteur Message
RotorMan
Modérateur


Hors ligne
Modérateur

Inscrit le: 21 Déc 2006
Messages: 903
Niveau:
Point(s): 904
Moyenne: 1,00
Windows 8 ou 10 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Mer 13 Sep 2017 - 13:05    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

Re,

Je pense que cela vient de ton template "bbcode.tpl".

Vérifier que tu as cela dedans, il devrait y avoir ça :

Code: Sélectionner - Agrandir
<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
     <td><span class="genmed"><b>{L_CODE}:</b></span></td>
   </tr>
   <tr>
     <td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
   </tr>
</table>
<span class="postbody"><!-- END code_close -->


Si doute, sauvegarde de ton template puis remplace son contenu par celui de ton thème test.

Cordialement
_______________________
Aucune aide par MP. Le forum d'entraide est fait pour cela.
La lecture du règlement est obligatoire
50 balais mais 30 dans ma tête.
Discord - Twitter
Les membres suivants remercient RotorMan pour ce message :
Amsterdam (13/09/17)


Forum
Auteur Message
Amsterdam
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 03 Juin 2015
Messages: 559
Point(s): 571
Moyenne: 1,02
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mer 13 Sep 2017 - 13:24    Sujet du message: [Résolu] Affichage du code trop petit Répondre en citant

Génial, tu as mis le doigt dessus !! Okay

En fait, je n'avais que ça dans le "bbcode.tpl"
Code: Sélectionner - Agrandir
<!-- BEGIN code_open -->
    <div style="margin: auto; width: auto">
    <textarea class="html" name="codeblock">
    <!-- END code_open -->
    <!-- BEGIN code_close -->
    </textarea>
    </div>
    <!-- END code_close --> 


Un grand merci pour ton aide Merci


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 07:39    Sujet du message: [Résolu] Affichage du code trop petit

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 1




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401