Gestion de ses signets, favoris, bookmarks, annuaire

Vous utilisez plusieurs navigateurs, plusieurs machines, vous voulez retrouver les sites consultés au bureau en rentrant le soir ? Ce squelette est fait pour vous !

Nota SPIP-Contrib : voir le forum pour l’actualisation nécessaire pour fonctionner sous SPIP 1.9

Le squelette tient en un seul fichier et permet d’utiliser un menu dépliant/repliant dynamique en fonction de rubriques/sous rubriques et de sites référencés.
Totalement indépendant, il se télécharge sans remettre en cause la distribution.

Squelette Signets d'atypik.biz

Une autre contribution traite du même sujet d’une autre façon et pour un autre besoin.

-  Nom du Squelette : Signets
-  Version du squelette : 1.3
-  Auteur : Pascal.
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP > 1.5
-  Principales fonctionnalités et spécificités :

  • nombre de rubriques et sous rubriques illimité,
  • menu dépliant/repliant et arborescent.

-  Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersion
oui Mac Firefox 2.0
oui Mac Safari 2.0
oui Mac ie 5
oui windows Firefox 2.0
oui windows Internet explorer 5.5
oui windows Internet explorer 6
oui windows Internet explorer 7
non windows Opera .
non Unix/Linux Netscape .
non Unix/Linux Mozilla 2
non Unix/Linux Phoenix .
non Unix/Linux Opera .

Dernière modification de cette page le 24 septembre 2007

Discussion

3 discussions

  • 2

    Est ce que quelqu’un a réussi à faire marcher ce squelette avec spip version 1.9.2.

    C’est exactement ce que je recherche mais je n’arrive pas à l’adapter.

    Merci d’avance

    • Pascal d’atypik.biz / Artego

      Bonjour,

      Le script est assez ;-) ancien, les chemins d’accès ne sont plus justes. Voici le code corrigé + len lien pour récupérer l’image de fond : http://dev.artego.fr/atypik.biz/squelettes/presentation/fond_degrade.gif

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
      <head>
      <title>#NOM_SITE_SPIP</title>
      <meta name="description" content="#DESCRIPTIF_SITE_SPIP" />
      <meta name="author" content="#EMAIL_WEBMASTER" />
      <meta name="robots" content="none" />
      <script language="javascript" type="text/javascript">
      function expand(n) {
              var node = n;
              while ( node.nodeName != "UL" )
                      node = node.nextSibling;
              if ( node.style.display == 'block' ) {
                      node.style.display = 'none';
                      n.src = 'squelettes/presentation/dossier_replie.gif';
              } else {
                      node.style.display = 'block';
                      n.src = 'squelettes/presentation/dossier_deplie.gif';
              }
      }
      </script>
      <style type="text/css">
      body {font:11px/17px verdana, arial, georgia, sans-serif;margin: 0px 0px 0px 0px;padding: 20px 20px 20px 20px;background: #ffffff url(squelettes/presentation/fond_degrade.gif) repeat-x;color: #000000;}
      h1 {font:15px/17px sans-serif; color: #0066cc;}
      a {color: #0066cc; text-decoration: none; font-weight: normal; background-color : transparent;}
      a:hover {color: #000000; background-color: transparent; text-decoration: none;}
      a:visited {color: #8b8b7a; background-color: transparent; text-decoration: none;}
      ul.menu img {cursor: pointer; width: 30px; height: 16px; margin-left: -20px;}
      ul.menu, ul.menu ul {text-align: left; list-style-type: none;}
      ul.menu li {list-style-type: none; list-style-image: none; margin-left: -20px;line-height: 16px;}
      ul.menu ul {display: none;}
      ul.url li {list-style-type: none; background: transparent url(squelettes/presentation/fond_url.gif) no-repeat; margin-left: -20px; padding-left: 20px; line-height: 16px;}
      #entete {width: 100%;height: 50px;}
      #gauche {float: left;width: 60%;background-color: transparent;color: #000000;}
      #droite {float: right;width: 200px;}
      #droite li {list-style-type: none; background: transparent url(squelettes/presentation/fond_url.gif) no-repeat; margin-left: -20px; padding-left: 20px; line-height: 16px;}
      .passer_dessous {clear:both}
      </style>
      </head>
      <body>
      
      <div id="gauche">
      <h1>Liste des signets</h1>
      <ul class="menu">
      <BOUCLE_secteurs(RUBRIQUES){id_parent}{par titre}>
      
        <li><img src="squelettes/presentation/dossier_replie.gif" onclick="expand(this)" />#TITRE
      
        <B_sites_secteurs>
          <ul class="url">
        <BOUCLE_sites_secteurs(SITES){id_rubrique}>
          <li><a href="#URL_SITE" title="[(#NOM_SITE)]">#NOM_SITE </a></li>
        </BOUCLE_sites_secteurs>
          </ul>
        </B_sites_secteurs>
      
        <B_rubriques>
          <ul>
        <BOUCLE_rubriques(RUBRIQUES) {id_parent} {par titre}>
          <li><img src="squelettes/presentation/dossier_replie.gif" onclick="expand(this)" />#TITRE
          <B_sites>
            <ul class="url">
          <BOUCLE_sites(SITES){id_rubrique}>
            <li><a href="#URL_SITE" title="[(#NOM_SITE)]">#NOM_SITE </a></li>
          </BOUCLE_sites>
            </ul>
          </B_sites>
          <BOUCLE_recursive(boucle_rubriques)></BOUCLE_recursive>
          </li>
        </BOUCLE_rubriques>
          </ul>
        </B_rubriques>
      
        </li>
      
      </BOUCLE_secteurs>
      </ul>
      </div>
      
      <div id="droite">
        <h1>Au jour le jour</h1>
        <ul><BOUCLE_ajlj(SITES){id_mot=1}{par nom_site}{doublons}><li><a href="#URL_SITE" title="[(#NOM_SITE)]">#NOM_SITE</a></li></BOUCLE_ajlj></ul>
      </div>
      
      <div class="passer_dessous"></div>
      
      </body>
      </head>
    • dinobib

      Merci ça fonctionne trés bien

    Répondre à ce message

  • 4

    J’ai un problème : lorsque je référence un site dans une rubrique secteur alors les sous-rubriques n’apparaissent plus :

    au lieu d’avoir :

    • Secteur 1
      • SiteA
        • Sous-rubrique1
          • SiteB

    J’ai à l’écran :

    • Secteur 1
      • SiteA
      • SiteB

    Ce qui est sommes toutes assez gênant. Y aurait-il une solution à ce problème ?

    • Pascal d’AtypikStudio

      Le squelette ne prévoit pas cette possibilité, désolé. Si vous l’adaptez, faites moi le savoir je le modifierais en citant la source. Cordialement

    • J’en ai fais une adaptation style SPIP-CONTRIB sur http://patrice.hardouin.free.fr/boo... mais c’est vrai que c’est loin d’être pratique tant que l’on ne peux pas placer des sites dans des rubriques sans que ses sous-rubriques ne disparaissent de l’arborescence !

    • Bonjour !!

      est il possible de recuperer votre modification de gestion des marques pages SVP ?

      je la trouve vraiment tres bien !

      Cordialement

      si vous pouvez me l’envoyer a

      elf « at » cdg44 point fr

    • le fichier est là : http://patrice.hardouin.free.fr/bookmark.html (faire « afficher la source de la page » pour voir le code et le recopier)

    Répondre à ce message

  • 1
    Evelyne Desandre

    Je n’ai pas très bien vu le rapport entre cette contrib :

    (Gestion de ses signets, favoris ou bookmarks) et celle mentionnée dans l’article (...Une autre contribution traite du même sujet d’une autre façon et pour un autre besoin...)

    et qui conduit vers : (art103) « Une arborescence dynamique et contextuelle » ?

    • c’est vrai que la phrase pourrait être plus claire, dans les 2 contributions on trouve un menu « dynamique » (puisque créé avec des éléments de spip, ici des rubriques et des sites) avec possibilité de « plier/déplier » des éléments

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom