Gamall - Ida

by **Dakin Quelia** » Thu Feb 07, 2008 2:09 am

Bonsoir à toutes et à tous,

Après avoir passé un certain temps sur le BBCode Google Map, il est enfin fonctionnel.

Pour le faire, voici la balise BBCode:

Code: Select all

[googlemap={TEXT}]{TEXT2}[/googlemap]

Remplacement HTML:

Code: Select all

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?hl=fr&ie=UTF8&z=5&om=0&ll={TEXT},{TEXT2}&output=embed&s=AARTsJo2JixyvfP4mnHwq4S9XGvhhd_CHw"></iframe>
    <br />
    <small><a href="http://maps.google.fr/maps?hl=fr&ie=UTF8&z=5&om=0&ll={TEXT},{TEXT2}&source=embed" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>

Je l'ai publié sur phpbb-fr, voir cet article.

Bonne soirée.

Cordialement,
Dakin Quelia

by **Dakin Quelia** » Sat Jan 26, 2008 7:17 pm

Personnellement, j'aimais mieux!

ps: Le nom de l'auteur pour la barre de progression, c'est Efantasy.

by **Gamall** » Sat Jan 26, 2008 7:15 pm

Dakin Quelia wrote:
BBCode Spoiler (Prosilver)

Mieux que l'ancien style,

Spoiler: Reveal

by **Dakin Quelia** » Sat Jan 26, 2008 7:03 pm

Bonjour à toutes et à tous,

Voici un nouveau BBCode Spoiler

BBCode Spoiler (Prosilver)

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;\'>Cacher</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>Afficher</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">Afficher</a></span></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

Cordialement,
Dakin Quelia

by **Dakin Quelia** » 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.

by **Gamall** » 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.

by **Dakin Quelia** » 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}%" />

by **Gamall** » 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

by **Dakin Quelia** » 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

by **Dakin Quelia** » 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

by **Dakin Quelia** » 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

by **Gamall** » 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

by **Dakin Quelia** » 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

by **Gamall** » 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.

by **Dakin Quelia** » 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

Gamall - Ida

BBCodes

Post a reply

Expand view Topic review: 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

Re: BBCodes