SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Thèmes > Brownie

Brownie

6 juillet 2012 – par Christophe – 43 commentaires

29 votes

Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com.

Présentation

Brownie est un thème Responsive à deux colonnes.

La démonstration ci-dessous utilise la version 2.0.0 de Brownie, la dist de SPIP3 et le plugin Zcore en version de développement.

Voir une démo du thème Brownie.

En revanche, si vous voulez travailler avec la version stable zpip-dist v1, vous pouvez utiliser la version 1.0.0 du thème Brownie. (Cette version fonctionne avec les versions 2.1 et 3.0 de SPIP.)

Captures

Accueil
Brownie - Accueil

Typographie
Brownie - Typographie

Version mobile
Brownie - Version mobile

Installation

-  Téléchargez le Thème Brownie,
-  Déposez-le dans le dossier themes/ à la racine de votre SPIP (créez-le répertoire s’il n’existe pas).
-  Installez le plugin Zen-garden,
-  Un fois l’installation effectuée, un sous-menu « Thèmes » apparaît dans le menu « Squelettes » de votre interface privé Spip. Cliquez dessus, et choisissez le thème Brownie dans la liste des thèmes présents sur votre configuration.

Menu principal

Vous pouvez utiliser le plugin Menus, pour définir votre menu principal. Identifiez-le comme suit : barrenav

Icônes

Vous pouvez utiliser le plugin Social Tags qui permet d’ajouter des icônes de partage de liens vers les sites tels que Digg, Facebook, Delicious...
-  Une fois l’installation effectuée, un sous-menu « Social tags » apparaît dans le menu « Squelettes » de votre interface privé Spip. Cliquez dessus, et sélectionnez les sites sociaux que vous voulez afficher. Puis pour insérer le bloc social-tags dans la page, utilisez le selecteur « .header ».

Logos d’articles

Squelette-dist de SPIP 3 :
Par défaut le squelette-dist de SPIP 3 réduit les logos de la page sommaire à 40 pixels de large. J’ai donc forcé la taille de ceux-ci avec la css, mais je vous conseille plutôt de surcharger le fichier /squelettes-dist/inclure/recents.html.

Modifiez le fichier en remplacant :[(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_reduire{40,*})] par [(#LOGO_ARTICLE_RUBRIQUE{#URL_ARTICLE}|image_reduire{(580,*})]

Voir en ligne : http://plugins.spip.net/theme_brownie

P.-S.

Licence : Le thème d’origine a été développé par Egrappler sous licence GPL.

Dernière modification de cette page le 6 juillet 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 7 décembre à 22:11, par B.POIRAUD En réponse à : Brownie

    Copier-coller
    Bonsoir, j’utilise le thème Brownie mais, sur les pages publiques, je ne peux pas sélectionner du texte, donc je ne peux pas faire du copier-coller. Comment puis-je modifier cela ?
    Merci

    Répondre à ce message

  • Le 13 octobre à 13:29, par B.POIRAUD En réponse à : Brownie

    Bonjour, j’ai installé le thème Brownie et, arrivée ici :
    j’ai bien un sous-menu « Thèmes » apparaît dans le menu « Squelettes » de votre interface privé Spip.
    j’ai cliqué dessus,
    mais je n’ai aucune liste des thèmes présents sur ma configuration.

    Je suis en Spip 3.1.2 Est-ce la raison ?
    Merci à vous !

    BP

    Répondre à ce message

  • Le 11 juillet 2015 à 12:43, par Xoclaf En réponse à : Brownie

    Bonjour,

    Je trouve que la taille par défaut des caractères du thème Brownie est trop petite.
    J’ai bien essayé de modifier le fichier typo.css présent dans /squelettes-dist/css mais cela n’a rien donné.
    Au mieux j’arrive à modifier la taille des titres un par un, ou la taille des paragraphes mais j’aimerais pouvoir modifier tous les éléments d’un coup, d’un même facteur de proportionnalité.
    Merci

    • Le 12 juillet 2015 à 10:49, par Mist. GraphX En réponse à : Brownie

      Vous pouvez modifier/surcharger les css, mais en créant un dossier /squelettes si vous surchargez dans squelettes-dist ça ne fonctionnera pas car la feuille de style typo.css n’existe pas dans le theme :

      Depot du theme

      Avec un theme Z, vous pouvez surcharger dans en créant une feuille de style : /css/perso.css

      Cf le code de /inclure/head

    • Le 12 juillet 2015 à 15:30, par Xoclaf En réponse à : Brownie

      Ok merci pour le coup de main. Au final j’ai réussi à résoudre le problème en modifiant le fichier perso.css situé dans squelettes-disp/css/perso.css
      J’ai ajouté le bout de code suivant :

      1. body {
      2. font-size: 0.9em;
      3. }

      Télécharger

    Répondre à ce message

  • Le 22 novembre 2014 à 16:26, par Renée Picard En réponse à : Brownie

    Bonjour J’arrive à bien installer le thème avec la version 1.0.1 et ZPIP mais comme ZPIP n’est plus maintenu, j’essaie de l’installer avec la version 2.0 et zcore mais je ne réussis pas. C’est toujours le squelette dar défaut de la dist qui s’affiche. Merci

    • Le 23 novembre 2014 à 19:24, par Renée Picard En réponse à : Brownie

      Désolée pour le bruit. J’ai réussi en mettant le thème brownie 2 dans les plugins !

    Répondre à ce message

  • Le 12 septembre 2013 à 14:45, par miguegm En réponse à : Brownie

    Bonjour

    Je n’arrive pas à afficher le plugin « Social Tags sur le thème » .

    Je bien installé et activé le plugin, Sélecteur : .header.... mais rien s’affiche...

    Pouvez m’aider ? Merci d’avance

    Miguel

    Répondre à ce message

  • Le 16 juin 2013 à 11:31, par 70156 En réponse à : Brownie

    Bonjour,

    Je ne sais pas si vous allez pouvoir me répondre mais je tente. J’ai installé ce thème/squelette sur mon site hébergé chez free. Or, lorsque j’essaye d’envoyer un mail par le service contact, j’ai un message « envoyé » mais aucun mail n’arrive.

    Pourriez-vous me dire où je dois aller pour faire des modifications ou vérifier la configuration et la rendre adaptée à Free ?

    Merci

    PS : Site : http://noceraeuro.free.fr

    • Le 16 juin 2013 à 12:31, par Mokish En réponse à : Brownie

      Même problème sur mon site http://www.mokish.com

      Du coup en attendant je suis revenu sur mon ancien thème :/

    • Le 16 juin 2013 à 22:50, par 70156 En réponse à : Brownie

      Donc, ce serait un souci avec ce thème Brownie ?
      Il doit bien y avoir un moyen de modifier un fichier (contact.html ?) pour y faire apparaitre les recommandations de Free en matière de fonction mail de php... ?

    • Le 17 juin 2013 à 14:36, par Christophe En réponse à : Brownie

      Bonjour,
      Je serais surpris qu’un thème puisse modifier le comportement fonctionnel de la page contact. Je n’ai pas de réponses immédiate, mais je vais faire un peu de recherches et des testes.
      Je vous tiens au courant,
      Christophe

      NB : Est-ce que vous utilisez le plugin facteur (http://contrib.spip.net/Facteur) car il semblerait que se soit une solution pour les sites hébergé chez free

    • Le 17 juin 2013 à 14:52, par Christophe En réponse à : Brownie

      Bonjour,
      Je viens de faire un test et le formulaire fonctionne bien. En revanche, il ne faut pas oublier de mettre une adresse mail à l’auteur avec l’id #1. Je suis un surpris de ce fonctionnement, mais il faudrait faire un peu plus de recherche.
      Cordialement,
      Christophe

    • Le 17 juin 2013 à 15:01, par Christophe En réponse à : Brownie

      Je voulais juste ammener une petite précision, d’après le code de la page contact,
      SPIP recherche le premier auteur avec une adresse mail.

      BOUCLE_principale(AUTEURS) (par id_auteur) (! email) (0,1)

      Voilà donc le pourquoi du comment :)

    • Le 17 juin 2013 à 23:33, par 70156 En réponse à : Brownie

      Merci de m’avoir envoyé vers facteur. En effet, avec lui, les mails partent (ou du moins lors de l’envoie du mail test dans la partie configuration). Encore faut-il maintenant que je trouve comment faire pour appeler ce plugin dans un article comme avec la fonction <xrmulaire |contact_libre|email=truc@domaine.net> (avec « fo » à la place du « x » évidemment)

    • Le 18 juin 2013 à 20:21, par 70156 En réponse à : Brownie

      Juste parce que c’était simple : Il fallait juste que je me déconnecte de l’espace privé et que je visionne mon site sans être connecté en administrateur...Alors, là par miracle, le message est parfaitement parti et arrivé avec Facteur et Formulaire de contact avancé.

      Merci donc :-)

    Répondre à ce message

  • Le 1er mai 2013 à 15:59, par Sarah En réponse à : Brownie

    bonjour,

    J’essaye d’utiliser le plugin Crayons avec ce thème, mais le crayon n’apparait pas. En désactivant le thème, par contre, ça marche. Est-ce que cela pourrait venir du thème ?

    Problème aussi posté sur la page du plugin Crayons

    • Le 1er mai 2013 à 16:17, par Sarah En réponse à : Brownie

      Problème résolu, sans savoir pourquoi...

    Répondre à ce message

  • Le 13 mars 2013 à 00:37, par François En réponse à : Brownie

    Bonjour,
    Je suis un nouvel utilisateur de spip et en particulier Zpip. Ce thème est vraiment excellent. Cependant je rencontre un problème dans l’affichage du menu déroulant, la partie déroulée est beaucoup trop large. Je ne vois pas comment résoudre le problème. Voici mon site : http://carillon-du-nord.shost.ca/
    Vous pouvez observer le bug au niveau du menu principal.
    Merci de votre aide

    • Le 13 mars 2013 à 00:40, par François En réponse à : Brownie

      NB : J’utilise la version 1.0.0 du thème

    • Le 14 mars 2013 à 16:13, par Christophe En réponse à : Brownie

      Bonjour,

      En attendant une mise à jour de ce thème, je vous propose d’ajouter la ligne css ci-dessous qui devrait résoudre votre problème avec le sous menu. (Je dois valider cette modification sur d’autres navigateurs avant de l’ajouter au thème V1.0.0)

      #nav li ul, .menu-conteneur li ul width : auto ;

      Cordialement,
      Christophe

    • Le 14 mars 2013 à 16:29, par François En réponse à : Brownie

      Merci de votre réponse.
      Mais cela n’a malheureusement aucun effet sur le problème.

    • Le 14 mars 2013 à 17:57, par Christophe En réponse à : Brownie

      Bonjour,

      J’ai modifié la ligne 483 de habillage.css par
      #nav li ul, .menu-conteneur li ul display : none ; position : absolute ; top : 98% ; width : auto ;
      et cela fonctionne.

      ## MAIS ATTENTION ##
      Pour modifier le style d’un thème et surtout ne pas perdre vos modifications dans le cas d’une mise à jour, il est préférable d’utiliser la feuille de style « perso.css » (Par défaut, ce fichier n’existe pas et vous devez le créer)

      Cdlt

      PNG - 27 ko
    • Le 15 mars 2013 à 11:31, par Christophe En réponse à : Brownie

      Bonjour,
      Avez-vous réussi à résoudre votre problème ?
      Christophe

    • Le 15 mars 2013 à 13:42, par François En réponse à : Brownie

      Bonjour,
      Je viens d’essayer à l’instant et le problème est résolu. Je n’avais pas vu les accolades dans votre code CSS, celles-ci n’apparaissant pas dans les commentaires de ce site (remplacées par des mots en italique). La capture d’écran m’a permis d’identifier l’erreur de copie.
      Merci pour ce superbe plugin !
      François

    Répondre à ce message

  • Le 26 janvier 2013 à 03:58, par Renée Picard En réponse à : Brownie

    Bonjour

    J’ai choisi Brownie pour la présentation du menu sur le ipod. Cette présentation en roue est très facile d’utilisation. Je remarque qu’elle fonctionne uniquement si Z-core est activé. J’ai ouvert les fichiers de Z-Core sans comprendre ?

    Pouvez-vous m’expliquer comment fonctionne ce menu ?
    Merci
    RP

    Répondre à ce message

  • Le 21 octobre 2012 à 00:38, par Stephane En réponse à : Brownie

    Bonjour.
    SPIP 3.0.5
    J’ai le menu accueil dans le texte du nom du site comment je peux caler le bouton menu accueil ?
    Merci

    • Le 22 octobre 2012 à 09:51, par Christophe En réponse à : Brownie

      Bonjour,
      Ce serait plus facile pour moi, si je pouvais voir votre projet. D’après votre message, j’imagine que le problème vient de :
      1 - Beaucoup d’éléments (Itèmes de premier niveau) dans le menu
      2 - Des titres pour les itèmes de premier niveau trop long
      3 - Un long nom de site

      Solutions :
      1 - Revoir la navigation et utiliser la sous navigation au maximum
      2 - Réduire la longueur des itèmes de premier niveau
      3 - N/A

      Si vous avez des connaissances CSS, je vous suggère de déplacer le menu principal légèrement en dessous du logo. Comment ceci, vous pourrez profiter pleinement de la largeur complète du site.
      Exemple de modification :
      .header padding-bottom : 50px ;
      .menu-conteneur top : -50px ;

      Cordialement,
      Christophe

    • Le 12 décembre 2012 à 16:01, par krostof En réponse à : Brownie

      Bonjour,

      Les modifs que vous citez :
      .header padding-bottom : 50px ;
      .menu-conteneur top : -50px ;
      il faut les mettre dans squelettes-dist/css/layout.css ?

      Merci d’avance.

    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à