Sujets similaires

Bonjour!

Permettez-moi d'expliquer un peu ma situation. Pour mon forum, j'ai trouvé d'adorables smileys de poulpes que je me suis empressée d'installer. Toutefois, ces smileys sont en transparence et ont une horrible bordure blanche pixelisé qui paraît atrocement sur mon forum au fond... noir. Alors je me suis dit que je "tricherais" et mettrais une couleur de fond à mes images, la plupart n'étant pas en transparence et étant da la mesure de réduire au maximum la transparence dans mon thème.

Ainsi, j'ai appliqué à toutes les images du forum un fond blanc. Mes smileys sont nickels avec ce fond, on dirait que c'est l'image de base. Néanmoins, quand vient le temps de retirer le fond sur les autres images, je n'y arrive pas. J'ai mis des images pour le titre de mes catégories. Toutefois, quand j'indique dans le code qui les concerne que je ne veux pas de fond, le gros carré blanc reste en place et c'est très embêtant.

Voici mon code:

Code:: img {
background-color: #FFFFFF;
}

.secondarytitle h2 img {
display: inline!important;
background-color: none;
}

Pour avoir un aperçu de ce que cela donne, je vous passe le lien de mon forum, ici, les titres sont durs à manquer tant ils sont gros!

Donc en gros, j'aimerais retirer ce fond blanc si c'est possible. Le mieux, ça serait de ne pouvoir appliquer le fond blanc qu'aux smileys uniquement, mais j'ai cherché parmi les identifiants CSS pour voir quel correspondrait et je n'ai pas trouvé... Si quelqu'un savait comment faire, j'en serais infiniment reconnaissante!

En attendant, merci d'avance à celui ou ceux qui étudieront mon problème!
Dreamzz

Bonsoir,

Au hasard et sans trop avoir testé si cela génère des bugs je te propose cependant de modifier un chouïa ton CSS pour cibler les images contenues dans un message :

Code:: .postbody img {
background-color: #FFFFFF;
}

Qu'est-ce-que cela donne ?

Ça ne semble pas causer de bugs et j'ai bel et bien un fond pour les smileys, une fois dans les messages! Merci!

Toutefois, est-ce que vous ne sauriez pas comment ajouter le même effet dans la boîte qui affiche tous les smileys (quand on les choisit)? Sinon, ce n'est pas grave, après tout, c'est secondaire personne ne va en mourir.

En fait le problème c'est que la boite pour sélectionner les smileys dans le menu d'édition est une iframe, on ne peut pas appliquer de style comme ça dans le CSS pour y toucher.

Après, la meilleure des solutions serait de retoucher directement les smileys pour leur appliquer un fond blanc (et du coup virer le CSS) =)

Ah je vois je vois!
Je retoucherais les smileys, mais malheureusement, je n'ai pas de logiciel pour les images animées, d'où l'intérêts du css dans mon cas!
Merci beaucoup de votre aide! C'est très apprécié! Au moins, c'est propre dans mes messages!

Je crois que ce sujet peut être archivé alors (:

Pas de soucis.

Dernière suggestion, tu peux essayer de voir et apprivoiser The Gimp, qui est gratuit et gère le .gif
Il est pas facile à aborder, mais il est pleins de ressources Wink

Bonne soirée !

Merci beaucoup!

Sinon j'ai peut-être trouvé une solution à ton dernier problème finalement. Dans les templates, il y en a un appelé posting_smilies. Tu peux modifier le code par défaut par le suivant :

Code:: <table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
   <td>
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
      <tr>
         <th class="thHead" height="25">
         <form id="smilies_categ" action="" method="get" name="smilies_categ">
         {L_EMOTICONS} : <select name="categ" size="1" onchange="forms['smilies_categ'].submit()">
            <option value="">{L_VIEW_MORE}</option>
            {SELECT_OPTIONS}
            </select><input type="hidden" name="mode" value="smilies" /><input type="submit" name="Ok" value="Ok" />
         </form>
         </th>
      </tr>
      <tr>
         <td align="center">
         <table width="100" border="0" cellspacing="0" cellpadding="5">
            
            <tr align="center" valign="middle">
               
               <td><a href="{smilies_row.smilies_col.SHOW_JS}"><img title="{smilies_row.smilies_col.SMILEY_DESC}" src="{smilies_row.smilies_col.SMILEY_IMG}" alt="{smilies_row.smilies_col.SMILEY_DESC}" border="0" class="smiley" /></a></td>
               
            </tr>
            
            
            <tr align="center">
               <td colspan="{S_SMILIES_COLSPAN}"><span class="nav"><a class="nav" onclick="open_window('{U_MORE_SMILIES}', 250, 300);return false" href="{U_MORE_SMILIES}" target="_smilies">{L_MORE_SMILIES}</a></span></td>
            </tr>
            
         </table>
         </td>
      </tr>
      <tr>
         <td align="center"><br />
         <span class="genmed"><a class="genmed" href="javascript:window.close();">{L_CLOSE_WINDOW}</a></span></td>
      </tr>
   </table>
   </td>
</tr>
</table>

Puis changer le CSS par ceci :

Code:: .postbody img,
img.smiley {
background-color: #FFFFFF;
}

Essaye toujours =)

Oh! Vous m'avez mise sur la bonne piste! Ce que vous avez proposé ne fonctinnait pas. Toutefois, j'ai décidé d'explorer un peu, réalisant enfin que je pouvais modifier d'autres templates que ceux dans le général. Du coup, j'ai appliqué la class que vous avez créée, mais plutôt dans le template juste en dessous, soit posting_smilies_frame. Et là, ça fonctionne nickel!
Merci beaucoup pour votre aide, sans vous, je n'y serais jamais arrivé! Merci encore!

Oui! Merci encore!

Afficher une couleur de fond sur les smileys

Afficher une couleur de fond sur les smileys

Sujets similaires

Sujets similaires

Partenaires Or