BBCodes

[Dakin Quelia]

Bonjour à toutes et à tous,

Je propose de nouveaux BBCodes pour ce forum et vos fora phpbb3.

Pour créer un nouveau BBCode, rien de plus simple! Allez dans l'ACP, dans l'onglet Messages et prenez BBCode dans le menu.

BBCode Centrer

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[Centrer]{TEXT}[/Centrer]

Pour le remplacement HTML:

Code: Select all

<div align="center">{TEXT}</div>

BBCode Justifier

Pour la balise, il faut mettre:

Code: Select all

[Justifier]{TEXT}[/Justifier]

Pour le remplacement HTML, il faut mettre:

Code: Select all

<div align="justify">{TEXT}</div>

BBCode Droite

Pour la balise, il faut mettre:

Code: Select all

[Droite]{TEXT}[/Droite]

Pour le remplacement HTML, il faut mettre:

Code: Select all

<div align="right">{TEXT}</div>

BBCode Indice

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[Indice]{TEXT}[/Indice]

Pour le remplacement HTML:

Code: Select all

<sub>{TEXT}</sub>

BBCode Exposant

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[Exposant]{TEXT}[/Exposant]

Pour le remplacement HTML:

Code: Select all

<sup>{TEXT}</sup>

BBCode X-Fire

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[X-Fire={TEXT1}]{TEXT}[/X-Fire]

Pour le remplacement HTML:

Code: Select all

<a href="http://fr.profile.xfire.com/{TEXT1}"><img src="http://fr.miniprofile.xfire.com/bg/bg/type/0/{TEXT}.png"  /></a>

J'espère que cela pourra vous aider.

Cordialement,
Dakin Quelia

[Gamall]

Tu peux ajouter les balises barrer et

Spoiler: Reveal

spoiler

Le code de la balise spoiler que j'emploie est un peu pénible. (pas de moi)

Code: Select all

<div><span 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.innerHTML = '<button type=\'button\' onClick=\'return false;\'>Hide Spoiler</button>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<button type=\'button\' onClick=\'return false;\'>Show Spoiler</button>'; }" /><b></b><button type='button\' onClick="return false;">Show Spoiler</button></span></div><div><div style="display: none; border: 1px dashed gray; padding: 1px;">{TEXT}</div></div>

[Dakin Quelia]

Re,

Ah tiens, oui, c'est intéressant! Mais ne peut-on pas le modifier en CSS ou faire une image? Cela est possible, il me semble. Si tu veux, j'ai d'autres BBCodes dont une barre de progression qui utilise un script php que j'ai hébergé (pas de moi mais j'ai contacté l'auteur anglophone et il me l'a envoyé). Si tu veux les fichiers, je te les enverrai. En attendant, partons de mon fichier hébergé sur mon site!

BBCode Progression

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[Progression={NUMBER}]{TEXT}[/Progression]

Pour le remplacement HTML:

Code: Select all

<img src="http://www.danielchalseche.fr.nf/pbart.php?p={NUMBER}&t={TEXT}" alt="{NUMBER}%" />

BBCode Quicktime

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[Quicktime]{URL}[/Quicktime]

Pour le remplacement HTML:

Code: Select all

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="340" HEIGHT="260"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="src" VALUE="{URL}>
<PARAM name="autoplay" VALUE="false">
<PARAM name="controller" VALUE="true">
<EMBED TYPE="video/quicktime"
SRC="{URL}"
WIDTH="320" HEIGHT="260"
AUTOPLAY="false"
CONTROLLER="true">
</EMBED>
</OBJECT>

ps: J'ai aussi une astuce pour modifier le profil de place!

Cordialement,
Dakin Quelia

[Gamall]

Ah tiens, oui, c'est intéressant! Mais ne peut-on pas le modifier en CSS ou faire une image? Cela est possible, il me semble.

Houla, moi, je n'en sais rien: le web, PHP, CSS, tout ça, tant que ça marche, ce n'est pas franchement ma tasse de thé

ps: J'ai aussi une astuce pour modifier le profil de place!

Je crois que c'est la toute première astuce qui soit sortie pour prosilver, dans les premières heures après sa sortie Moi je le préfère à droite, le profil

[Dakin Quelia]

Re,

Pour le BBCode Spoiler, si je fais une modification, je la mets ici aussi!

Ah d'accord! Mais c'est parce que je suis habitué au profil gauche. Cela n'est qu'un détail, il est très bien à droite aussi!

Sinon, je voulais te proposer pour les images trop grandes, ce BBCode:

BBCode Thumb

Pour la balise BBCode, il vous faut mettre ceci:

Code: Select all

[Thumb={TEXT},{TEXT2}]{URL}[/Thumb]

Pour le remplacement HTML:

Code: Select all

<a href="{URL}" class="highslide" onclick="return hs.expand(this, { captionId: 'caption1' } )">
<img src="{URL}" title="Cliquez pour agrandir" height="{TEXT}" width="{TEXT2}"  /></a>
<div class='highslide-caption' id='caption1'></div>

Sinon, ben, oui c'est pas mal comme ça.

Cordialement,
Dakin Quelia

[Gamall]

Ah d'accord! Mais c'est parce que je suis habitué au profil gauche. Cela n'est qu'un détail, il est très bien à droite aussi!

Ca me surprenait aussi au début, mais finalement c'est bien mieux comme ça

BBCode Thumb

Ca ça peut être utile, je vais l'essayer.

[Dakin Quelia]

Re,

Ce dernier BBCode, je viens juste de le modifier pour qu'il fasse le width et le eight. Car le code de départ ne le faisait pas!

Si j'en ai d'autres, je ferai profiter!

Cordialement,
Dakin Quelia

[Gamall]

Ca marche

Je l'ai juste modifié pour inverser hauteur et largeur dans les arguments: traditionnellement on met largeur, puis hauteur et pas l'inverse. Ce qui est un détail.

Ce BBCode va être bien pratique, merci

[Dakin Quelia]

Re,

Ah oui, juste! Je suis désolé mais à la base, je l'avais pris comme ça et je venais juste de l'éditer il n'y a pas longtemps.

De rien! Essaye aussi celui-ci:



Voici un BBCode que j'ai fait moi-même.

Pour la balise BBCode Informations:

Code: Select all

[informations]Votre texte[/informations]

Remplacement HTML:

Code: Select all

<table border="0" style="padding:0; border-collapse: collapse; border: 1px solid #992A2A; " width="50%" cellpadding="2">
	<tr>
		<td bgcolor="#F2DDDD" valign="top">
		<strong><font color="#FF0000"><img border="0" src="./images/divers/avertissement.gif" width="16" height="16"> <small>Informations</small></strong></td>
	</tr>
		<tr>
			<td><small>{TEXT}</small></td>
		</tr>
	</table>

Cordialement,
Dakin Quelia

[Dakin Quelia]

Bonjour à toutes et à tous,

Voici un autre BBCode Spoiler:

Balise:

Code: Select all

[spoiler]{TEXT}[/spoiler]

Remplacement HTML:

Code: Select all

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span 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.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>  

Cordialement,
Dakin Quelia

[Dakin Quelia]

Bonjour à toutes et à tous,

Je vous propose deux BBCodes.

BBCodes Profil

Pour créer un nouveau BBCode, rien de plus simple! Allez dans l'ACP, dans l'onglet Messages et prenez BBCode dans le menu.

Balise BBCode:

Code: Select all

[profil={TEXT1}]{TEXT2}[/profil]

Remplacement HTML:

Code: Select all

<a href="forumroot/memberlist.php?mode=viewprofile&un={TEXT1}">{TEXT2}</a>   

BBCode Scroll

Balise BBCode:

Code: Select all

[Scroll]{TEXT}[/Scroll]

Remplacement HTML:

Code: Select all

<div style="width: auto; height:400px; background:#D5D5D5; overflow:auto; border:1px solid #000000; padding:8px;">{TEXT}</div>    

Cordialement,
Dakin Quelia

[Gamall]

Il y en a qui pourraient m'intéresser... je jetterai un oeil à l'occasion

Par contre, la barre de progression, ce serait mieux avec le code PHP

[Dakin Quelia]

Tu veux le code de la page php de la barre?

Le voici:

Code: Select all

<?php
header ("Content-type: image/png");
$percent = 0;
if (isset($_GET['p']))
{
    $percent = $_GET['p'];
    $perx = $percent + 3;
}
else
{
    $percent = 0;
}
$percent = str_replace(' ', '', $percent);
$percent = round($percent);
if ($percent >= 100)
{
    $percent = 100;
    $perx = 179;
}
elseif ($percent < 1)
{
    $percent = 0;
    $perx = 190;
}
elseif ($percent < 10)
{
    $perx = 190;
}
else
{
    $perx = 185;
}
$text = '';
if (isset($_GET['t']))
{
    $text = $_GET['t'];
}
if (strlen($text) > 34)
{
    $text = substr($text, 0, 34);
}
$r = 255-(.83*$percent);
$g = 63+(1.92*$percent);
$b = 66-(.03*$percent);
$img = imagecreatetruecolor(202, 10);
$bg    = imagecolorallocate($img, 100, 100, 100);
$fg = imagecolorallocate($img, 255, 255, 255);
$pg = imagecolorallocate($img, $r, $g, $b);
imagefilledrectangle($img, 0, 0, 202, 10, $bg);
imagefilledrectangle($img, 1, 1, 200, 8, $fg);
if ($percent != 0)
{
    imagefilledrectangle($img, 1, 1, $percent*2, 8, $pg);
}
imagestring($img, 1, 2, 1, $text, $bg);
imagestring($img, 1, $perx, 1, $percent.'%', $bg);
imagepng($img);
imagedestroy($img);
?> 

Une fois la page crée, il faut l'uploader!

Dans l'adresse, il faut faire ceci: http://www.tonsite.com/pbart.php?p=10&t=Administration

Balise:

Code: Select all

[Progression={NUMBER}]{TEXT}[/Progression]

Remplacement HTML:

Code: Select all

<img src="http://tonadresse.com/pbart.php?p={NUMBER}&t={TEXT}" alt="{NUMBER}%" /> 

[Gamall]

code de la page php de la barre

Au fait, qui en est l'auteur original ? Ce serait sympa de lui mettre un lien.


J'épingle le topic.

[Dakin Quelia]

Le hic, j'aimerais te le donner mais le site n'existe plus et j'ai oublié le nom de l'auteur.