Jump to content

Un dessin dans un tpl ?


Lynda
 Share

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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 by Lynda (see edit history)

Share this post


Link to post
Share on other sites

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 by Lynda (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More