[phpBB 3.0.x] Divers BBCodes

Message par **Dakin Quelia** » jeu. 17 mai 2012 23:08

» 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]

Message par **Dakin Quelia** » ven. 18 mai 2012 04:00

» 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.

Message par **Dakin Quelia** » sam. 19 mai 2012 17:33

» 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é 792 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.

Message par **Dakin Quelia** » dim. 20 mai 2012 20:46

» 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é 759 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.

Message par **Dakin Quelia** » lun. 21 mai 2012 16:00

» 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]

Message par **Dakin Quelia** » mar. 22 mai 2012 05:55

» 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]

Message par **Dakin Quelia** » mer. 23 mai 2012 19:07

» 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.

Message par **Dakin Quelia** » jeu. 24 mai 2012 03:37

» 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]

Message par **Dakin Quelia** » sam. 26 mai 2012 16:20

» 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]

Message par **Dakin Quelia** » dim. 27 mai 2012 01:46

» 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]

Forum de Discussions

[phpBB 3.0.x] Divers BBCodes

BBCode Sujet et Message

BBCode Secret

BBCode Défilement

BBCode DuckDuckGo

BBCode Pastebin

BBCode Quizz

BBCode Informations 2

BBCode X-Fire

BBCode Pastie

BBCode GoAnimate

Qui est en ligne