SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 69 visiteurs en ce moment

Accueil > Rédaction > Affichage dans texte > Boutons texte > Archives Bouton texte > Faites un Zoom sur les textes de vos articles

Faites un Zoom sur les textes de vos articles

15 janvier 2005 – par cyp, James – commentaires

3 votes

Objet de la fonction :

Proposer à vos utilisateurs un zoom sur les textes, à chaques appels d’un article.

En appliquant cette fonction sur la balise #TEXTE de SPIP, un niveau de zoom est défini.

Vos utilisateurs peuvent alors cliquer sur un lien pour voir le texte de l’article s’agrandir.

Comment utiliser la fonction :

Nous allons ici proposer aux utilisateurs la possibilité de zoomer sur trois niveaux avec une image cliquable pour le lien.

Nous considérons un niveau, la taille de la police proposé aux utilisateurs.

Taille des polices par defaut :
-  Niveau 1 = taille du texte petit 100%
-  Niveau 2 = taille du texte moyen 120%
-  Niveau 3 = taille du texte grand 160%

Comment mettre en place la fonction zoom :

Copier coller le code de la fonction ci-dessous dans votre fichier mes_fonctions.php3.

Mise en place des images pour les liens

Placer les images zoom1.gif, zoom2.gif et zoom3.gif dans le répertoire IMG/
Vous trouverez les images dans le fichier attaché à cette article.

Appliquer la fonction dans vos squelettes

Insérer la fonction comme ceci dans vos pages d’articles.

[(#TEXTE|zoom_text{3,image})]

Détails de la fonction.
zoom_text{niveau,type_du_lien}

« 3 » indique le nombre de zoom proposé
« image » indique que le lien est une image. Alternativement, « texte » affiche le texte zoom, suivi du niveau de zoom.

Personnaliser la présentation des liens pour les zooms

Ajouter les lignes suivantes dans le fichier ecrire/mes_options.php3 pour modifier l’aspect des liens de zoom :

Ajouter les lignes suivantes dans le fichier ecrire/mes_options.php3 poour modifier les tailles des caractères par niveau :

en prenant soins de faire commencer le tableau par la clé 1.

Notes supplémentaires

Ce filtre ne remplace pas la fonction d’agrandissement de la police de caractère présente dans le menu d’affichage du navigateur. Il permet toutefois de cibler l’agrandissement sur la portion de la page contenant le #TEXTE.

Voici un exemple qui fonctionne si vous utilisez déja d’autres filtres sur votre #TEXTE. N’hésitez pas à vous en inspirer :

[(#TEXTE*|decouper_en_page|typo|propre|zoom_text{3,image})]

Une fois la fonction installée. Veuillez à bien vider le cache de SPIP.

Dernière modification de cette page le 1er novembre 2010

Retour en haut de la page

Vos commentaires

  • Le 5 juin 2008 à 11:58, par ? En réponse à : Faites un Zoom sur les textes de vos articles

    Le lien du site de l’exemple ne marche pas !!

  • Le 17 janvier 2005 à 16:53, par Metheorn En réponse à : > Faites un Zoom sur les textes de vos articles

    Bonjour,

    A ma connaissance, tous les navigateurs proposent déja cette fonctionnalité afin d’augmenter ou diminuer la taille de la police !

    Pourquoi utiliser un filtre spécifique qui oblige, de plus, à recharger la page ...

    • Le 17 janvier 2005 à 17:21, par pepito En réponse à : > Faites un Zoom sur les textes de vos articles

      Heu !! C’est pour les utilisateurs de lynx qui ne peuvent pas zoomer le texte dans un terminal ;-)

      Zoomer le texte dans un navigateur, c’est zoomer tout le contenu de la page. Là, c’est juste pour zoomer uniquement le texte pour que la page ne soit pas trop charger dans le browser.

      T’as remarques et pertinente

    • Le 20 janvier 2005 à 07:55, par ? En réponse à : utiliser les feuilles de style alternative

      oui, il faut mieux utiliser les feuilles de style alternatives : plus economiques, standards et accessibles.

      -  comment mettre en place : http://www.alistapart.com/articles/alternate/
      -  exemple dans un spip : http://polnu.villa-arson.org

    • Le 20 janvier 2005 à 11:45, par ? En réponse à : > utiliser les feuilles de style alternative

      Oui, c’est intéressant.
      Perso, je trouve pas très sympa le Javascript. Je préfére utiliser PHP. C’est peut être moins économique. Mais surtout, ça ne pénalise pas les utilisateurs qui désactive le Javascript.

      Avec la solus que tu donne, j’ai pas vu si on pouvait utiliser les niveaux ? Peux être en complétent le script ?

      Ca mérite peut-être un article, que l’on pourrait proposer aux visiteurs de SPIP-contrib. Deux solutions, C mieux qu’une ;-)

      Pepito

    • Le 30 janvier 2005 à 13:34, par ? En réponse à : > utiliser les feuilles de style alternative

      j’ai trouvé ce système également pour le zoom texte :

      http://www.dyn-web.com/dhtml/sizefont/fontsizer.html

  • Le 19 janvier 2005 à 16:54, par Eric02 En réponse à : > Faites un Zoom sur les textes de vos articles

    bonjour

    je m’etais penché sur ce sujet

    ta contrib est plus efficace que ce que j’avais fait ... merci !

    Questions tu explique qu’il faut ajouter des lignes dans mes_options.php et mes_options.php3 ???
    est ce une faute de frappe ? Car je n’ai qu’un fichier mes_options.php3 comme tous mes fichiers php sont encore en php3

    Ou n’ai ja pas bien saisi qq chose

    amicalement

    eric

Retour en haut de la page

Ça discute par ici

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 20 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • Grappes 1.0

    23 novembre 2012 – 36 commentaires

    Présentation et nouveautés Cette version 1.0 du plugin Grappes est un portage pour SPIP 3.x. Le plugin permet de grouper des objets de SPIP dans des grappes. Les objets du core (articles, rubriques, auteurs, etc.) sont pris en charge, ainsi que (...)

  • Passer un site SPIP sous https://

    23 février 2017 – 41 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)