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

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