Changeset 108162 in spip-zone for _squelettes_/zktx-kore


Ignore:
Timestamp:
Dec 23, 2017, 4:52:16 AM (19 months ago)
Author:
l.oiseau2nuit@…
Message:

Uniformisation et optimisation des boutons de partage qui mélangeaient allègrement SDK, boutons intrusifs et boutons moins intrusifs + de vieilles coquilles qui trainaient depuis des années

+ Du coup on gicle les SDK qui pourront être appelés SI BESOIN par les plugins ad-hoc : MagicLogin?, Twitter, ... (on conserve qd même le inclure/sdk.html parce que je suis pas convaincu de devoir y revenir à un moment ou un autre, pour ajouter des compteurs de partage par exemple ...)

+ Au passage on en profite pour faire un peu de ménage dans des fichiers devenus inutiles

+ on déploie z_apl sur tout sauf header et content

Location:
_squelettes_/zktx-kore/trunk
Files:
4 deleted
11 edited
4 copied

Legend:

Unmodified
Added
Removed
  • _squelettes_/zktx-kore/trunk/body.html

    r108008 r108162  
    11<body id="top" role="document">
    2         <INCLURE{fond=inclure/sdk,env} />
    32        <INCLURE{fond=header/#ENV{type-page},env} />
    43        <section class="bs-content" id="content" role="main">
  • _squelettes_/zktx-kore/trunk/css/zktx.css.html

    r108098 r108162  
    2929}
    3030
     31a.btn, a.fa { text-decoration:none!important; }
     32
     33[(#REM) Cas particulier des btn/liens pour les réseaux sociaux avec les icones font-awesome
     34        Selon les fa- utilisés (fa-* ou fa-*-square) la couleur devra être appliqué sur le background plutôt que sur le lien lui même
     35        couleurs et charte officielle de chaque réseau sur : https://www.blogdumoderateur.com/logos-reseaux-sociaux/ ]
     36a.color-fb {color:#47639E;}
     37a.color-tw {color:#55ACEE;}
     38a.color-li {color:#0077B5;}
     39a.color-gp {color:#DD4B39;}
     40
     41
    3142
    3243[h2, .h2 {
     
    4354.pull-right {margin-left:1em;}
    4455
    45 a.btn { text-decoration:none!important; }
     56
    4657
    4758[(#SET{grad, [#(#ID_RUBRIQUE|couleur_rubrique|sinon{[(#ID_RUBRIQUE|couleur_site)]})] })]
     
    6879.navbar-brand {padding:10px 15px;}
    6980
    70 .remonter { position:fixed; bottom:0.85em; right:0.85em;}
     81a.top { position:fixed; bottom:1em; right:1em;}
    7182[.breadcrumb {
    7283  background-color: #(#ID_RUBRIQUE
  • _squelettes_/zktx-kore/trunk/inclure/head.html

    r108006 r108162  
    3131#INSERT_HEAD
    3232
    33 [(#REM) CSS Boostrap, Bootswatch + font-awesome / compilées et minifiées ]
     33[(#REM) CSS Boostrap + font-awesome / compilées et minifiées ]
    3434<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    3535<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
  • _squelettes_/zktx-kore/trunk/inclure/remonter.html

    r85926 r108162  
    1 <a class="btn btn-primary remonter" rel="nofollow" href="#top" title="<:skiplink:remonter:>"><span class="glyphicon glyphicon-arrow-up"></span> <span class="sr-only"><:skiplink:haut:></span></a>
     1<a class="top" rel="nofollow" href="#top" title="<:zktx:back_to_top:>"><i class="fa fa-4x fa-arrow-circle-up"></i></a>
  • _squelettes_/zktx-kore/trunk/social/article.html

    r105340 r108162  
    1 [(#REM)
    2   Copie du 2017-03-11 23:23:52 par Loiseau2nuit
    3   Fichier original plugins/zktx-kore/trunk/social/article.html
    4 ]
    5 <BOUCLE_social(ARTICLES){id_article}>
     1<BOUCLE_social_ar(ARTICLES){id_article}>
    62<ul class="list-inline">
    7    <li><a class="btn btn-sm btn-outline" style="color:#55ACEE;" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_ARTICLE|url_absolue)]&text=[(#TITRE|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i></a></li>
    8    <li><a class="btn btn-sm btn-outline" style="color:#47639E;" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_ARTICLE|url_absolue)]&t=[(#TITRE|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i></a></li>
    9    <li><a class="btn btn-sm btn-outline" style="color:#DD4B39;" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_ARTICLE|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i></a></li>
    10    <li><a class="btn btn-sm btn-outline" style="color:#0077B5;" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_ARTICLE|url_absolue)]&title=[(#TITRE|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i></a></li>
     3   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_ARTICLE|url_absolue)]&text=[(#TITRE|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_ARTICLE|url_absolue)]&t=[(#TITRE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_ARTICLE|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     6   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_ARTICLE|url_absolue)]&title=[(#TITRE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
    117</ul>
    12 </BOUCLE_social>
     8</BOUCLE_social_ar>
  • _squelettes_/zktx-kore/trunk/social/auteur.html

    r67395 r108162  
    1 [(#INCLURE{fond=modeles/social})]
     1<BOUCLE_social_au(AUTEURS){id_auteur}>
     2<ul class="list-inline">
     3   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_AUTEUR|url_absolue)]&text=[(#NOM|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_AUTEUR|url_absolue)]&t=[(#NOM|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_AUTEUR|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     6   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_AUTEUR|url_absolue)]&title=[(#NOM|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
     7</ul>
     8</BOUCLE_social_au>
  • _squelettes_/zktx-kore/trunk/social/dist.html

    r67361 r108162  
    1 <div class="share fb-like" data-href="#URL_SITE_SPIP" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-action="recommend" data-font="arial"></div>
    2 <div class="share g-plusone" data-size="medium"></div>
    3 <div class="share twitter-button"><a href="https://twitter.com/share" class="twitter-share-button" data-via="VSInet" data-lang="fr" data-related="VSInet" data-hashtags="webdev">Tweeter</a></div>
     1<ul class="list-inline">
     2   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_SITE_SPIP)]&text=[(#NOM_SITE_SPIP|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     3   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_SITE_SPIP)]&t=[(#NOM_SITE_SPIP|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_SITE_SPIP)][&hl=(#LANG)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_SITE_SPIP)]&title=[(#NOM_SITE_SPIP|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
     6</ul>
  • _squelettes_/zktx-kore/trunk/social/mot.html

    r67361 r108162  
    1 <BOUCLE_social(MOTS){id_mot}>
    2 <div class="share fb-like" data-href="[(#URL_MOT|url_absolue)]" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-action="recommend" data-font="arial"></div>
    3 <div class="share g-plusone" data-size="medium"></div>
    4 <div class="share twitter-button"><a href="https://twitter.com/share" class="twitter-share-button" data-via="VSInet" data-lang="fr" data-related="VSInet" data-hashtags="webdev">Tweeter</a></div>
    5 </BOUCLE_social>
     1<BOUCLE_social_m(MOTS){id_mot}>
     2<ul class="list-inline">
     3   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_MOT|url_absolue)]&text=[(#TITRE|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_MOT|url_absolue)]&t=[(#TITRE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_MOT|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     6   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_MOT|url_absolue)]&title=[(#TITRE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
     7</ul>
     8</BOUCLE_social_m>
  • _squelettes_/zktx-kore/trunk/social/rubrique.html

    r105340 r108162  
    1 <BOUCLE_social(RUBRIQUES){id_rubrique}>
    2 
    3 
    4 [(#REM)
    5   Copie du 2017-03-11 23:23:52 par Loiseau2nuit
    6   Fichier original plugins/zktx-kore/trunk/social/article.html
    7 ]
    8 
     1<BOUCLE_social_r(RUBRIQUES){id_rubrique}>
    92<ul class="list-inline">
    10    <li><a class="btn btn-sm btn-outline" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_RUBRIQUE|url_absolue)]&text=[(#TITRE|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i></a></li>
    11    <li><a class="btn btn-sm btn-outline" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_RUBRIQUE|url_absolue)]&t=[(#TITRE|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i></a></li>
    12    <li><a class="btn btn-sm btn-outline" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_RUBRIQUE|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i></a></li>
    13    <li><a class="btn btn-sm btn-outline" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_RUBRIQUE|url_absolue)]&title=[(#TITRE|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i></a></li>
     3   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_RUBRIQUE|url_absolue)]&text=[(#TITRE|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_RUBRIQUE|url_absolue)]&t=[(#TITRE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_RUBRIQUE|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     6   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_RUBRIQUE|url_absolue)]&title=[(#TITRE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
    147</ul>
    15 
    16 
    17 
    18 </BOUCLE_social>
     8</BOUCLE_social_r>
  • _squelettes_/zktx-kore/trunk/social/site.html

    r67361 r108162  
    1 <BOUCLE_social(SITES){id_syndic}>
    2 <div class="share fb-like" data-href="[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT}|url_absolue)]" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-action="recommend" data-font="arial"></div>
    3 <div class="share g-plusone" data-size="medium"></div>
    4 <div class="share twitter-button"><a href="https://twitter.com/share" class="twitter-share-button" data-via="VSInet" data-lang="fr" data-related="VSInet" data-hashtags="webdev">Tweeter</a></div>
    5 </BOUCLE_social>
     1<BOUCLE_social_s(SITES){id_syndic}>
     2<ul class="list-inline">
     3   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT}|url_absolue)]&text=[(#NOM_SITE|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT}|url_absolue)]&t=[(#NOM_SITE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT}|url_absolue)]&hl=fr" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     6   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#ID_SYNDIC|generer_url_entite{site,'','',#CONNECT}|url_absolue)]&title=[(#NOM_SITE|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
     7</ul>
     8</BOUCLE_social_s>
     9
     10
  • _squelettes_/zktx-kore/trunk/social/sommaire.html

    r67361 r108162  
    1 <div class="share fb-like" data-href="#URL_SITE_SPIP" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-action="recommend" data-font="arial"></div>
    2 <div class="share g-plusone" data-size="medium"></div>
    3 <div class="share twitter-button"><a href="https://twitter.com/share" class="twitter-share-button" data-via="VSInet" data-lang="fr" data-related="VSInet" data-hashtags="webdev">Tweeter</a></div>
     1<ul class="list-inline">
     2   <li><a class="btn btn-sm btn-outline color-tw" target="_blank" title="Twitter" href="https://twitter.com/share?url=[(#URL_SITE_SPIP)]&text=[(#NOM_SITE_SPIP|supprimer_tags|textebrut)]&via=[(#URL_SITE_SPIP)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><i class="fa fa-3x fa-twitter-square"></i><span class="hidden-xs"> Twitter</span></a></li>
     3   <li><a class="btn btn-sm btn-outline color-fb" target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u=[(#URL_SITE_SPIP)]&t=[(#NOM_SITE_SPIP|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><i class="fa fa-3x fa-facebook-square"></i><span class="hidden-xs"> Facebook</span></a></li>
     4   <li><a class="btn btn-sm btn-outline color-gp" target="_blank" title="Google +" href="https://plus.google.com/share?url=[(#URL_SITE_SPIP)][&hl=(#LANG)]" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-google-plus-square"></i><span class="hidden-xs"> Google +</span></a></li>
     5   <li><a class="btn btn-sm btn-outline color-li" target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=[(#URL_SITE_SPIP)]&title=[(#NOM_SITE_SPIP|supprimer_tags|textebrut)]" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><i class="fa fa-3x fa-linkedin-square"></i><span class="hidden-xs"> Linked In</span></a></li>
     6</ul>
Note: See TracChangeset for help on using the changeset viewer.