SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 325 visiteurs en ce moment

Accueil > Squelettes > Squelettes éditoriaux > IENSP > Squelettes IENSP version Pleine Page pour SPIP 2.1

Squelettes IENSP version Pleine Page pour SPIP 2.1

18 février 2009 – par StephK – commentaires

4 votes

Présentation

-  Nom du Squelette : « IENSP Pleine Page »
-  Version du squelette : 2.1
-  Auteur : Stéphane Kus
-  Licence : GPL
-  Compatibilite SPIP : compatible SPIP > 2.0
-  Visualiser
-  Développement sur SPIP-Zone depuis la version 2.1

Principales fonctionalités et spécificités

Un squelette simple avec une barre de navigation et un menu déroulant tout en CSS, un annuaire des sites web référencés.

J’espère que ces squelettes vous donneront envie de plonger dans le CSS afin de créer un style propre à vos sites.

-  menu déroulant translucide à 3 niveaux
-  calendrier dans la page d’accueil et dans les pages articles (plugin Agenda 2 nécessaire)
-  Nécessite également les plugins article PDF et Version Imprimable à installer via l’interface privé-> Configuration -> Gestion des plugins.

Les squelettes doivent être installés dans un répertoire « squelettes ».

Il est à noter que les squelettes utilise le filtre « supprimer_numero » qui vous permet d’ordonner vos rubriques en leur ajoutant un numéro qui sera invisible dans l’espace public. Pour faire apparaître les rubrique dans l’ordre que vous souhaitez il suffit de les nommer de la manière suivante :

  • 01. marubrique
  • 02. marubrique

Attention : vous devez obligatoire mettre un espace après le point pour que ça fonctionne.

Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersion
oui windows Internet explorer 7 et 8
oui windows Firefox .
oui Mac Safari .
oui Mac Firefox .
oui Mac Opera .
oui Unix/Linux Firefox .

Personnaliser le squelette

Vous pouvez aisèment personnaliser ces squelettes en changeant les couleurs dans le fichier habillage.css, il suffit de faire un rechercher/remplacer sur ces couleurs :

-  #FFFFFF : couleur de fond de la page
-  black : couleur du texte et des éléments de menus survolés
-  #F7BA09 : couleur de fond l’entête et du menu
-  #FFFFCC : couleur de fond des blocs
-  #4C93B6 : couleur des bordures de blocs et des liens

images à modifier :
-  coinrond.gif
-  coin.gif (arrondis du menu)
-  pixtrans.png (fond transparent du menu déroulant)
-  fondbarrehaut.png (fond de la barre de navigation)
-  fondbarrehautsurvol.png (fond des liens survolés de la barre de navigation)
-  fondbarrebas.png (fond du pied de page)

Téléchargement

Zip - 170 ko
A télécharger sur Spip-zone : IENSP Pleine Page v2.1
Zip - 285.7 ko
Télécharger sur Spip-Zone : IENSP version Pleine Page ImageFlow+HighslideJS

Voir en ligne : article original

Dernière modification de cette page le 20 février 2011

Retour en haut de la page

Vos commentaires

  • Le 7 juillet 2010 à 09:47, par Le Corbeau En réponse à : IENSP version Pleine Page pour SPIP 2.0

    Bonjour,
    Pour information, Il manque « filtre numero » sur le sommaire.
    Par ailleurs je souhaitai avoir le logo affiché devant le titre de l’article. il n’apparait que sur la page article, et complètement à droite.
    J’ai aussi tenté de le mettre sur la page sommaire avec le même résultat.
    Faut dire que mes connaissances en programmation se limitent à du copier/coller

    Répondre à ce message

  • Le 22 juillet 2009 à 11:19, par ? En réponse à : IENSP version Pleine Page pour SPIP 2.0 thickbox2

    Bonjour,
    je me suis laissé allé à une mise à jour avec la dernière version de SPIP, du coup j’ai eu des problèmes de plugin que j’ai dû également upgrader.

    Depuis j’ai thickbox qui pédale dans la choucroute avant de me refiler une page vierge. il semble que vous ayez détecté un problème avec un autre de vos squelettes. Avec vous une piste ?

    Merci d’avance

    Répondre à ce message

  • Le 25 mai 2009 à 19:40, par StephK En réponse à : IENSP version Pleine Page pour SPIP 2.0

    Y’a pas de raison particulière... voici le code que tu peux mettre dans un fichier « login.html » à créer dans le dossier « squelettes » :

    #CACHE{86400}
    <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
    <html dir="#LANG_DIR" lang="#LANG">
    <head>
    <title>identification [(#NOM_SITE_SPIP|textebrut)]</title>
    [(#REM) Preciser le charset ]
    <meta http-equiv="Content-Type" content="text/html; charset=#CHARSET" />

    [(#REM) Fierement fabrique avec SPIP ]
    <meta name="generator" content="SPIP[ (#SPIP_VERSION)]" />

    [(#REM) Lien vers l'icone destinee a la barre de bookmarks, au format .ico ]
    [<link rel="shortcut icon" href="(#ENV*{favicon}
            |sinon{#CHEMIN{favicon.ico}}
            |sinon{#LOGO_SITE_SPIP}
                    |image_passe_partout{32,32}
                    |image_recadre{32,32,center}
                    |image_format{ico}|extraire_attribut{src}
            |sinon{#CHEMIN{spip.ico}})" type="image/x-icon" />]

    [(#REM) Lien vers le flux RSS du site ]
    [<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="(#URL_PAGE{backend})" />]

    [(#REM) Feuille de style par defaut pour le code genere par SPIP ]
    [<link rel="stylesheet" href="(#CHEMIN{spip_style.css}|direction_css)" type="text/css" media="all" />]

    [(#REM) Feuille de style par defaut pour les formulaires de SPIP ]
    [<link rel="stylesheet" href="(#CHEMIN{spip_formulaires.css}|direction_css)" type="text/css" media="projection, screen, tv" />]

    [(#REM) Feuille de style CSS pour l'affichage du site a l'ecran ]
    [<link rel="stylesheet" href="(#CHEMIN{habillage.css}|direction_css)" type="text/css" media="projection, screen, tv" />]

    [(#REM) Feuille de style CSS pour l'impression ]
    [<link rel="stylesheet" href="(#CHEMIN{impression.css}|direction_css)" type="text/css" media="print" />]

    [(#REM) Feuille de style personnalisee pour surcharger les precedentes
            A noter par defaut cette css n'existe pas
    ]
    [<link rel="stylesheet" href="(#CHEMIN{perso.css}|direction_css)" type="text/css" media="all" />]
    [(#REM|f_jQuery)]
    <script type='text/javascript'><!--
    jQuery(function(){ jQuery('input#var_login').focus();
    jQuery('a#spip_pass').click(function(){window.open(this.href, 'spip_pass', 'scrollbars=yes, resizable=yes, width=480, height=330'); return false;});
    });
    // --></script>
    </head>

    <body class="page_login" >
    <div id="fondpage">

    <div id="page">

            [(#REM) Entete de la page + titre du site ]
            <INCLURE{fond=inc-entete}>

    [(#REM) Menu de navigation laterale ]
                    <div id="navigation">

                            [(#REM) Menu de navigation par rubriques ]
                            <INCLURE{fond=inc-rubriques}{id_rubrique}>

                           

                    </div><!-- fin navigation -->

            <div id="conteneur">

            [(#REM) Fil d'Ariane ]
            <div id="hierarchie"><a href="#URL_SITE_SPIP/"><img src="#CHEMIN{images/home.png}" /></a>&gt; identification</div>
                    [(#REM) Contenu principal : contenu de l'article ]
                    <div id="contenu">
                            <div style="width:20em;">
                            <div id="minipres">

           
            [(#REM)
                    Est-ce qu'on se connecte a l'espace prive ou pas ?
            ]
            [(#ENV{url}|=={''}|?{#SET{prive,' '}})]
            [(#ENV{url}|match{^#EVAL{_DIR_RESTREINT_ABS}}|?{#SET{prive,' '}})]
            [(#GET{prive}) <h3 class="spip"><:login_acces_prive:></h3>]
           
            [(#FORMULAIRE_LOGIN{#ENV{url}|sinon{#URL_ECRIRE{accueil}}})]
            <p class="retour">
                    [&#91;<a href="#URL_PAGE{identifiants,focus=nom_inscription}&amp;mode=(#URL_SITE_SPIP|tester_config{1comite})" target="spip_pass" onclick="javascript:window.open(this.href, 'spip_pass', 'scrollbars=yes, resizable=yes, width=480, height=400'); return false;"><:login_sinscrire:></a>&#93;]
                    &#91;<a href="#URL_SITE_SPIP/"><:login_retoursitepublic:></a>&#93;
            </p>
            <p class="retour">
                    <a href="http://www.spip.net/" title="<:site_realise_avec_spip:>"><img src="#CHEMIN{spip.png}" alt="SPIP" width="48" height="16" /></a>
            </p>
           
    </div><!--#minipres-->
    </div>
                    </div><!-- fin contenu -->
            </div><!-- fin conteneur -->
            [(#REM) Pied de page ]
            <INCLURE{fond=inc-pied}{skel=#SQUELETTE}>
    </div>
    </div>
    </html>

    Répondre à ce message

  • Le 25 mai 2009 à 17:46, par Le Corbeau En réponse à : IENSP version Pleine Page pour SPIP 2.0 Page LOGIN

    Bonjour,
    l’ancien squelette bénéficiait d’une page login personnalisée s’ouvrant dans la page du site lui-même.

    Bien qu’existante dans le dossier, elle n’est plus appelée et c’est la fenêtre standard qui s’ouvre hors site et évidement, c’est moins « fini ».

    Y a-t-il une raison particulière à cela ?

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

Ça spipe par là