[Résolu] défaut d'apparence mod Smillies

david18 · 30-08-2013 15:02:16

Bonjour,

j'ai un souci d'apparence dans l'administration de forum avec la mod smilles manager voir la capture qui déborde de son conteneur ce qui empêche de cocher pour modifier les positions cars je ne sais pas trop ou agir dans le Css ou la mod pouvez-vous me donner une direction merci d'avance wink

Ps: je ne voudrait pas modifier mon Template a cause de ce bug merci !

cdlt

Otomatic · 30-08-2013 15:38:25

Bonjour,

Je n'ai rien de spécial dans les css pour l'affichage de cette page Smilies Manager et ça ne pose aucun problème d'affichage quelque soit le style choisi (Le mien, Air, Earth, Oxygen, etc.)

Pour info, voici ce que donne le source de la page avec la première ligne des Smilies :

 <div class="blockform">
  <h2 class="block2"><span>Smilies actuels</span></h2>
  <div class="box">
    <form method="post" action="/forum/admin_loader.php?plugin=AP_Smilies.php">
    <div class="inform">
     <fieldset>
      <legend>Liste des smilies actuels</legend>
      <div class="infldset">
       <table>
        <thead><tr>
         <th scope="col">Position</th>
         <th scope="col">Nom du fichier image</th>
         <th scope="col">Code</th>
         <th scope="col">Image</th>
         <th scope="col">Retirer</th>
        </tr></thead>
        <tbody>
         <tr>
          <th scope="row"><input type="text" name="smilies_order[1]" value="0" size="3" maxlength="3" /></th>
          <td><select name="smilies_img[1]">
           <option value="baille.gif">baille.gif</option>
           <option value="biere.gif">biere.gif</option>
           <option value="big_smile.png">big_smile.png</option>
           <option value="blink.gif">blink.gif</option>
           <option value="bravo.gif">bravo.gif</option>
           <option value="canon.gif">canon.gif</option>
           <option value="cheese.gif">cheese.gif</option>
           <option value="cool.png">cool.png</option>
           <option value="coucou.gif">coucou.gif</option>
           <option value="daccord.gif">daccord.gif</option>
           <option value="french.gif">french.gif</option>
           <option value="furieux.gif">furieux.gif</option>
           <option value="hmm.png">hmm.png</option>
           <option value="hourra.gif">hourra.gif</option>
           <option value="huh.gif">huh.gif</option>
           <option value="langue1.gif">langue1.gif</option>
           <option value="langue2.gif">langue2.gif</option>
           <option value="lire_doc.gif">lire_doc.gif</option>
           <option value="lol.png">lol.png</option>
           <option value="mad.png">mad.png</option>
           <option value="mort_rire.gif">mort_rire.gif</option>
           <option value="neutral.png">neutral.png</option>
           <option value="pause_cafe.gif">pause_cafe.gif</option>
           <option value="roll.png">roll.png</option>
           <option value="sad.png">sad.png</option>
           <option value="salutations.gif">salutations.gif</option>
           <option value="siffle.gif">siffle.gif</option>
           <option selected="selected" value="smile.png">smile.png</option>
           <option value="tongue.png">tongue.png</option>
           <option value="wink.png">wink.png</option>
           <option value="yikes.png">yikes.png</option>
          </select></td>
          <td><input type="text" name="smilies_code[1]" value=":)" size="5" maxlength="60" /></td>
          <td><img src="img/smilies/smile.png" alt=":)" /></td>
          <td><input name="rem_smilies[1]" type="checkbox" value="1" /></td>
         </tr>
         <tr>
          <th scope="row"><input type="text" name="smilies_order[2]" value="1" size="3" maxlength="3" /></th>

Tu as peut-être effectué des modifs de CSS qui influent sur cette page.
Pour essais, change temporairement de Style (Profil, Affichage) pour un pour lequel tu es certain de ne pas avoir fait de modifications.
Ce peut être aussi les lignes :

<td><input type="text" name="smilies_code[1]" value=":)" size="5" maxlength="60" />

avec une valeur largement supérieure à 5 pour size.

david18 · 30-08-2013 16:37:39

Bonjour,

En effet j'ai changé de style css de forum et ou ce trouve ce fichier et la valeur doit-je la changer merci ?

<td><input type="text" name="smilies_code[1]" value=":)" size="5" maxlength="60" />

Je voudrait aussi savoir si c'est possible via une ligne de code de verrouiller un seul thème par défaut pour les utilisateurs cars je voudrait garder le thème Black_Blue ? afin que tout le monde soit a la même enseigne , merci !

cdl

david18

Otomatic · 30-08-2013 17:13:51

Bonjour,

david18 : S'il-te-plaît, lis bien ce que j'écris.

Je ne t'ai pas demandé si tu avais changé de style, mais d'essayer avec d'autres styles pour voir si le problème est le même.
Pour voir quelle valeur tu as pour size, tu regardes la source de ta page (Ctrl-U sous Firefox)

Pour obliger tout le monde à avoir le même thème, il suffit de les supprimer tous du dossier style sauf Black_Blue.

david18 · 30-08-2013 18:42:42

bonsoir,

Désoler tongue En effet j'ai essayé avec Earth.css tout est normale et la valeur est comme ci-dessous :

        <td><input type="text" name="smilies_code[29]" value=":ma" size="3" maxlength="60" /></td>

Et quand je fait ctrl + U la valeur est identique c'est surprenant ? hmm

Que doit-je faire merci d'avance !

cdlt

Dernière modification par david18 (30-08-2013 19:01:34)

Otomatic · 30-08-2013 19:13:23

Bonsoir,

Si ça fonctionne avec Earth et que le code indique size="3", c'est que le problème provient d'une modification du fichier css Black_Blue qui impacte - a priori - div.inform td input ou les largeurs des éléments th ou td dans div.inform.
Il faut utiliser une extension du genre Firebug sous Firefox pour voir quelles sont les propriétés css de l'arborescence :

<div class="blockform">
 <div class="box">
  <div class="inform">
   <div class="infldset">
    <table>
     <tr>
      <td><input type="text" name="smilies_code[29]" value=":ma" size="3" maxlength="60" /></td>

ainsi que d'où elles proviennent.

PascL · 30-08-2013 19:14:53

Salut

Regarde si la mod demande des modifs dans les fichiers css. Si oui, fais-les dans les styles où les modifs n'y sont pas.

david18 · 30-08-2013 19:20:18

bonsoir,

je regarde tout ça merci à vous deux

Dans le style Black_Blue.css , j'ai juste modifier la largeur du forum , les icones de mes catégories et commenté à la fin l'arborescence de mon Template ( rien de spéciale ) en css

cdl

Dernière modification par david18 (30-08-2013 19:25:29)

Otomatic · 30-08-2013 19:21:44

Bonsoir, (dernier)

@PascL : tu penses bien que c'est le premier truc que je suis allé voir : readme.txt de Smilies Manager.
Et..., et... Zorr, non c'est pas ça, il n'y a aucune modif ou ajout css.

PascL · 30-08-2013 19:30:13

@oto: mea culpa, je ne suis pas allé jusqu'à aller chercher dans le readme.

Otomatic · 31-08-2013 10:34:19

Bonjour,

@david18, quelle est la valeur de width dans Black_Blue.css, à la place de 980

 .pun {
	width: 980px;
	}

En dessous de 900, il commence à avoir des problèmes.

david18 · 31-08-2013 11:45:45

Bonjour,

Elle est identique à votre valeur que vous avez défini dans votre post par contre j'avait ajouté cette ligne est que sa peut avoir effet sur l'apparence de smiley manager?

 /* Forum largeur fixe  modif */  
body .pun {
    width:750px; margin:12px auto; text-align:left;
}

cdlt

david18

Mpok · 31-08-2013 12:42:04

Oui, ça peut…
CARRÉMENT même…
Sans contester (pour l'instant) votre choix de largeur et de margin, je voudrais bien savoir pourquoi le "text-align: left" ?

Otomatic · 31-08-2013 15:07:43

Bonjour,

750px, c'est bien trop faible.
Il faut avoir présent à l'esprit qu'une déclaration text-align:left au plus haut niveau du forum (.pun) va être implicitement hérité par tous les enfants, sauf déclaration explicite contraire pour lesdits enfants.
Nota : bien étudier les termes implicite et explicite. siffle

david18 · 01-09-2013 08:46:25

Bonjour,

@ MPOK En fait la valeur ( text-align: left); ) c'est une valeur que j'avais laissée par défaut et que j'ai repris au départ dans une autre discussion ici et je pensais que c'était vraiment important de la laisser..

@Oto j'ai supprimé la valeur ( text-align:left ) et margin et augmenter cette valeur se qui ne change rien hmm

Otomatic · 01-09-2013 18:03:25

Bonjour,

J'ai fait des essais en local, avec plusieurs styles : Le mien, Air, Earth, Black_Blue et avec pour tous la valeur :

.pun {
  width:750px;margin:5px auto;
}

Pour l'affichage de la page Admin Smilies, il n'y a QUE Black_Blue qui présente ce problème de dépassement de largeur et, je l'avoue, je ne vois pas pourquoi sad

david18 · 01-09-2013 20:11:49

Bonsoir,

j'ai ajouté votre valeur Oto en local également voici ce que ça donne wink

Ps: les deux barres au-dessus comme on le voit sur la première image sont espacé tandis que en dessous elles sont collées ( image couper désoler )

En ligne :

ce qui est surprenant c'est que le changement reste telles quels pas comme en local ( je reste optimiste et grâce a vous je commence à voir de la lumière )

cdlt

david18

PascL · 02-09-2013 11:02:23

Salut

Le screenshot c'est joli mais ça nous aide pas...
Que dit firebug ?
A première vue, ça doit être un tableau. N'y a-t-il pas de largeur fixé sur les tableaux (et/ou sur les cellules du tableau) ?

david18 · 02-09-2013 13:09:50

Bonjour,

Effectivement mon tableau fait 757 x 2310 de large qui dépasse de son contenu comme résoudre ce problème merci d'avance ?

cdlt

Otomatic · 02-09-2013 17:32:18

Bonjour,

Étant du genre à ne pas me laisser embêter par des octets, j'ai cogité un peu plus longuement et j'ai enfin trouvé ce qui faisait qu'il était impossible d'imposer la largeur de la <div class='infldset' : c'est une largeur minimum imposée à tous les élément input de type text.
Donc, dans le fichier Black_Blue.css, remplacer :

#brdmain  input[type="text"], #brdmain  input[type="password"] {
	min-width: 200px;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
	background: #fff;
	border-radius: 3px;
}

par

#brdmain  input[type="text"], #brdmain  input[type="password"] {
	/*min-width: 200px; [modif oto] - pour affichage correct plugin Smilies */
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
	background: #fff;
	border-radius: 3px;
}

Il y aura peut-être des effets secondaires collatéraux sur d'autres input... à suivre.

david18 · 02-09-2013 17:46:39

Bonjour,

Nickel Oto ça marche super bien tout est redevenue comme avant et jolie boulot chapeau wink et je remercie tout les autres pour votre investissement que j'apprécie franchement .

Ps: Et j’espère que ce post servira a d'autre en cas de soucis

très cdlt

david18 et j'ajoute la balise résolue

Otomatic · 02-09-2013 18:10:36

Bonjour,

Je vais expliquer ma démarche.
Le contenant qui avait une largeur (694) supérieure à celle de son contenant de niveau supérieur (505) était
<div class='infldset'>
Même en forçant une largeur de 500px sur cette class, et même en y ajoutant !important, impossible de réduire la largeur. cela voulait dire que c'était un ou des éléments contenus à l'intérieur de de <div class='infldset'> qui en forçaient la largeur.
Je suis descendu pas-à-pas dans l'arborescence, pour essayer de forcer les largeurs tout en regardant dans le fichier css une éventuelle valeur de largeur en passant de <table> à <thead> puis à <tr> puis à <th> puis à <input....> et c'est là que j'ai vu la valeur de min-width pour les input de type text.

david18 · 02-09-2013 18:42:38

bonsoir ,

En tout cas chapeau Oto et c'est ce que j'avais remarqué en inspectant l'élément de la page de la mod et je n'aurais jamais loin de la trouver ça que j'avoue wink

Ps: est-ce que ce ne serait pas une sorte de bug dans le Css de ce style qui en ajoutant Smiley manager aurait le même souci pour d'autre utilisateurs ce serait bien de changer cette valeur sur le point org de ce style non ? c'est une question que je me suis poser .

cdlt

david18

david18 · 07-01-2014 10:53:04

bonjour ,

cette discussion est résolue et merci d'avance !!

cdlt

FluxBB.fr

#1 30-08-2013 15:02:16

[Résolu] défaut d'apparence mod Smillies

#2 30-08-2013 15:38:25

Re : [Résolu] défaut d'apparence mod Smillies

#3 30-08-2013 16:37:39

Re : [Résolu] défaut d'apparence mod Smillies

#4 30-08-2013 17:13:51

Re : [Résolu] défaut d'apparence mod Smillies

#5 30-08-2013 18:42:42

Re : [Résolu] défaut d'apparence mod Smillies

#6 30-08-2013 19:13:23

Re : [Résolu] défaut d'apparence mod Smillies

#7 30-08-2013 19:14:53

Re : [Résolu] défaut d'apparence mod Smillies

#8 30-08-2013 19:20:18

Re : [Résolu] défaut d'apparence mod Smillies

#9 30-08-2013 19:21:44

Re : [Résolu] défaut d'apparence mod Smillies

#10 30-08-2013 19:30:13

Re : [Résolu] défaut d'apparence mod Smillies

#11 31-08-2013 10:34:19

Re : [Résolu] défaut d'apparence mod Smillies

#12 31-08-2013 11:45:45

Re : [Résolu] défaut d'apparence mod Smillies

#13 31-08-2013 12:42:04

Re : [Résolu] défaut d'apparence mod Smillies

#14 31-08-2013 15:07:43

Re : [Résolu] défaut d'apparence mod Smillies

#15 01-09-2013 08:46:25

Re : [Résolu] défaut d'apparence mod Smillies

#16 01-09-2013 18:03:25

Re : [Résolu] défaut d'apparence mod Smillies

#17 01-09-2013 20:11:49

Re : [Résolu] défaut d'apparence mod Smillies

#18 02-09-2013 11:02:23

Re : [Résolu] défaut d'apparence mod Smillies

#19 02-09-2013 13:09:50

Re : [Résolu] défaut d'apparence mod Smillies

#20 02-09-2013 17:32:18

Re : [Résolu] défaut d'apparence mod Smillies

#21 02-09-2013 17:46:39

Re : [Résolu] défaut d'apparence mod Smillies

#22 02-09-2013 18:10:36

Re : [Résolu] défaut d'apparence mod Smillies

#23 02-09-2013 18:42:38

Re : [Résolu] défaut d'apparence mod Smillies

#24 07-01-2014 10:53:04

Re : [Résolu] défaut d'apparence mod Smillies

Pied de page des forums