svgIcon [Common]

StatutGadget TypeGadget VersionLayouts VersionTheme NameUpdate Version
Invisible
Common
2
3
Par défaut
Révision 1.3.0
Nous vous rappelons que lorsque vous accédez à ce blog, vous signez automatiquement un accord avec Blogger Code.
Consultez les CGU.


Blogger - svgIcon [Common]
svgIcon est le nom d'une inclusion commune qui a été conçue pour extraire des icônes SVG contenues dans un fichier image-objet.
En bref, l'inclusion reconstruit les balises <svg> avec le nom d'un fichier qui a été défini dans l'inclusion parente.


Contenu de l'inclusion

<b:includable id='svgIcon'>
  <svg class='svg-icon-24'>
    <b:class expr:name='data:iconClass'/>
    <use expr:xlink:href='"/responsive/sprite_v1_6.css.svg" fragment data:iconId' xmlns:xlink='http://www.w3.org/1999/xlink'/>
  </svg>
</b:includable>


Appel de l'inclusion et paramètres

L'inclusion peut être appelée depuis un emplacement quelconque dans le XML.

<b:include name='svgIcon'/>

Présenté tel quel, l'appel ne travaillera pas, puisqu'il faut mentionner le nom du fichier a extraire. Quelques autres paramètres peuvent être également ajouté via l'attribut data dans la balise <b:include> ou via un jeu de balises <b:with>.

<b:include data='{ ITEMS }' name='svgIcon'/>

L'objet peut contenir ces items:

Alias Signification -
iconId L'identifiant de l'icône SVG. Voir la liste des identifiants fournis par Blogger ci-dessous. Obligatoire
iconClass Ajouter le nom d'une classe à la balise <svg> Facultatif

Exemple
<b:include data='{ iconId: "ic_share_black_24dp" }'
           name='svgIcon'/>


Identifiants des icônes SVG

Ce tableau reprend la liste de tous les SVG hébergés sur votre blog. La taille par défaut est de 24px. Comme vous pourrez le constater, leurs dimensions peuvent être adaptées.

Identifiant Icône 24px Icône 48px Icône 96px Icône 192px
ic_24_email_dark
ic_24_facebook_dark
ic_24_googlePlus_dark
ic_24_link_dark
ic_24_pinterest_dark
ic_24_twitter_dark
ic_add_box_black_24dp
ic_arrow_back_black_24dp
ic_arrow_forward_black_24dp
ic_chat_bubble_black_24dp
ic_check_box_black_24dp
ic_check_box_outline_blank_black_24dp
ic_chevron_left_black_24dp
ic_chevron_right_black_24dp
ic_close_black_24dp
ic_expand_less_black_24dp
ic_expand_more_black_24dp
ic_expand_more_black_24dp
ic_mode_comment_black_24dp
ic_more_horiz_black_24dp
ic_more_vert_black_24dp
ic_person_black_24dp
ic_post_blogger_black_24dp
ic_rss_feed_black_24dp
ic_search_black_24dp
ic_share_black_24dp


Modifier l'inclusion

L'inclusion peut être modifiée dans un marquage commun.
En savoir plus
<b:defaultmarkups>
  <b:defaultmarkup type='Common'>
    <b:includable id='svgIcon'>

      <!-- Add new code for "svgIcon" inclusion here -->

    </b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>

Lorsque l'inclusion est marquée explicitement dans le thème, la version "serveur" n'est plus prioritaire.
Dans ce cas-ci, pour appeler l'inclusion "serveur", vous devez mentionner le préfixe super à l'identifiant de l'inclusion.
En savoir plus
  <!-- Call custom version -->
  <b:include name='svgIcon'/>

  <!-- Call server version -->
  <b:include name='super.svgIcon'/>


Disponibilité des variantes de l'inclusion

Emplacement du code Gadget Type Maquette originale Contempo Emporio Notable Soho
Éditeur XML
Common
inexistant inexistant inexistant inexistant inexistant
Serveur Blogger Par défaut Par défaut Par défaut Par défaut Par défaut


Les nœuds parents

Gadget Type Inclusion Gadget Version Layouts Version Thème
Common
backArrowIcon 2 3
Par défaut
Common
chevronDownIcon 2 3
Par défaut
Common
chevronUpIcon 2 3
Par défaut
Common
closeIcon 2 3
Par défaut
Common
commentIcon 2 3
Par défaut
Common
defaultAvatarIcon 2 3
Par défaut
Common
emailIcon 2 3
Par défaut
Common
facebookIcon 2 3
Par défaut
Common
flatBloggerIcon 2 3
Par défaut
Common
forwardArrowIcon 2 3
Par défaut
Common
googlePlusIcon 2 3
Par défaut
Common
linkIcon 2 3
Par défaut
Common
menuIcon 2 3
Par défaut
Common
pinterestIcon 2 3
Par défaut
Common
searchIcon 2 3
Par défaut
Common
shareIcon 2 3
Par défaut
Common
twitterIcon 2 3
Par défaut
Common
verticalMoreIcon 2 3
Par défaut


Les variantes de l'inclusion

Aucune.


Inclusions similaires

Gadget Type Inclusion Gadget Version Layouts Version Thème
Common
svgIconButton 2 3
Par défaut


Retourner dans la vue d'ensemble des inclusions Communes Version 2

Fiches populaires cette semaine

Facebook : Bouton partager [Share button]