Un dessin dans un tpl ?

[Lynda]

Bonjour,

Je souhaiterais remplacer une icone en forme de globe terrestre sur mon site par une icone représentant les lettres "FR-EN" (pour le sélecteur de langue). Je viens de comprendre que cette icone n'était pas associé à un fichier graphique png ou svg mais se trouvait dans le fichier svg.tpl. Je comprends donc que son dessin est défini par un système numérique très obscur pour moi.

Ma question est donc la suivante : comment convertir une icone dans ce format numérique ?

Merci pour votre aide.

[Mediacom87]

Bonjour,

Dans svg.tpl vous avez certainement le code texte d'un fichier svg tout simplement il faut donc transformer votre image actuel en svg puis intégrer le code du svg dans ce fichier svg.tpl

[Francesco]

Si jamais ça peut servir

https://uniconverter.wondershare.fr/convert-other-format/svg-converter.html

Pour la conversion en SVG

[Lynda]

Merci messieurs pour vos réponses. Pas de soucis pour faire du SVG, je maitrise ça. Mon problème est pour l'intégrer dans le fichier tpl. Ou récupérer ce code texte à partir de mon fichier SVG ? Ci-dessous le code de l'icone actuelle dans le fichier svg.tpl.

J'ai trouvé ce lien mais je ne comprends pas grand chose : https://darchevillepatrick.info/svg/svg_symbol.htm

Merci.

 

<symbol id="si-globe" viewBox="0 0 15 15">
<path d="M7.500,-0.002 C3.364,-0.002 -0.000,3.362 -0.000,7.498 C-0.000,11.634 3.364,14.998 7.500,14.998 C11.635,14.998 15.000,11.634 15.000,7.498 C15.000,3.362 11.635,-0.002 7.500,-0.002 ZM13.889,6.661 L11.460,6.661 C11.300,4.703 10.551,2.804 9.212,1.285 C11.676,1.965 13.552,4.074 13.889,6.661 ZM6.973,6.661 L4.606,6.661 C4.806,4.806 5.598,3.000 6.973,1.584 L6.973,6.661 ZM6.973,7.715 L6.973,13.520 C6.955,13.495 6.935,13.470 6.913,13.448 C5.365,11.900 4.584,9.820 4.558,7.715 L6.973,7.715 ZM8.027,7.715 L10.439,7.715 C10.379,9.806 9.574,11.894 8.027,13.487 L8.027,7.715 ZM8.027,6.661 L8.027,1.550 C8.045,1.576 8.064,1.601 8.087,1.623 C9.463,3.000 10.234,4.798 10.406,6.661 L8.027,6.661 L8.027,6.661 ZM5.830,1.272 C4.500,2.821 3.739,4.720 3.553,6.661 L1.111,6.661 C1.450,4.059 3.345,1.940 5.830,1.272 ZM1.060,7.715 L3.510,7.715 C3.533,9.871 4.263,12.004 5.704,13.687 C3.088,12.927 1.154,10.551 1.060,7.715 ZM9.254,13.699 C10.688,11.984 11.434,9.851 11.488,7.715 L13.940,7.715 C13.845,10.565 11.891,12.952 9.254,13.699 Z"/>
</symbol>

Edited August 27, 2021 by Lynda (see edit history)

[Mediacom87]

Vous ouvrez simplement votre fichier .svg avec un éditeur de texte type notepad+ car un svg n'est qu'un simple fichier texte.

[Lynda]

Merci, Mediacom87. Je vais essayer ça et je vous tiens au courant.

[Lynda]

Ci-dessous le texte de mon fichier svg. Je ne retrouve pas la balise <path> comme dans le fichier svg.tpl. Que faut-il que je copie ? Ce qui se trouve dans la balise <text> ?

 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   sodipodi:docname="language.svg"
   inkscape:version="1.0rc1 (09960d6, 2020-04-09)"
   id="svg8"
   version="1.1"
   viewBox="0 0 31.485415 10.318749"
   height="39"
   width="119">
  <defs
     id="defs2" />
  <sodipodi:namedview
     inkscape:window-maximized="0"
     inkscape:window-y="25"
     inkscape:window-x="0"
     inkscape:window-height="794"
     inkscape:window-width="1434"
     units="px"
     showgrid="false"
     inkscape:document-rotation="0"
     inkscape:current-layer="layer1"
     inkscape:document-units="mm"
     inkscape:cy="6.8776707"
     inkscape:cx="62.37871"
     inkscape:zoom="4.7480424"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     borderopacity="1.0"
     bordercolor="#666666"
     pagecolor="#ffffff"
     id="base" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     id="layer1"
     inkscape:groupmode="layer"
     inkscape:label="Calque 1">
    <text
       id="text835"
       y="9.1111383"
       x="-1.0064962"
       style="font-size:10.5833px;line-height:1.25;font-family:sans-serif;stroke-width:0.264583"
       xml:space="preserve"><tspan
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10.5833px;font-family:Montserrat;-inkscape-font-specification:'Montserrat, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.264583"
         y="9.1111383"
         x="-1.0064962"
         id="tspan833"
         sodipodi:role="line">FR/EN</tspan></text>
  </g>
</svg>
 

Edited August 27, 2021 by Lynda (see edit history)

[Lynda]

J'ai copié la balis <text> et ça fonctionne !

Il me reste à comprendre l'attribut viewbox pour avoir un affichage correct...