FR EN ES

BLOG

Comme par exemple à la fin de ce devis 
http://demo.toogo.in/Printouts/Quotation/quot_template/4/quot_language/1/client_com/0/id/782


1 / desk / éditeur de documents / devis
2 / notes des devis
3 / notes finales : créer un item « réseaux sociaux »

note : l’ordre chronologique dans lequel vous créez les items dans la section « notes finales » détermine leur apparition sur le document > si vous créez l’item « réseaux sociaux » avant l’item « affiliations », les logos facebook, twitter, google + … seront au dessus, les logos ATR, ASTA, RL au dessous.

4 / traduction de l’item : insérer le code suivant

<center>
<a target= »blank » href= »https://www.facebook.com/Voyages.Sur.Mesure?ref=hl »>
<img src=« http://www.terra-explora.com/squelettes-dist/images/layout/facebook.png » title= »Facebook » border= »0″ height= »30″ width= »30″>
</a> &nbsp;
<a target= »blank » href= »https://twitter.com/TerraGroup1″>
<img src= »http://www.terra-explora.com/squelettes-dist/images/layout/twitter.png » title= »Twitter » border= »0″ height= »30″ width= »30″>
</a> &nbsp;
<a target= »blank » href= »https://plus.google.com/115135846803075266790/posts »>
<img src= »http://www.terra-explora.com/squelettes-dist/images/layout/google.png » title= »Google+ » border= »0″ height= »30″ width= »30″>
</a> &nbsp;
<a target= »blank » href= »http://www.journal-terra-group.blogspot.fr/ »>
<img src= »http://www.terra-explora.com/squelettes-dist/images/layout/blogger.png » title= »Blog Terra » border= »0″ height= »30″ width= »30″>
</a> &nbsp;
<a target= »blank » href= »http://pinterest.com/terragroup/ »>
<img src= »http://www.terra-explora.com/squelettes-dist/images/layout/pinterest.png » title= »Pinterest » border= »0″ height= »30″ width= »30″>
</a> &nbsp;
<a target= »blank » href= »http://www.linkedin.com/company/terra-group-voyages-sur-mesure »>
<img src= »http://www.terra-explora.com/squelettes-dist/images/layout/linkedin.png » title= »Linkedin » border= »0″ height= »30″ width= »30″>
</a>
</center>

Quelques précisions sur le code (qui pourront servir ailleurs) :
<center> au debut du code, </center> a la fin : pour que les elements soient au centre de la page
target= »blank » : le lien s’ouvre dans un nouvel onglet du navigateur (et pas a la place de la page sur laquelle on se trouve)
href : indique la page a ouvrir dans le nouvel onglet
img src : source de l’image > les logos viennent du site terra group, si on les supprime sur ce site, ils cesseront d’apparaitre sur la fiche

height= »30″ width= »30″ : taille de l’image (30px sur 30px ici)


5 / une fois que vous validez, les logos apparaissent ici:
ils apparaitront aussi désormais dans la section « notes finales » des devis que vous editez
si vous souhaitez qu’ils apparaissent aussi sur les tarifaires, les carnets de voyage, les vouchers, les formulaires infos … reproduire la manip dans l’onglet du template concerne de l’editeur de document

Auteur Nicolas Blanquet

Post a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

468 ad

By continuing your visit to this site, you must accept the use of cookies. Those help us to improve your navigation experience. For more information, click here