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
Typographie
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,*})]
Version 2.0.0
RSS 2.0
Vos commentaires
# Le 16 juin à 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 à 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 à 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 à 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 à 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 à 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.
Voilà donc le pourquoi du comment :)
# Le 17 juin à 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 à 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 à 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 à 16:17, par Sarah
En réponse à : Brownie
Problème résolu, sans savoir pourquoi...
Répondre à ce message
# Le 13 mars à 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 à 00:40, par François
En réponse à : Brownie
NB : J’utilise la version 1.0.0 du thème
# Le 14 mars à 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 à 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 à 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
# Le 15 mars à 11:31, par Christophe
En réponse à : Brownie
Bonjour,
Avez-vous réussi à résoudre votre problème ?
Christophe
# Le 15 mars à 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 à 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
# Le 29 janvier à 11:44, par Christophe
En réponse à : Brownie
Bonjour,
La version mobile du menu sous forme de « Select » est gérée par un script JQuery.
Matt Kersley (jQuery Responsive Menu Plugin)
https://github.com/mattkersley/Responsive-Menu
Cordialement,
Christophe
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
# Le 10 décembre 2012 à 12:12, par krostof
En réponse à : Brownie
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 !
# Le 10 décembre 2012 à 12:25, par krostof
En réponse à : Brownie
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
# Le 6 juillet 2012 à 11:27, par Christophe
En réponse à : Brownie
Une question revient souvent :
Quelle version, je dois utiliser ?
Réponse :
Merci
# Le 29 novembre 2012 à 14:52, par Francois Deplaine
En réponse à : Brownie
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
# Le 22 septembre 2012 à 20:50, par a
En réponse à : Brownie
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.
# Le 22 septembre 2012 à 21:09, par Christophe
En réponse à : Brownie
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 ;-)
# Le 22 septembre 2012 à 23:58, par a
En réponse à : Brownie
Spip en version 3.0.2 avec zpip et Brownie v1
merci
# Le 23 septembre 2012 à 13:07, par Christophe
En réponse à : Brownie
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
# Le 23 septembre 2012 à 15:14, par a
En réponse à : Brownie
Salut !
alors j’ai trouvé ! /contenu/page-sommaire.html renvoie à /inclure/article-resume.html
on dirait que recents.html ne sert à rien
et voilà, tout marche correctement.
Bah merci et bravo pour ce thème !
Répondre à ce message
# Le 20 juillet 2012 à 16:27, par christian_bleau
En réponse à : Brownie
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
# Le 20 juillet 2012 à 17:53, par Christophe
En réponse à : Brownie
Bonjour,
Je vous suggère d’installer un autre plugin Menu
Menu : http://www.spip-contrib.net/Menus-3139
Saisie : http://www.spip-contrib.net/Saisies
Voila pour les liens,
Christophe
Répondre à ce message
# Le 14 juillet 2012 à 14:08, par ?
En réponse à : Brownie
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.# Le 17 juillet 2012 à 13:19, par Christophe
En réponse à : Brownie
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