[TUTO] Faire des spoilers noirs

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

[TUTO] Faire des spoilers noirs

Message par Nakira le Mer 18 Jan 2012 - 23:23


De plus en plus de membres me demandent : "Dis ! Comment on fait les spoilers noirs ?!!". Eh bien plutôt que de me faire harceler par Mp, j'ai décidé de mettre en place ce topic. Cliquez ici pour sauter l'histoire inutile ci-dessous et accéder directement au tuto

Comme vous avez vu, le lien ci-dessus ne fonctionne pas. Dommage pour vous ! Mais vous avez toujours une molette pour regardez plus bas :p
Pour la petite histoire de ces spoilers noirs donc, c'est Benny qui un jour m'a dit : "Dis ! Comment on fait un spoiler noir ? Parce que le blanc c'est moche pour ma galerie !".
En bon samaritain que je suis, j'ai tout fait pour qu'il soit comblé. Depuis, il utilise ces beaux spoilers noirs.
Puis ça c'est rependu comme la peste. La plupart des "grands" artistes ont mis à jour leur galerie avec ces spoilers pour ranger et classer leur Galerie. Pour plus de lisibilité aussi.
Mais voilà qu'on en trouve de plus en plus sur le forum.

Bon, si je vous ai raconté ça c'est pour vous deux raisons :
La première, pour prouver que tout le monde copie Benny :p
La seconde : parce qu'il faut bien que je meuble ce topic.

Voilà donc comment faire :

Au tout début de votre message, insérez ce code :
Code:

<link href="http://chhebdo.hostoi.com/autres/tirroir.css" rel="stylesheet" type="text/css" />
Il sera invisible et ne prend presque pas de place !
Une fois ce code mis en place, faites vos spoilers comme d'habitude. Et le tour est joué.

Exemple :
Un spoiler:
Ceci est un spoiler noir !

Tant que j'y suis, je peux vous dire comment mettre un titre à votre spoiler comme j'ai fais ci-dessus.
Code:
[spoiler=VOTRE TITRE]Blah blah[/spoiler]
C'est pas plus compliqué que ça !

Voilà, enjoy !

A votre service !

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par TWV Starswagg le Mer 18 Jan 2012 - 23:31

cool, merci naki Smile
tant qu'on y est, n'y a-t-il pas moyen d'appliquer une autre couleur que le noir ? Smile

___________________________
avatar
TWV Starswagg
Capitaine
Capitaine

GamerTag : TWV StarSwagg
Messages : 644
Date d'inscription : 21/08/2011
Âge : 21
Réputation : 68
Talent : Se diversifie dans les offensives
Halo favori : Halo 3
Domaine favori : Images

Voir le profil de l'utilisateur http://funfaction-team.forumactif.pro/

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Starscream le Mer 18 Jan 2012 - 23:31

Ahah Merci, ça aide beaucoup pour l'esthétique ^^

___________________________

By Kitobrad

avatar
Starscream
Capitaine
Capitaine

GamerTag : TWV Starscream
Team : The Wave (TWV)
Messages : 543
Date d'inscription : 05/07/2010
Âge : 21
Réputation : 40
Talent : Manger les enfants pas sages.
Halo favori : Halo 2
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Mer 18 Jan 2012 - 23:38

Zuka, [EDIT : Après réflexion, je supprime le tuto en réponse à ta question. cf mon post plus bas]

Ah, je l'ai pas dit, mais les spoilers noirs seront appliqués à toute la page ! Pas seulement au message dans lequel il est inséré.


Dernière édition par Nakira le Mer 18 Jan 2012 - 23:56, édité 2 fois

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Kitobrad le Mer 18 Jan 2012 - 23:43

Même si je savais comment faire merci pour le tuto Naki.

PS: tu pourrait expliquer pour le "fichier CSS"
avatar
Kitobrad
Lieutenant
Lieutenant

GamerTag : WST Kitobrad
Team : WST
Messages : 1022
Date d'inscription : 01/05/2010
Âge : 19
Réputation : 55
Halo favori : Halo 3
Domaine favori : Images

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Mer 18 Jan 2012 - 23:55

Après réflexion, j'ai plutôt décidé de ne pas partager le code.
En effet, c'est plus par mesure de sécurité, car insérer ce code dans un message changerait TOUT les spoilers de la page !
Et si un spoiler est jaune, tout sera jaune. C'est donc déraisonnable de le partager à la communauté, dangereux. Il y aura toujours des malsains qui voudront faire ce genre de chose.

Ainsi je préfère prendre mes précaution et ne vous laisser que le code des spoilers noirs (qui eux sont en harmonie avec le forum et ne gênent pas).

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par [FpS] I Pl0p I le Jeu 19 Jan 2012 - 0:12

Bien joué, pour changer la couleur c'est pas difficile mais je le dirai pas, je respecte la volonté de Naki
avatar
[FpS] I Pl0p I
Capitaine
Capitaine

Messages : 536
Date d'inscription : 21/02/2009
Âge : 24
Réputation : 51
Talent : Graphisme
Halo favori : Halo 3
Domaine favori : Images

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Kitobrad le Jeu 19 Jan 2012 - 0:45

@Nakira a écrit:Après réflexion, j'ai plutôt décidé de ne pas partager le code.
En effet, c'est plus par mesure de sécurité, car insérer ce code dans un message changerait TOUT les spoilers de la page !
Et si un spoiler est jaune, tout sera jaune. C'est donc déraisonnable de le partager à la communauté, dangereux. Il y aura toujours des malsains qui voudront faire ce genre de chose.

Ainsi je préfère prendre mes précaution et ne vous laisser que le code des spoilers noirs (qui eux sont en harmonie avec le forum et ne gênent pas).

Alors si ça change toutes les couleurs tu as bien fait de l'enlever, y'en a qui auraient fait n'importe quoi
avatar
Kitobrad
Lieutenant
Lieutenant

GamerTag : WST Kitobrad
Team : WST
Messages : 1022
Date d'inscription : 01/05/2010
Âge : 19
Réputation : 55
Halo favori : Halo 3
Domaine favori : Images

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Sami le Jeu 19 Jan 2012 - 0:49

Merci bien Nakira pour ce tutoriel où tu m'as appris à faire des spoilers noirs! ^^
Nakira, au service des nuls :p
A+ et continue à faire de bons tutos pour les nuls! :p (moi) ^^

___________________________



avatar
Sami
Strateur
Strateur

Messages : 2265
Date d'inscription : 16/12/2010
Âge : 19
Réputation : 148
Talent : Contribue aux Floods
Halo favori : Halo 3
Domaine favori : Strats

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Cox le Ven 20 Jan 2012 - 22:37

Il se passe quoi au fait si le domaine chhebdo.hostoi.com tombe en rade ? Ça reprend juste le thème par défaut ?

___________________________
BBIWY


Were it so easy ...
avatar
Cox
Fondateur
Fondateur

GamerTag : I Co0oX I
Team : CRéA
Messages : 17431
Date d'inscription : 28/07/2008
Âge : 29
Réputation : 708
Talent : Oeil critique
Halo favori : Halo 3
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur http://www.halocreation.org

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Ven 20 Jan 2012 - 22:41

Oui. Il n'y a pas de problème de ce côté là, sinon je n'aurais pas présenté ce tuto ^^

D’ailleurs, le serveur est en maintenance, mais ça marche toujours, je sais pas trop pourquoi x)

EDIT :
PS : D'ailleurs, il est possible de mettre les spoilers noirs par défaut directement depuis le forum. Mais ça signifie plus de spoiler blancs ^^

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK le Lun 9 Juil 2012 - 1:41

Déterrage de topic powa :DDD

J'ai des problèmes concernant ces spoilers.
Pas sur HC mais sur notre forum de team.

Quand j'insère le code dans le message, les spoilers ne changent pas. Ils restent tout gris tous moche.

Une solution?


Lien bonus : Lien

___________________________

Pseudo LoL : ImSoFaNAtiiK  N'hésitez pas a me contacter pour jouer!
avatar
FaNAtiiK
Modérateur
Modérateur

GamerTag : FF9 I FaNAtiiK
Team : Team TnP
Messages : 2236
Date d'inscription : 26/07/2010
Âge : 20
Réputation : 211
Talent : Metsuryuu Ougi ... Kaï!
Halo favori : Halo Reach
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Lun 9 Juil 2012 - 11:41

Forcément.
HCRéA est ce qu'on appelle un forum en Phpbb3.
Le tiens est en Phpbb2, la "version" précédente.

Disons que, en fonction de la version Phpbb d'un forum, il n'est pas codé pareil. Les balises permettant de coder un spoiler sur HCRéA (phpbb3) ne sont pas les même que sur un Phpbb2 (ton forum).
Et il se trouve que le code que tu insère modifie uniquement les balises d'un spoiler bb3, qui ne sont pas présentes sur ton forum... d'où l'inefficacité dudit code.

Voilà pour l'explication.
Maintenant, la solution :p
Du moins, c'est la seule chose que je puisse faire pour toi d'ici.

Demande à un administrateur d'aller sur le panneau d'aministration, Apparence>Couleurs>Feuille de Style CSS
Là, un bloc de texte apparait.

Il faut y insérer ça :
Code:

.spoiler_closed{
background-color: black;
border: 1px solid #666;
font-size: 1em;
padding: 3px;}
.spoiler_closed.hidden{display:none}
.spoiler_content{
border-bottom: 1px solid #666;
border-top: 1px solid #666;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}
.spoiler_content.hidden{display:none}

De cette manière, TOUS les spoilers du forum seront noirs par défaut Wink

Bonne journée.



___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK le Lun 9 Juil 2012 - 19:45

C'est moi l'administrateur ^^

Merci sinon.
J'avais des doutes concernant le Phpbb.
Comprend un peu mieux maintenant.

Merci encore. Wink

___________________________

Pseudo LoL : ImSoFaNAtiiK  N'hésitez pas a me contacter pour jouer!
avatar
FaNAtiiK
Modérateur
Modérateur

GamerTag : FF9 I FaNAtiiK
Team : Team TnP
Messages : 2236
Date d'inscription : 26/07/2010
Âge : 20
Réputation : 211
Talent : Metsuryuu Ougi ... Kaï!
Halo favori : Halo Reach
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Lun 9 Juil 2012 - 19:51

Attends, j'ai oublié de changer la couleur du spoiler une fois ouvert x)
Désolé.

Cherche
Code:

.spoiler_content{
border: 1px solid #666;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
color:#FFFFFF;
background-color:black;
}

Et remplace-le par
Code:

.spoiler_content{
border-bottom: 1px solid #666;
border-top: 1px solid #666;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK le Lun 9 Juil 2012 - 20:07

Je n'ai pas trop compris.
Le code que tu m'a demandé de chercher est impossible à trouver.
Je n'ai que le deuxième directement.


Spoiler:

___________________________

Pseudo LoL : ImSoFaNAtiiK  N'hésitez pas a me contacter pour jouer!
avatar
FaNAtiiK
Modérateur
Modérateur

GamerTag : FF9 I FaNAtiiK
Team : Team TnP
Messages : 2236
Date d'inscription : 26/07/2010
Âge : 20
Réputation : 211
Talent : Metsuryuu Ougi ... Kaï!
Halo favori : Halo Reach
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Lun 9 Juil 2012 - 20:09

Ah oui, j'ai inverser les deux balises codes.
Cherche le second et remplace-le par le premier xD

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK le Lun 9 Juil 2012 - 20:16

x)
Maintenant, j'ai ça donc:
Spoiler:

Mais malheureusement, pas de changement. Sad

___________________________

Pseudo LoL : ImSoFaNAtiiK  N'hésitez pas a me contacter pour jouer!
avatar
FaNAtiiK
Modérateur
Modérateur

GamerTag : FF9 I FaNAtiiK
Team : Team TnP
Messages : 2236
Date d'inscription : 26/07/2010
Âge : 20
Réputation : 211
Talent : Metsuryuu Ougi ... Kaï!
Halo favori : Halo Reach
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Lun 9 Juil 2012 - 20:22

Chez moi ça fonctionne très bien (FireFox et Chrome). Mais sur IE il y a un plantage, je ne sais pas d'où il vient.
Le problème, c'est que j'ai pas accès à mon ordi mais à une sorte de vieille bouse de camping. Donc c'est difficile de bosser correctement ^^

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK le Lun 9 Juil 2012 - 20:25

x)

Ca fonctionne où? Sur le forum?
Sinon, je suis sur firefox.

Après, je peux attendre pour faire ça dans de meilleures conditions mais merci pour l'aide quand même. Wink

___________________________

Pseudo LoL : ImSoFaNAtiiK  N'hésitez pas a me contacter pour jouer!
avatar
FaNAtiiK
Modérateur
Modérateur

GamerTag : FF9 I FaNAtiiK
Team : Team TnP
Messages : 2236
Date d'inscription : 26/07/2010
Âge : 20
Réputation : 211
Talent : Metsuryuu Ougi ... Kaï!
Halo favori : Halo Reach
Domaine favori : Tricks & EE

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Lun 9 Juil 2012 - 20:29

Oui, sur le forum.
Je te propose de continuer cette discussion par Mp, et de poster le code final et la solution une fois le problème réglé Wink

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par B2T Phantomhive le Lun 9 Juil 2012 - 20:32

Arikan a écrit:Mais sur IE il y a un plantage, je ne sais pas d'où il vient

Quelqu'un utilise encore aujourd’hui Internet Explorer ? ^^
avatar
B2T Phantomhive
Major
Major

GamerTag : B2T Phantomhive
Team : BouBoule Team
Messages : 787
Date d'inscription : 20/07/2010
Âge : 25
Réputation : 63
Talent : OKAY ! Tu veux jouer à la vache ?! OKAY !!!
Halo favori : Halo 3
Domaine favori : Vidéos

Voir le profil de l'utilisateur http://bouboule.team-forum.net/

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Nakira le Lun 9 Juil 2012 - 20:51

Quand on fait un site web, ou toute autre chose avec du code sur internet, on vérifie avec tous les navigateurs les plus utilisés...
Et IE en fait partie, il est encore deuxième hein !

Donc oui, c'est de la merde, mais visiblement, énormément de gens ne le savent pas. Et il faut pourtant penser à eux.

___________________________
« Better not give in to it. It takes ten times as long to put yourself together as it does to fall apart. »
An access, and no retch.



Nakira
Brigadier
Brigadier

GamerTag : WST Nakira
Team : WST
Messages : 2756
Date d'inscription : 29/09/2010
Âge : 21
Réputation : 301
Talent : Exister
Halo favori : Halo CE
Domaine favori : FanFictions

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [TUTO] Faire des spoilers noirs

Message par Mori Deno le Ven 20 Juil 2012 - 2:32

Salutation terriens j'ai un souci ça ne marche pas sur mon fofo j'ai mis ça en CSS:

Code:
.spoiler_closed{
background-color: black;
border: 1px solid #666;
font-size: 1em;
padding: 3px;}
.spoiler_closed.hidden{display:none}
.spoiler_content{
border: 1px solid #666;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
color:#FFFFFF;
background-color:black;
}
.spoiler_content.hidden{display:none}

Mais les spoilers restent blancs... J'ai mal fait un truc, mais quoi ?...

Merci d'avance !

___________________________

Je changerai cette chose plus tard Smile
avatar
Mori Deno
Sergent
Sergent

GamerTag : Mor1 Den0
Team : Aucune
Messages : 254
Date d'inscription : 26/10/2011
Âge : 20
Réputation : 15
Talent : Réceptionneur de balle dans le crâne
Halo favori : Halo Wars
Domaine favori : Images

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

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