MfReflex est un mambot qui vous permet d’ajouter facilement des effets de reflexion style Web 2.0 avec une inclinaison des images. Il est simple d’utilisation et vous évitera l’utilisation de logiciel un peu compliqué et surtout payant comme photoshop. La seule chose qu’on puisse lui reprocher c’est sa seul compatibilité avec Joomla 1.0
Syntaxe
Pour ajouter des effets à vos images, il suffit d’utiliser la syntaxe suivante:
{mfreflex dossier/votre_image}
Les images ont pour racine le dossier: images/stories. Si vous possédez donc une image stockée dans images/stories folder, votre syntaxe deviendra: {mfreflex votre_image}
De même si vous posséder un sous-dossier images/stories/dossier2 , la syntaxe sera: {mfreflex dossier2/votre_image}
Il est nécessaire que le navigateur est javascript d’activé. Dans le cas contraire l’effet ne sera pris en compte, et le navigateur affichera votre image sans formatage
{mfreflex powered_by.png}
Configuration avancée
mfReflex utilise plusieurs paramètres séparés par le symbole | (pipe).
- Le chemin et le nom de l’image. C’est la syntaxe de base du plugin.
Exemple: {mfreflex dossier/nom_image} - l’attribut ALT permet bien sûr d’ajouter un texte alternatif .
Exemple: {mfreflex dossier/nom_image|Logo} - Positionner l’image à gauche ou à droite.
Exemple: {mfreflex dossier/nom_image|Logo|right} - Choisir l’opacité de la reflexion en pourcentage (0-100%). La valeur par défaut est 33%.
Exemple: {mfreflex dossier/nom_image|Logo|right|90} - Choisir une bordure pour l’image. La reflexion montrera aussi la bordure. Utiliser des valeurs en pixels de 0 à 100. La valeur par défaut est 0.
Exemple: {mfreflex dossier/nom_image|Logo|right|90|5} - Distance entre l’image et la reflexion. Utiliser des valeurs en pixels de 0 à 100. La valeur par défaut est 0.
Exemple: {mfreflex dossier/nom_image|Logo|right|90|5|10} - Effet 3D Z-tilt. Vous pourrez choisir entre right, none et left.
<br /><em>Exemple:</em> <strong>{mfreflex </strong><strong>dossier/nom_image</strong><strong>|Logo|right|90|5|10|none}</strong></span></span>