Problème avec l'apparence du spoiler

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 le 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é


spoiler ouvert


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:



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

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 Kinotto le 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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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/ ♪

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 le 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
****

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

http://one-piece.easyforum.fr
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 le 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/



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

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 Kinotto le 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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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é:


lorsqu'il est ouvert:


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 ^^

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 Kinotto le 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;
}

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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.

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 Kinotto le 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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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é.

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 Kinotto le Mer 26 Fév 2014 - 18:03

Re,

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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

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 Kinotto le 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 ?

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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;
        }

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 Kinotto le 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;
}


Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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,



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.
  • 0

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

Message par Kinotto le 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".

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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/

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 Kinotto le 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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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.

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.
  • 0

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

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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,



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 ^^

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 Kinotto le Jeu 27 Fév 2014 - 10:11

Bonjour,

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

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

Message par medamine14 le 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]


Screen 2 : [sans les valeur width/height ou auto]

medamine14
****

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

http://one-piece.easyforum.fr
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 le 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? ^^

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 Kinotto le 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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

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


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