Halo Création
Halo Création a déménagé !

Halo Infinite est peut-être dans un an, mais le futur de Halo est déjà là !

Nous sommes fiers de vous présenter notre nouvelle plateforme sociale pour tous : venez découvrir, partager et commenter tout ce qui touche à Halo, et plus encore !

https://www.halocrea.com/

Mise à jour en temps réel, système de vote, récupération des clips Xbox Live, intégration Twitch, messagerie instantanée, et un site pensé aussi bien pour bureau que pour périphériques mobiles ... Des fonctionnalités modernes pour une expérience au top !

Si vous voulez disposer d'une catégorie publique ou privée pour votre communauté/équipe/clan, n'hésitez pas à nous contacter !

À très bientôt !

Le staff Halo Création

<div style="position:relative;height:0;padding-bottom:56.21%"><iframe src="https://www.youtube.com/embed/C6bpYjp5R1Y" style="position:absolute;width:100%;height:100%;left:0" width="641" height="360" frameborder="0" allowfullscreen></iframe></div>
-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

[TUTO] Faire des spoilers noirs

+6
Sami
[FpS] I Pl0p I
Kitobrad
Starscream
TWV Starswagg
Nakira
10 participants

Aller en bas

[TUTO] Faire des spoilers noirs Empty [TUTO] Faire des spoilers noirs

Message par Nakira Mer 18 Jan 2012 - 21: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:

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 !
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par TWV Starswagg Mer 18 Jan 2012 - 21: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
TWV Starswagg
TWV Starswagg
Capitaine
Capitaine

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

http://funfaction-team.forumactif.pro/

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Starscream Mer 18 Jan 2012 - 21:31

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

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Mer 18 Jan 2012 - 21: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 - 21:56, édité 2 fois
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Kitobrad Mer 18 Jan 2012 - 21:43

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

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

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Mer 18 Jan 2012 - 21: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).
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par [FpS] I Pl0p I Mer 18 Jan 2012 - 22:12

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

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Kitobrad Mer 18 Jan 2012 - 22: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 [TUTO] Faire des spoilers noirs 894419
Kitobrad
Kitobrad
Lieutenant
Lieutenant

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Sami Mer 18 Jan 2012 - 22: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) ^^
Sami
Sami
Strateur
Strateur

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Cox Ven 20 Jan 2012 - 20: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 ?
Cox
Cox
Fondateur
Fondateur

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

http://www.halocreation.org

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Ven 20 Jan 2012 - 20: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 ^^
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK Lun 9 Juil 2012 - 0: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
FaNAtiiK
FaNAtiiK
Modérateur
Modérateur

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Lun 9 Juil 2012 - 10: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.


avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK Lun 9 Juil 2012 - 18:45

C'est moi l'administrateur ^^

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

Merci encore. Wink
FaNAtiiK
FaNAtiiK
Modérateur
Modérateur

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Lun 9 Juil 2012 - 18: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;
}
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK Lun 9 Juil 2012 - 19: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:
FaNAtiiK
FaNAtiiK
Modérateur
Modérateur

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Lun 9 Juil 2012 - 19:09

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

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK Lun 9 Juil 2012 - 19:16

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

Mais malheureusement, pas de changement. Sad
FaNAtiiK
FaNAtiiK
Modérateur
Modérateur

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Lun 9 Juil 2012 - 19: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 ^^
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par FaNAtiiK Lun 9 Juil 2012 - 19: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
FaNAtiiK
FaNAtiiK
Modérateur
Modérateur

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Lun 9 Juil 2012 - 19: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
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par B2T Phantomhive Lun 9 Juil 2012 - 19: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 ? ^^
B2T Phantomhive
B2T Phantomhive
Major
Major

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

http://bouboule.team-forum.net/

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Nakira Lun 9 Juil 2012 - 19: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.
avatar
Nakira
Brigadier
Brigadier

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Mori Deno Ven 20 Juil 2012 - 1: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 !
Mori Deno
Mori Deno
Sergent
Sergent

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

Revenir en haut Aller en bas

[TUTO] Faire des spoilers noirs Empty Re: [TUTO] Faire des spoilers noirs

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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