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
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 .

updated on 24 September 2007

Discussion

3 discussions

  • 2
    dinobib

    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>
    • Merci ça fonctionne trés bien

    Reply to this 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)

    Reply to this 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

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom