Gamall - Ida

Posted: **Sat Dec 22, 2007 5:42 pm**

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

Posted: **Sat Dec 22, 2007 5:47 pm**

Tu peux ajouter les balises ~~barrer~~ et

Spoiler: Reveal

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>

Posted: **Sat Dec 22, 2007 5:54 pm**

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

Posted: **Sat Dec 22, 2007 6:22 pm**

Dakin Quelia wrote: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é

Dakin Quelia wrote: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

Posted: **Sat Dec 22, 2007 6:27 pm**

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

Posted: **Sat Dec 22, 2007 6:32 pm**

Dakin Quelia wrote: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

Dakin Quelia wrote:BBCode Thumb

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

Posted: **Sat Dec 22, 2007 6:33 pm**

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

Posted: **Sat Dec 22, 2007 6:38 pm**

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

Posted: **Sat Dec 22, 2007 6:41 pm**

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

Posted: **Tue Jan 08, 2008 3:50 pm**

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

Posted: **Sun Jan 13, 2008 3:04 pm**

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

Posted: **Sun Jan 13, 2008 5:09 pm**

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

Posted: **Sun Jan 13, 2008 5:35 pm**

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}%" />

Posted: **Sun Jan 13, 2008 10:11 pm**

Dakin Quelia wrote: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.

Posted: **Sun Jan 13, 2008 10:35 pm**

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

Gamall - Ida

BBCodes

BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes

Re: BBCodes