Brownie

Publié le : 6 juillet 2012 – Dernière modification le 21 décembre 2021 – par Christophe – 56 commentaires

1
2
3
4
5
34 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.

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,*})]

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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

17 discussions

  • 1
    Renée Picard

    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

  • 2
    Stephane

    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

    • Christophe

      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

    • Anonyme12345

      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

  • 1
    Anonyme12345

    Bonjour,

    Bravo pour ce thème, il est vraiment génial.

    J’ai installé Spip v.3.0.5 et le thème Brownie en v2.0.0.

    Alors, j’ai deux petites questions :
    -  comment faire apparaître le logo du site (qui s’affiche à côté du titre) un peu plus grand ? Je n’ai pas trouvé la ligne qui impose le redimensionnement.
    -  peut-on mettre un article en Une sur la page d’accueil ?

    Merci d’avance si quelqu’un a la réponse !

    • Anonyme12345

      Bon, je me réponds tout seul pour la taille du logo, c’est dans :

      squelettes-dist/inclure/header.html

      Si ça peut en aider d’autres...

      Bon, c’est vrai que du coup, je vais être obligé de décaler mon menu sur la droite... ça ne doit pas être bien compliqué ;-)

    Répondre à ce message

  • 1
    Christophe

    Une question revient souvent :

    Quelle version, je dois utiliser ?
    Réponse :

    • La version 1.0.0 sera utilisée pour SPIP2.1 et SPIP3 avec zpip-dist v1 [Stable]
    • La version 2.0.0 est à utiliser avec SPIP3 (Avec ou sans Zcore [Dev] )

    Merci

    • Francois Deplaine

      Bonjour,

      En ouvrant la version 2.0.0 du thème pour Z-core, je ne trouve pas de fichier body.html ni de fichier habillage.css à la racine du dossier du thème.

      J’ai le plugin z-core, zpip_html5_spip3, zen-garden-2

      Le site de test du thème http://www.destinationcyber.com/destcyb/

      Fanch

    Répondre à ce message

  • 4
    a

    Bonjour,
    j’ai cherché à modifier la réduction des vignettes comme indiqué, mais ça ne fait rien. D’ailleurs le fichier recents.html ne semble pas être utilisé, j’ai beau le modifier et le supprimer, rien ne change.

    • Christophe

      Bonjour,
      Pourriez-vous me donner votre configuration. Version de SPIP, avec ou sans le plugin Z et la version du plugin Brownie que vous avez installé.
      Cordialement,
      Christophe

      PS : N’oubiez pas de faire un var_mode=recalcul ;-)

    • a

      Spip en version 3.0.2 avec zpip et Brownie v1
      merci

    • Christophe

      Bonjour,

      Effectivement, dans mon article, je parle du fichier /squelettes-dist/inclure/recents.html que vous pouvez surcharger dans le case d’une installation : SPIP 3 + Zcore.

      Si vous utilisez le plugin Zpip-dist v1, il vous faudra surcharger le fichier /plugins/auto/z/xxx/inclure/article-resume.html

      Pour information, une façon simple de trouver le fichier que vous devez surcharger est d’utiliser var_mode=inclure (Il faut être connecté en admin)

      Article sur les aides au débuggage

      Tenez moi au courant,
      Christophe

    • a

      Salut !
      alors j’ai trouvé ! /contenu/page-sommaire.html renvoie à /inclure/article-resume.html
      on dirait que recents.html ne sert à rien

      [(#LOGO_ARTICLE_RUBRIQUE||image_reduire580,*)]

      et voilà, tout marche correctement.

      Bah merci et bravo pour ce thème !

    Répondre à ce message

  • 1
    christian_bleau

    bonjour,

    je me lance dans spip ce jour. je suis donc en v3.0.3.
    j’installe le thème brownie ==> ok
    j’installe menu_1 ====> evoque une dependance
    « Nécessite le plugin SAISIES en version 1.9.10 minimum »

    je lance une recherche dans spip contrib ====> 59 pages.

    avez vous un lien qui pourrait mettre utile

    merci d’avance

    Répondre à ce message

  • 1

    Salut

    Sans être passéiste, avec quel version de navigateur celà fonctionne-t-il ? Histoire de savoir jusqu’où l’on fait table rase. ;) Comment ceci se décline-t-il en cas de dysfonctionnement ?
    -moz-animation: 900ms ease 0s normal none 1 smallToBig; merci de vos réponses.

    • Christophe

      Bonjour,
      Le site devrait fonctionner sur tous les navigateurs recents et malheureusement pour les autres (Anciens navigateurs ne supportant plus les animations, transitions etc.) , il n’y aura pas d’animations (mode dégradé).
      Cordialement,
      Christophe

      NB : Vous pouvez toujours me remonter d’éventuelles bugs ou me suggérer des améliorations à faire pour ce thème.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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