Help - Search - Member List - Calendar
Full Version: img-left
IPBR-FR > Entraide > Mods 2.0.x > BBCodes
alphega
Custom BBCode Title : img-left

Custom BBCode Description : Aligne une image sur la gauche.
Posibilité d'écrire du texte sur le coté droit et en dessous.

Custom BBCode Example
CODE
[imgleft]url de l'image[/imgleft]

Custom BBCode Tag : imgleft

Use Option in tag ? : No

Custom BBCode Replacement :
CODE
<img src="{content}" align="left">


Installé sur http://www.pcentraide.com/index.php

Exemple d'utilisation

Remarque: Pas évident a manier pour une rédaction "propre"
saroumane
Excellent!!!
En revanche pour créer le bouton associé ça se passe comment?
saroumane
Alors dans le postscreen de mon skin j'ai ajouté ça :

CODE
<input type="button" accesskey="k" value=" IMGLEFT " onclick="tag_image()" class="codebuttons" name="imgleft" onmouseover="hstat('imgleft')" />


Et aussi ça dans /jscripts/ipb_bbcode.js :

CODE
var IMGLEFT_open = 0;


Le bouton apparaît mais ne fonctionne pas...
alphega
Bonsoir,

Pour ma part, je tape le BBcode a la main, c'est aussi rapide. smile.gif

Pour rajouter un bouton, tu devrais plutot voir le tutoriel de LLaumgui
saroumane
C'est bon j'ai trouvé! Il faut mettre ça dans postscreen puis

- pm_postbox_buttons
et
- postbox_buttons

CODE
<input type="button" accesskey="k" value=" IMGLEFT " onclick="simpletag('IMGLEFT')" class="codebuttons" name="IMGLEFT" onmouseover="hstat('imgleft')" />


Et là ça fonctionne. en revanche à la différence du BBCode standard pour l'image, IPB ne propose pas de box où il demande l'url de l'image. smile.gif Mais ça fonctionne impeccable.
saroumane
QUOTE(alphega @ mercredi 19 janvier 2005 à 14:58)
Custom BBCode Replacement :
CODE
<img src="{content}" align="left">



Après différents tests, je recommande de mettre plutôt cela :

CODE
<img align=left hspace=5 src="{content}">

Cela permet de ne pas avoir le texte tout de suite après l'image. En revanche cela décalle de 5px l'alignement sur la gauche...
Fabien
Avec des guillements c'est mieux smile.gif
CODE
<img align="left" hspace="5" src="{content}">
saroumane
Ca implique quoi de mettre ou non les guillemets dans cette balise?
Fabien
C'est la règle, il faut mettre des guillements.
Plus d'info : W3C smile.gif
saroumane
Ah ok question de norme... C'est modifié chef!!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.