« Création d'un modèle de vignette (portail) » : différence entre les versions

Version du 4 février 2010 à 15:08

Les modèles de vignette métier sont des fichiers svg qui peuvent être créer et éditer avec un éditeur SVG.

Note : Le plus populaire des éditeurs SVG est Inkscape

La structure du modèle de vignette la suivante :

Toutes les balises textes seront éditables lors de le création de la vignette.
Les éléments dont l'identfiant est idBackground seront remplacés par l'image de fond.

Pour matérialisé un lien à un icône et à un texte il est conseillé de respecter la structure suivante :

 <!-- définir un lien --> 
 <svg:a>  
   <!-- défini sur un regroupement --> 
   <svg:g>
     <!-- qui regroupe un icône --> 
     <svg:g>...
     <!-- et un texte --> 
     <svg:text>...
   </svg:g>
  </svg:a>

Voir aussi :

@@ Ligne 1 : / Ligne 1 : @@
-Les modèles de vignette sont des fichiers svg qui peuvent être créer et éditer avec un éditeur SVG.
+Les modèles de vignette métier sont des fichiers svg qui peuvent être créer et éditer avec un éditeur SVG.
 {{info|Le plus populaire des éditeurs SVG est Inkscape  }}
 La structure du modèle de vignette la suivante :
-* Toutes les balises liens seront éditables lors de la création de la vignette.
+* Toutes les balises textes seront éditables lors de le création de la vignette.
-* Toutes les balises text seront éditables lors de le création de la vignette.
+* Les éléments dont l'identfiant est idBackground seront remplacés par l'image de fond.
-* Le titre est une balise texte dont l'identifiant est idTitle.
-Pour définir un lien associé à un icône et à un texte il est conseillé de respecter la structure suivante :
+Pour matérialisé un lien à un icône et à un texte il est conseillé de respecter la structure suivante :
 <pre>
-  <!-- un lien -->
+  <!-- définir un lien -->
   <svg:a>
     <!-- défini sur un regroupement -->
@@ Ligne 22 : / Ligne 21 : @@
    </svg:a>
 </pre>
 Voir aussi :
+* [[Duplication d'un modèle de vignette métier (portail)|Vidéo montrant la duplication d'un modèle de vignette métier]]
 * [http://www.inkscape.org/?lang=fr Inkscape]