Graph-Design




  • Publicité

[Résolu] Limiter la hauteur d' une zone de code

Image Tout ce qui touche au Web , matériels , navigateurs , logiciels etc ...
Image


Avatar de l’utilisateur



Administratrice

Messages: 6256
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Dim 11 Juil 2010 09:01
Kikooo,

je viens encore demander de l' aide .

Donc, voilà, j' ai installé le plugin WP_codebox pour wordpress afin de pouvoir afficher du code dans les articles.
Ma question concerne cette zone de code qui est très haute quand le code est grand.

Y aurait-il possibilté de faire en sorte d' avoir une hauteur maximale définie ?

Voici le CSS du plugin au cas ou :

Code: Tout sélectionner
/* codebox header */
.wp_codebox_msgheader {
   width: 98%;
   margin: .5em 0 0 0;
   border: 1px solid silver;
   height: 22px;
   border-bottom: 0;
   font-weight: bold;
   background: #F3F8D7 url(../images/arrow-square.gif) no-repeat right 5px;
   color: #000000;
   overflow: hidden;
}

.wp_codebox_msgheader.active {
   background-position: right -54px;
   border: 1px solid silver;
}

.wp_codebox_msgheader .right {
   float: right;
   text-align: right;
   padding-right: 5px;
   margin-right: 20px;
}

.wp_codebox_msgheader .right a {
   font: 14px Arial, Tahoma !important;
}

.wp_codebox_msgheader .left,.wp_codebox_msgheader .left2 {
   float: left;
   /*   background-color:#FFFFFF;
   border:1px solid #DCDCDC;
   padding:8px 0px 2px 8px;*/
   font-family: tahoma, arial, verdana;
   /*   display: block;
   width:50%;
   margin: 0 auto;*/
   padding: 2px 5px 2px 20px;
   margin-left: 5px;
   font-size: 14px;
   line-height: 18px;
}

.wp_codebox_msgheader .left {
   background: url(../images/view_code.png) no-repeat left;
}

.wp_codebox_msgheader .left2 {
   background: url(../images/down.gif) no-repeat left;
}

.wp_codebox_msgheader .left a { /*   margin:0px 5px 0px 10px;*/
   font-weight: bold;
}

.wp_codebox_msgheader .left2 a { /*   margin:0px 5px 0px 5px;*/
   font-weight: bold;
}

.wp_codebox_msgheader .codebox_clear {
   clear: both;
}

/* codebox */
.wp_codebox {
   color: #100;
   width: 98%;
   background-color: #f9f9f9;
   border: 1px solid silver;
   margin: 0 0 .5em 0;
   overflow: auto;
}

.wp_codebox table {
   border-collapse: collapse;
   border: none;
   margin: 0px !important;
   width: 100%;
}

.wp_codebox div,.wp_codebox td {
   vertical-align: top;
   padding: 2px 4px;
}

.wp_codebox td.line_numbers {
   text-align: right;
   background-color: #def;
   color: #666;
   overflow: visible;
   border-right: 1px solid #B0BEC7;
   table-layout: auto;
   width: 10px;
}

/* potential overrides for other styles */
.wp_codebox pre {
   border: none;
   background: none;
   margin: 0;
   padding: 0;
   width: auto;
   float: none;
   clear: none;
   overflow: visible;
   font-size: 12px;
   line-height: 1.333;
   text-align:left;
}

.line_numbers pre {
   padding: 0px;
   margin: 0px;
   text-align: right;
}


( Je voudrai que cela fasse comme l' insertion de code ci-dessus par exemple  :meuh:  )

Publicité


Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Dim 11 Juil 2010 09:47
Salut,

Tu as un lien à me montrer pour voir le code source ?

Au cas ou tu ne souhaite pas divulguer envoi moi un MP

EDIT: MP reçu et je pense que tu peux ajouter ce code CSS à ta feuille de style et voir si ça donne quelque chose

Code: Tout sélectionner
   .dean_ch {
      overflow: auto;
      display: block;
      height: auto;
      max-height: 200px;
      margin: 2px 0;
   }

Avatar de l’utilisateur



[_Administrateur_]

Messages: 4709
Age: 31 ans
Inscription: 19/01/2010
Localisation: Trop prés des cons .
Logiciels:
Image Image Image
Message Perso:
- Je fais pas de support par Mp , le forum est là pour ça ... -
MessagePosté: Dim 11 Juil 2010 09:56
Je viens de le mettre mais je sais pas si il y a une histoire de cache sur Wordpress  :mouh:

Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Dim 11 Juil 2010 10:09
Je ne crois pas qu'il y ai de cache (sauf pour certains style que j'ai pu voir) mais en tout cas la classe dean_ch ne se trouve pas dans le code donné par Léa

essai ça pour voir

Code: Tout sélectionner
       .dean_ch {
          overflow: auto !important;
          display: block !important;
          height: auto !important;
          max-height: 200px !important;
          margin: 2px 0 !important;
       }


Sinon il faudra trouver la classe correspondante.

La je dois partir pour la journée au pire si tu n'as pas trouvé je regarderai encore ce soir

Avatar de l’utilisateur



Responsable des codeurs

Messages: 196
Age: 29 ans
Inscription: 01/05/2010
Localisation: Normandie
Emploi: opérateur de travaux (distribution d'eau potable)

Logiciels:
Master Collection CS3 et Cinema4D, phpbb3 en local x2 (un pour les styles et un pour les MODs) avec wampserveur, notepad++, et bien d'autre...
MessagePosté: Dim 11 Juil 2010 11:21
moi aussi peut avoir le MP ?

Avatar de l’utilisateur



Responsable des codeurs

Messages: 196
Age: 29 ans
Inscription: 01/05/2010
Localisation: Normandie
Emploi: opérateur de travaux (distribution d'eau potable)

Logiciels:
Master Collection CS3 et Cinema4D, phpbb3 en local x2 (un pour les styles et un pour les MODs) avec wampserveur, notepad++, et bien d'autre...
MessagePosté: Dim 11 Juil 2010 11:41
recu,

je rejoint l'avis de steph, mais j'ai pas tester non plus par contre je pourais peut etre voir ca ce soir

Avatar de l’utilisateur



Administratrice

Messages: 6256
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Dim 11 Juil 2010 16:44
:meuh:  :meuh:

Merci  :meuh:

Si vous avez besoin de quelque chose ( css du style en place ), n' hésitez pas  :meuh:


Edit : avant d' installer ce plugin , j' avais trouvé ceci http://www.duretz.net/blog/2008/10/29/inserer-du-code-dans-un-article/
et j' ai testé l' astuce donnée en bas de la page

Pour ceux qui souhaitent limiter la taille de la boîte de code, ils peuvent modifier le fichier codebox.css du plugin et mettre à jour les éléments suivants :
Code: Tout sélectionner
/* codebox */
.wp_codebox {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
  max-height: 200px
}

/* IE FIX */
.wp_codebox {
  overflow-x: auto;
  overflow-y: auto;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}



Mais ça n' avait rien changé  :meuh:

Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Lun 12 Juil 2010 08:56
En fait d'après le code source le code est affiché dans une div avec la class dean_ch, as-tu essayé le second code CSS ?

Avatar de l’utilisateur



Administratrice

Messages: 6256
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Lun 12 Juil 2010 10:01
Oui, mais toujours aucun changement .
C'est vraiment un truc de fou là  hmmmm

Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Lun 12 Juil 2010 10:05
Tu as le lien de téléchargement du style ? Et du plugins ?
Suivante

Retourner vers Support général

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Référencement gratuit • Forum informatique • Annuaire généraliste • Inforumatique • Hébergement d'images • Geekeden • Forum de services phpbb • Hébergeur web • Forum InfoPc
blog de création graphique, PAO et retouche photo • KazMag • Artkabis 
cron