Problème avec l'apparence du spoiler

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 13:56

Bonjour, comme l'indique le titre, j'ai un petit problème sur mon forum avec l'affichage des spoilers :/ Je vais vous montrer le petit soucis.

spoiler fermé
Problème avec l'apparence du spoiler Spoile11

spoiler ouvert
Problème avec l'apparence du spoiler Spoile12

Alors le problème n'est pas le cadre, ni le texte, ni la police... Mais mon soucis est ce fond rose que j'obtiens depuis que j'ai crée ce forum :(Je souhaiterais pour l'enlever, enfin si c'est possible.
Je voudrais donc bien obtenir ça:

Problème avec l'apparence du spoiler Rendu10

Chose que j'ai déjà vu sur plein de forum. C'est donc pour cela que je ne comprends pas pourquoi j'obtiens le premier et second rendu quand je veux utiliser un spoiler...

Merci d'avance et bonne journée à vous ♪


Dernière édition par Maître d'Earthland le Jeu 27 Fév 2014 - 18:19, édité 1 fois
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 14:14

Bonjour,

Essayez, dans Affichage > couleurs > feuille de style CSS :
Code:
.spoiler, .spoiler_closed, .spoiler_content{
background-image:url(LIEN);
}

Remplacez LIEN par votre URL. Wink

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 14:33

Malheureusement le problème persiste Sad
Je peux effectivement modifier la couleur du fond grâce à ce code, mais ce que je voudrais c'est l'enlever définitivement. Parce cela à beau me changer la couleur, le fond reste et la taille du spoiler aussi.
J'ai déjà essayé en mettant "background-color: #" mais ça ne fonctionne pas. Le fond rose reste, c'est comme si c'était un fond par défaut en faite :/

Merci d'avoir essayé! o/ ♪
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par medamine14 Mer 26 Fév 2014 - 14:39

Salut,

alors il suffit de mettre :

Code:
background-color: transparent;

je savais pas que Earthland avait un maître Wink
medamine14

medamine14
****

Masculin
Messages : 480
Inscrit(e) le : 14/11/2013

http://one-piece.forumactif.be/
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 17:10

Je te remercie, c'est déjà mieux. Seulement, il y a toujours le fond, certes transparent, mais il conserve sa taille trop encombrante :/

Je vous laisse voir o/

Problème avec l'apparence du spoiler Nouv10

Pourtant dans mon code du message, ces deux spoilers n'ont aucun espace entre eux :/
En fait, il faudrait réduire la taille du spoiler quand il est fermé et lui permettre de prendre plus de taille pour s'ouvrir. J'espère que c'est possible.

Je vous remercie de m'aider,
Le fameux Maître d'Earthland Wink
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 17:12

Re,

Vous êtes sûr que c'est bien la taille ? Si oui, dans le code, rajoutez :
Code:
height:XXpx;
à vous de "réguler" XX en fonction du besoin.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 17:22

C'est bien ce à quoi j'avais pensé. Sauf que le rendu est encore pire, m'enfin la taille est bien réduite, mais un scroll apparaît :/ Voici ce que ça donne ,

lorsque le spoiler est fermé:
Problème avec l'apparence du spoiler Ima10

lorsqu'il est ouvert:
Problème avec l'apparence du spoiler Ima_210

Je pense que ça ne vient pas de la taille finalement :/ Pourtant, lorsqu'on modifie cette dernière les spoilers se rapprochent quand même :/ C'est de mieux en mieux, mais la barre de scroll n'est pas esthétique du tout et fait un peu foirer le spoiler. Je me demandais si cela ne pouvait pas venir de quelque chose au niveau de la version du forum?
Si il y avait une possibilité d'ôter cette scrollbarre et de modifier la taille du spoiler fermé pour qu'il soit petit. Ensuite, lorsque le spoiler serait ouvert, il prendrait la taille qui lui convient afin d'afficher son contenu.

Bien à vous,
Merci ^^
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 17:29

Re,

Oops, petite erreur de ma part, il vous faut en effet les traiter séparément, donc seulement modifier .spoiler_closed (donc seulement le spoiler fermé).

Code:
.spoiler_closed{
height:XXpx;
}
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 17:42

Cette fois ci, la barre grise du spoiler fermé se modifie, il n'y a plus de scrollbarre, cela paraît bien... Or, il y a toujours cet espace entre chaque spoiler. Rappelez vous, le fond est maintenant transparent, mais c'était bien un fond rose à l'origine, dont je ne savais ni connaissais la provenance ^^". Ce fond semble toujours être présent, certes transparents.
N'y a t-il pas un moyen qui permet de supprimer quelque chose dans un langage CSS?
Je pense que si la réponse est positive, ça peut peut être améliorer ce cas.

Bien à vous,
Maître d'Earthland.
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 17:45

Re,

Ce n'est pas un problème. Si vous ne souhaitez pas avoir de fond, modifiez par :
Code:
background:none;
Cependant, je ne comprends pas l'origine de cet espace étant donné que la transparence a été appliquée à la couleur, pas à l'image (cf message de medamine14).

Essayez peut-être :
Code:
margin:auto;
padding:0;

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 17:59

Malheureusement, l'espace reste toujours bel et bien présent Sad
Malgré le fond enlevé et le dernier code appliqué.
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 18:03

Re,

Avez-vous essayé d'appliquer height à .spoiler, de la même façon ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 18:16

Oui, soit des scrollabarre apparaissent, soit l'espace reste présent, soit c'est mieux mais il y a toujours les scrollabarre dont certaines coupent les informations du spoiler :/
Je ne comprends plus, j'ai essayé de modifier certaines choses, d'un peu bidouiller le code mais ça ne change rien Sad
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 18:19

Essayez d'ajouter une largeur
Code:
width:XXpx;
Pour éviter les scrollbars.

Si cela ne marche pas, pouvez-vous me donner le code complet des modifications liées au spoiler ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 18:23

Ca ne fonctionne toujours pas :/

Voici le code des modifs du spoiler. D'ailleurs je ne sais pas si c'était comme ça qu'il fallait faire. Mais, j'ai modifié plusieurs fois ^^.

Code:
.spoiler{
 
  background: none;
    height: 20px;
}

.spoiler, .spoiler_closed, .spoiler_content{
          background:none;
  background-height: 0px;
width: 350px;
}
   
        .spoiler_closed{
        height:10px;
        }
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 18:30

Re,

Après avoir testé, j'obtiens le rendu ci-dessous avec ce code :
Code:
.spoiler{ 
  background: none;
  height: 20px;
}
       
.spoiler, .spoiler_closed, .spoiler_content{
  background:none;
  width: 350px;
}
         
.spoiler_closed{
  height:10px;
}

Problème avec l'apparence du spoiler 671566spoilercapturefa
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 18:51

Re, chez moi ça ne marche pas. J'ai pourtant retiré l'ancien pour mettre le votre.
J'obtiens cependant l'image suivante,

Problème avec l'apparence du spoiler Spoile13
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 18:58

Essayez ceci :
Code:
       .spoiler, .spoiler_closed{
         height: 40px;
          width: 350px;
        }
              
       .spoiler, .spoiler_closed, .spoiler_content{
          background:none;
        }
                

Edit : et si il y a encore la scroll, augmentez le "350px".
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 19:07

Alors le problème des scrollbarre est toujours persistant. J'obtiens le même rendu sauf que la barre horizontale s'enlève lorsque le spoiler s'ouvre. C'est déjà mieux mais l'on est toujours obliger d'utiliser la scrollbarre latérale. De plus celle horizontale (qui s'enlève lorsque le spoiler s'ouvre) ne sert à rien et gâche le spoiler. Ce n'est pas esthétique.

Je suis désolé, je dois m'absenter, je reviens demain.
Je vous remercie pour tout ce que vous avez fait jusqu'à présent et j'espère vraiment que ce problème pourra se régler ^^

@ demain o/
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 19:08

Avez-vous vu mon édit ?
Edit : et si il y a encore la scroll, augmentez le "350px".

Je vous en prie, bonne fin de journée Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Mer 26 Fév 2014 - 19:09

Ho, je vais essayer, je vous dirais tout demain! Si ça se trouve c'est ça le problème!
Bonne soirée à vous aussi, à demain.
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Mer 26 Fév 2014 - 19:17

On va y arriver, on va y arriver Mr. Green
A demain !
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Jeu 27 Fév 2014 - 10:00

Bonjour, j'ai utilisé votre code, mais les barres horizontales et latérales ne s'enlevaient pas :/
En revanche, j'ai un peu modifier votre code, j'ai ceci dans mon CSS maintenant, la barre horizontale s'est définitivement enlevé ^^ Il reste plus que celle de droite.

Je vous montre le code:
Code:

                      .spoiler{
                  height: 30px;
                  width: 400px;
                }
                .spoiler_closed{
                  height: 20px;
                        }
                   
                .spoiler, .spoiler_closed, .spoiler_content{
                  background:none;
                }
                       

et donc, j'obtiens ce rendu,

Problème avec l'apparence du spoiler Spoile14

Vous pouvez voir qu'il y a toujours la barre de scroll à droite de chaque spoiler, ouvert comme fermé :/
Cependant, l'espace entre chacun d'eux et la barre de scroll horizontale ont disparu ^^
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Jeu 27 Fév 2014 - 10:11

Bonjour,

Il faut jouer avec les valeurs, là il faut encore augmenter la hauteur visiblement Wink
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par medamine14 Jeu 27 Fév 2014 - 11:18

salut,
essaye ceci :
Code:
.spoiler {
  height: auto;
}

ou supprime tout simplement la valeur height Wink
même chose pour la width ^^


Screen 1 : [valeur actuel]
Problème avec l'apparence du spoiler Cap110

Screen 2 : [sans les valeur width/height ou auto]
Problème avec l'apparence du spoiler Cap211
medamine14

medamine14
****

Masculin
Messages : 480
Inscrit(e) le : 14/11/2013

http://one-piece.forumactif.be/
medamine14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Maître d'Earthland Jeu 27 Fév 2014 - 16:45

J'ai appliqué le code de Medamine! E je tiens à te remercier! C'est bon, mon problème est réglé, je vous remercie tous les deux. C'est vraiment sympa! Smile
Mes spoilers sont parfaits! Je suis content!

Encore merci, Nightmare et Médamine,
Cordialement,
Le Maître d'Earthland.

Je suppose que je dois mettre le bouton résolu? ^^
avatar

Maître d'Earthland
*

Messages : 34
Inscrit(e) le : 26/02/2014

http://fairy-tale-guild-gen.forumactif.org/
Maître d'Earthland a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'apparence du spoiler

Message par Invité Jeu 27 Fév 2014 - 17:36

Vous n'avez plus d'espace ? C'est super Very Happy
En tout cas ravi d'avoir pu vous aider, bonne continuation.

PS : si votre problème est résolu, oui.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum