[phpBB 3.0.x] Divers BBCodes

Toutes les documentations phpBB seront ici.
Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Sujet et Message

Message par Dakin Quelia »

» BBCode Sujet et Message

Ces BBCodes vous permettent de faire un lien vers un sujet/message du forum.

Attention: il faudra modifier la partie HTML.

» 1. BBCode Message (ou Post)

Balise BBCode:

Code : Tout sélectionner

[post]{IDENTIFIER}[/post]
Code HTML de remplacement:

Code : Tout sélectionner

<a href="http://forum.votresite.com/viewtopic.php?p={IDENTIFIER}#p{IDENTIFIER}">Voir le message</a>
Ligne d'aide:

Code : Tout sélectionner

[post]Id du message[/post]
Exemple:

Code : Tout sélectionner

[post]347[/post]
» 2. BBCode Sujet (ou Thread)

Balise BBCode:

Code : Tout sélectionner

[thread]{SIMPLETEXT}[/thread]
Code HTML de remplacement:

Code : Tout sélectionner

<a href="http://forum.votresite.com/viewtopic.php?t={IDENTIFIER}">Voir le sujet</a>
Ligne d'aide:

Code : Tout sélectionner

[thread]Id du sujet[/thread]
Exemple:

Code : Tout sélectionner

[thread]157[/thread]

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Secret

Message par Dakin Quelia »

» BBCode Secret

Ce BBCode vous permet de faire un spoiler très discret.

» 1. Modification CSS

Ouvrez le fichier « styles/{VOTRE_THEME}/theme/colours.css ».

A la fin, ajoutez:

Code : Tout sélectionner

/* BBCode Secret */
.spoiler {
	background-color: #e1ebf2;
	padding: 2px
}

div.spoiler {
	color: #e1ebf2;
}

div.spoiler:hover {
	color: #000000;
}
» 2. Création du BBCode

Balise BBCode:

Code : Tout sélectionner

[Secret]{TEXT}[/Secret]
Code HTML de remplacement:

Code : Tout sélectionner

<div class="spoiler">{TEXT}</div>
Ligne d'aide:

Code : Tout sélectionner

[Secret]Id du message[/Secret]
Exemple:

Code : Tout sélectionner

[Secret]347[/Secret]
» 3. Rafraîchir le thème

Il ne vous reste plus qu'à rafraîchir le thème (onglet Styles) et de vider le cache (onglet Général). N'oubliez pas de vider le cache du navigateur au besoin.

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Défilement

Message par Dakin Quelia »

» BBCode Défilement

Ce BBCode vous permet de faire défiler un texte.

Avant toute chose, téléchargez ce pack et placez les fichiers sur le FTP.
defilement.zip
(4.22 Kio) Téléchargé 338 fois
» 1. Modification CSS

Ouvrez le fichier « styles/{VOTRE_THEME}/theme/colours.css ».

A la fin, ajoutez:

Code : Tout sélectionner

/* BBCode Défilement */
#cadre_defil_1 { 
	overflow : hidden;
	height: 250px; 
	width: 95%; 
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.4em;
	text-align:left;	
	color: #000000;
}


#cadre_defil_1 img {
	border:0;
	vertical-align: middle;
	display:block;margin:auto;}


#cadre_defil_1 .liens {
	color: #000000;
}

#conteneur_defil_1 {
	position : relative;
	overflow : hidden;
	visibility : hidden;
	height:100%;
}
» 2. Modification template

Ouvrez le fichier « styles/{VOTRE_THEME}/template/overall_header.html ».

Cherchez:

Code : Tout sélectionner

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
Après, ajoutez:

Code : Tout sélectionner

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/defilement.js"></script>
Cherchez:

Code : Tout sélectionner

</head>
Avant, ajoutez:

Code : Tout sélectionner

<script type="text/javascript">
// <![CDATA[
	addLoad_DF_ObjetDefilant(function(){DF_ObjetDefilant('objet_defilant_1','auto','b','h','37','100','10','0')});
// ]]>
</script>
» 3. Création du BBCode

Balise BBCode:

Code : Tout sélectionner

[Defilement]{TEXT}[/Defilement]
Code HTML de remplacement:

Code : Tout sélectionner

<div id="cadre_defil_1"> 
	<div id = "conteneur_defil_1" onmouseover="DF_ObjetDefilant_On('objet_defilant_1')">
		<div id="objet_defilant_1">{TEXT}</div>
	</div>
</div>
Ligne d'aide:

Code : Tout sélectionner

Défilement: [Defilement]Votre texte[/Defilement]
Exemple:

Code : Tout sélectionner

[Defilement]Votre texte[/Defilement]
» 4. Rafraîchir le thème

Il ne vous reste plus qu'à rafraîchir le template et le thème (onglet Styles) et de vider le cache (onglet Général). N'oubliez pas de vider le cache du navigateur au besoin.

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode DuckDuckGo

Message par Dakin Quelia »

» BBCode DuckDuckGo

Ce BBCode vous permet d'afficher un lien qui redirige vers DuckDuckGo: le moteur de recherche.

Avant toute chose, téléchargez ce pack et placez les fichiers sur le FTP.
ddg.zip
(1.53 Kio) Téléchargé 314 fois
» 1. Modification CSS

Ouvrez le fichier « styles/{VOTRE_THEME}/theme/colours.css ».

A la fin, ajoutez:

Code : Tout sélectionner

/* BBCode Duckduckgo */
.ddg {
	background: url("{T_THEME_PATH}/images/ddg.png") center left no-repeat;
	padding-left: 25px;
	zoom: 1; /* IE6/IE7 Wrapping fix */
}
» 2. Création du BBCode

Balise BBCode:

Code : Tout sélectionner

[Duckduckgo={SIMPLETEXT}]{SIMPLETEXT2}[/Duckduckgo]
Code HTML de remplacement:

Code : Tout sélectionner

<a href="https://duckduckgo.com/?q={SIMPLETEXT2}" class="ddg">{SIMPLETEXT}</a>
Ligne d'aide:

Code : Tout sélectionner

DuckDuckGo: [Duckduckgo=Mot-Lien]Mot-clé pour le moteur de recherche[/Duckduckgo]
Exemple:

Code : Tout sélectionner

[duckduckgo=Mon mot-test]test[/duckduckgo]
» 3. Rafraîchir le thème

Il ne vous reste plus qu'à rafraîchir le thème (onglet Styles) et de vider le cache (onglet Général). N'oubliez pas de vider le cache du navigateur au besoin.

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Pastebin

Message par Dakin Quelia »

» BBCode Pastebin

Ce BBCode vous permet d'intégrer du code publié sur Pastebin.com

Balise BBCode:

Code : Tout sélectionner

[Pastebin]{IDENTIFIER}[/Pastebin]
Code HTML de remplacement:

Code : Tout sélectionner

<script type="text/javascript" src="http://pastebin.com/embed_js.php?i={IDENTIFIER}"></script>
Ligne d'aide:

Code : Tout sélectionner

Pastebin: [Pastebin]L'id du fichier de pastebin.com[/Pastebin]
Exemple:

Code : Tout sélectionner

[Pastebin]yrVPbH1q[/Pastebin]

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Quizz

Message par Dakin Quelia »

» BBCode Quizz

Ce BBCode vous permet d'intégrer des quizz provenant de quizz.biz

Balise BBCode:

Code : Tout sélectionner

[Quizz]{IDENTIFIER}[/Quizz]
Code HTML de remplacement:

Code : Tout sélectionner

<object width="450" height="337">
	<param name="movie" value="http://www.quizz.biz/flash/Quizz.swf" />
	<param name="allowFullScreen" value="true" />
	<param name="allowscriptaccess" value="always" />
	<param name="flashvars" value="id={IDENTIFIER}&host=http://www.quizz.biz&f=f&design=image:quizz.biz|FE7E00|626262|009999|090400|F27F0C||Arial|16" />
	<embed src="http://www.quizz.biz/flash/Quizz.swf" type="application/x-shockwave-flash" flashvars="id={IDENTIFIER}&host=http://www.quizz.biz&f=f&design=image:quizz.biz|FE7E00|626262|009999|090400|F27F0C||Arial|16" allowscriptaccess="always" allowfullscreen="true" width="450" height="337"></embed>
</object>
Ligne d'aide:

Code : Tout sélectionner

Quizz de quizz.biz: [Quizz]ID du Quizz[/Quizz]
Exemple:

Code : Tout sélectionner

[Quizz]252916[/Quizz]

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Informations 2

Message par Dakin Quelia »

» BBCode Informations 2

Ce BBCode vous permet d'ajouter une information bien claire dans votre message.

» 1. Modification CSS

Ouvrez le fichier « styles/{VOTRE_THEME}/theme/colours.css ».

A la fin, ajoutez:

Code : Tout sélectionner

/* BBCode Information */
#wrap-info { 
	padding: 0 20px 15px 20px; 
	min-width: 615px; 
} 

#infopage-header { 
	text-align: right; 
	height: 40px; 
} 

#infopage-footer { 
	clear: both; 
	font-size: 0.90em; 
	text-align: center; 
}

#infopage .panel { 
	margin: 4px 0; 
	background-color: #FFFFFF; 
	border: solid 1px  #A9B8C2; 
}
#infopage #infopage-header a { 
	font-weight: bold; 
	line-height: 6em; 
} 

#infopage #content  { 
	padding: 10px; 
} 

#infopage #content h1 { 
	line-height: 1.2em; 
	margin-bottom: 0; 
	color: #DF075C;
} 

#infopage #content p  { 
	font: bold 0.98em "Lucida Grande", Arial, Helvetica, sans-serif; 
	margin-bottom: 0; 
	padding-bottom: 0;
} 

#infopage #content div { 
	margin-top: 20px; 
	margin-bottom: 5px; 
	border-bottom: 1px solid #CCCCCC; 
	padding-bottom: 15px; 
	color: #333333; 
	font: bold 0.98em "Lucida Grande", Arial, Helvetica, sans-serif; 
	text-decoration: none;
	text-align: justify;
	line-height: 120%; 
}
» 2. Création du BBCode

Balise BBCode:

Code : Tout sélectionner

[Informations2={SIMPLETEXT}|{SIMPLETEXT2}]{TEXT}[/Informations2]
Code HTML de remplacement:

Code : Tout sélectionner

<div id="infopage">
	<div id="wrap-info">
		<div id="infopage-header">&nbsp;</div>
		<div class="panel">
			<div id="content">
				<h1>{SIMPLETEXT}</h1>
				<div>{TEXT}</div>
				<p>{SIMPLETEXT2}</p>
			</div>
		</div>
		<div id="infopage-footer">&nbsp;</div>
	</div>
</div>
Ligne d'aide:

Code : Tout sélectionner

Information: [Informations2=Titre|Autre information]Votre texte[/Informations2]
Exemple:

Code : Tout sélectionner

[Informations2=Mon titre|Contact: test@test.com]Mon text[/Informations2]
» 3. Rafraîchir le thème

Il ne vous reste plus qu'à rafraîchir le thème (onglet Styles) et de vider le cache (onglet Général). N'oubliez pas de vider le cache du navigateur au besoin.

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode X-Fire

Message par Dakin Quelia »

» BBCode X-Fire

Ce BBCode vous permet d'intégrer une signature X-Fire dans vos messages.

Balise BBCode:

Code : Tout sélectionner

[Xfire]{SIMPLETEXT}[/Xfire]
Code HTML de remplacement:

Code : Tout sélectionner

<a href="http://profile.xfire.com/{SIMPLETEXT}"><img src="http://miniprofile.xfire.com/bg/sh/type/2/{SIMPLETEXT}.png" width="450" height="34" /></a>
Ligne d'aide:

Code : Tout sélectionner

Profil X-Fire: [Xfire]Nom d'utilisateur[/Xfire]
Exemple:

Code : Tout sélectionner

[xfire]dakinquelia[/xfire]

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode Pastie

Message par Dakin Quelia »

» BBCode Pastie

Ce BBCode vous permet d'intégrer les codes sources publiées sur Pastie.org.

Balise BBCode:

Code : Tout sélectionner

[Pastie]{IDENTIFIER}[/Pastie]
Code HTML de remplacement:

Code : Tout sélectionner

<script type="text/javascript" src="http://pastie.org/{IDENTIFIER}.js"></script>
Ligne d'aide:

Code : Tout sélectionner

Pastie: [Pastie]Identifiant du code source sur pastie.org[/Pastie]
Exemple:

Code : Tout sélectionner

[pastie]3867284[/pastie]

Avatar du membre
Dakin Quelia
Webmaster
Webmaster
Messages : 565
Enregistré le : ven. 27 nov. 2009 05:47
Localisation : Belgique
Contact :

BBCode GoAnimate

Message par Dakin Quelia »

» BBCode GoAnimate

Ce BBCode vous permet d'intégrer les animations publiées sur goanimate.com.

Balise BBCode:

Code : Tout sélectionner

[Goanimate]{IDENTIFIER}[/Goanimate]
Code HTML de remplacement:

Code : Tout sélectionner

<object width="400" height="258">
	<param name="movie" value="http://goanimate.com/player/swf/{IDENTIFIER}"></param>
	<param name="bgcolor" value="#000000"></param>
	<param name="allowFullScreen" value="true"></param>
	<param name="allowscriptaccess" value="always"></param>
	<embed src="http://goanimate.com/player/swf/{IDENTIFIER}?autostart=0" type="application/x-shockwave-flash" width="400" height="258" bgcolor="#000000" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
Ligne d'aide:

Code : Tout sélectionner

Go Animate: [Goanimate]ID de la vidéo dans l'url: http://goanimate.com/videos/{ID}/1[/Goanimate]
Exemple:

Code : Tout sélectionner

[Goanimate]0G3GPk3vpETo[/Goanimate]

Verrouillé

Qui est en ligne

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