Rajout d'une balise Spoiler.

Vous avez des idées ou des questions concernant le site ?

Rajout d'une balise Spoiler.

Messagepar Netrisca » 14 Nov 2013, 00:16

Ce serait bien de rajouter une balise de mise en forme de texte [SPOILER] afin de caché certaine partie de texte ou par exemple afin d'afficher une grosse images ou liste sans que cela prenne trop de place sur le forum et nuise à la lisibilité.

Simple à mettre en place, rapide et ergonomique.
Avatar de l’utilisateur
Netrisca
Niveau 5
Niveau 5
 
Messages: 947
Inscription: 29 Oct 2013, 00:45
Localisation: Devant un classique

Re: Rajout d'une balise Spoiler.

Messagepar shady77 » 16 Nov 2013, 18:44

Encore une bonne idée Netrisca, mais malheureusement après deux petits essais vendredi ça ne fonctionne pas sans casser toute la mise en page du forum ! Donc pas si simple que ça a mettre en place en fait :/ A moins que je ne sois pas dégourdi :oops: M'enfin si tu as un petit tutoriel pour faire ça je suis preneur
Avatar de l’utilisateur
shady77
Grand Administrateur
Grand Administrateur
 
Messages: 18365
Inscription: 14 Sep 2013, 20:31

Re: Rajout d'une balise Spoiler.

Messagepar Netrisca » 16 Nov 2013, 23:05

-Tu va dans ton panel admin phbb -> publication ->bbcode
-Tu fait ajouté BBCODE.

Dans la case utilisation bbcode, tu met ça:
Code: Tout sélectionner
[Spoiler]{TEXT}[/Spoiler]


Dans la case remplacement HTML du met ça:
Code: Tout sélectionner
<div style="margin:20px;margin-top:5px"><div class="quotetitle"><input type="button" value="Afficher" style="width:60px;font-size:10px;margin:0px;padding:0px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display!=''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display='';this.innerText='';this.value='Masquer';}else{this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display='none';this.innerText='';this.value='Afficher';}" /></div><div class="quotecontent"><div style="display:none;">{TEXT}</div></div></div>


Dans la case ligne d'aide tu met ça:
Code: Tout sélectionner
[Spoiler]texte[/Spoiler]


Paramètres: afficher dans la zone de redaction coché.

Normalement ça devrait le faire je le tire de mon forum jeuxvideos: http://team-frenchie.com/forum/

Si ça te décale ton thème essaye de retoucher dans le code du remplacement html.
Avatar de l’utilisateur
Netrisca
Niveau 5
Niveau 5
 
Messages: 947
Inscription: 29 Oct 2013, 00:45
Localisation: Devant un classique

Re: Rajout d'une balise Spoiler.

Messagepar shady77 » 19 Nov 2013, 15:45

Merci beaucoup pour le tuto Netrisca ! Je me rend compte, que je me suis pris la tête à modifier des choses complètements inutiles lors de mes premiers essais :?
Enfin bref, maintenant ça fonctionne parfaitement ! [spoiler]Encore merci pour ton aide ;)[/spoiler]
Avatar de l’utilisateur
shady77
Grand Administrateur
Grand Administrateur
 
Messages: 18365
Inscription: 14 Sep 2013, 20:31

Re: Rajout d'une balise Spoiler.

Messagepar blaXXbla » 19 Nov 2013, 16:06

Le résultat est très simpatique en tous cas, et très utile lorsque l' on met des photos qui sont un peu trop grande par rapport a la largueur du site.
Avatar de l’utilisateur
blaXXbla
Niveau 2
Niveau 2
 
Messages: 97
Inscription: 27 Oct 2013, 18:32
Localisation: Vosges

Re: Rajout d'une balise Spoiler.

Messagepar Netrisca » 19 Nov 2013, 17:51

2 autres indispensables afin de remplir la ligne :D

BBCODE THUMBNAIL: permet d'afficher une très grosse images en définissant la largeur max qu'on veut et lorsque l'on clique, sa l'affiche en zoom dans une lightbox.
Parfait pour wallpapers ou autres etc...

Utilisation du BBCode:
Code: Tout sélectionner
[Thumbnail={NUMBER}]{URL}[/Thumbnail]

Remplacement de l’HTML:
Code: Tout sélectionner
<a href="{URL}" class="highslide" onclick="return hs.expand(this, { captionId: 'caption1' } )">
<img src="{URL}" title="Cliquez pour agrandir" width="{NUMBER}" /></a>

Ligne d’aide:
Code: Tout sélectionner
[Thumbnail=largeur]adresse image[/Thumbnail]


-------------------------------------------------------------------------------------------------------------

BBCODE VIDEO:Permet de pouvoir lire directement la vidéo sans quitter le forum.

Utilisation du BBCode:
Code: Tout sélectionner
[Video]{TEXT}[/Video]

Remplacement de l’HTML:
Code: Tout sélectionner
<script type="text/javascript" src="video.php?link={TEXT}"></script>

Ligne d’aide:
Code: Tout sélectionner
[Video]URL (ou permalien) de la vidéo[/Video] Fonctionne avec Youtube, Dailymotion, Vimeo
Avatar de l’utilisateur
Netrisca
Niveau 5
Niveau 5
 
Messages: 947
Inscription: 29 Oct 2013, 00:45
Localisation: Devant un classique

Re: Rajout d'une balise Spoiler.

Messagepar blaXXbla » 19 Nov 2013, 21:19

En parlant de balise , est ce qu il est possible d en rajouter une pour mettre un lien avec un libellé ?
Avatar de l’utilisateur
blaXXbla
Niveau 2
Niveau 2
 
Messages: 97
Inscription: 27 Oct 2013, 18:32
Localisation: Vosges

Re: Rajout d'une balise Spoiler.

Messagepar shady77 » 05 Déc 2013, 18:52

@Netrisca encore merci pour les nouveau BBcode il sont vraiment très utiles :D

@blaXXbla Qu'est-ce que tu appelles "un lien avec un libellé" ?
Avatar de l’utilisateur
shady77
Grand Administrateur
Grand Administrateur
 
Messages: 18365
Inscription: 14 Sep 2013, 20:31


Retourner vers Suggestions

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités