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,*})]
Discussions par date d’activité
17 discussions
Bonjour,
Le thème Brownie fonctionne parfaitement avec Spip 3.2.x, en modifiant les bornes du plugin et tenant compte de la mise à jour des plugins bien entendu (notamment celles liées au plugin mosaïque).
Raphaël
Merci, je viens de commiter les modifs.
il s’agissait de la v1 ou de la v2 ?
il s’agit de la v1, ce que je n’avais pas vérifié avant de faire la mise à niveau .... rhhhooo ^
Saurais-tu me dire à brûle-pourpoint s’il est préférable de passer à la v2 ?
Merci / Raphaël
c’est bien la v1 que j’ai modifié. Je n’ai aucune idée de la différence avec la v2.
Bien reçu & Merci !
Pour ceux qui veulent un exemple du résultat final : https://www.sciencesessonne.fr/
Bonjour,
J(ai utilisé votre plugin brownie pour mon site : www.genie-alimentaire.com. Et je vous en remercie !
Je n’arrive pas à afficher sur tout l’écran mes pages !
D’autre part, je n’arrive pas à insérer de slider comme sur le site science essone !
Pouvez vous m’aider svp
dans l’attente
Cordialement
Répondre à ce message
Bonjour,
Ce thème est très réussi.
Qu’en est-il de son fonctionnement (adaptation) avec SPIP 3.1.x. ?
ce serait vraiment dommage qu’il s’arrête à SPIP 3.0.x
Félicitations et meilleurs messages
FDG
Bonjour,
Il faut le tester en changeant les bornes de compatibilité et dire si cela fonctionne complétement.
Ensuite on le changera sur la zone.
Bonne journée.
Bonjour,
Remarque introductive : J’utilise SPIP 3.1.4, Zen-Garden 2.6.3 fonctionne bien avec Zpip-dist v1 1.7.29 mais pas avec Z-core 2.6.1.
J’ai modifié le fichier plugin.xml thème Brownie à la ligne 18, j’ai remplacé :
<necessite id="SPIP" version="[2.0.10;3.0.99]" />
par :
<necessite id="SPIP" version="[2.0.10;3.1.99]" />
et le thème Brownie fonctionne bien.
Merci et meilleurs messages
FDG
Je viens de modifier les bornes sur la zone.
Merci Maïeul.
Au delà du template Brownie, d’une manière générale il serait utile de disposer sur https://contrib.spip.net/ et http://plugins.spip.net/ d’une entrée pour trouver immédiatement les squelettes et/ou templates responsives. J’ai fait un rapide survol et ma moisson non exhaustive est la suivante :
ViaSPIP 3.1
https://contrib.spip.net/ViaSPIP-3-1
Japibas, squelette responsive
https://contrib.spip.net/Japibas-squelette-responsive
ScolaSPIP 3
https://contrib.spip.net/ScolaSPIP-pour-SPIP3
Brownie
https://contrib.spip.net/Brownie
SoyezCreateurs
https://contrib.spip.net/SoyezCreateurs-1237
Escal-V3
https://contrib.spip.net/Escal-V3
SPIPr
https://contrib.spip.net/SPIPr-1776
Hyperspace : squelette responsive
https://contrib.spip.net/Hyperspace-squelette-responsive
Initializr
https://contrib.spip.net/Initializr
TypoManiac
https://contrib.spip.net/TypoManiac
Bien cordialement
FDG
Répondre à ce message
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
Bonjour,
Je ne pense pas que le problème de copier-coller puisse venir du thème... mais pour vous aider j’aurais besoin d’une URL et de savoir quel navigateur vous utilisez. Parfois une extension / Addons peut venir perturber/modifier le comportement du navigateur.
Cdlt
Répondre à ce message
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
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
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
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 :
Répondre à ce message
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
Désolée pour le bruit. J’ai réussi en mettant le thème brownie 2 dans les plugins !
Répondre à ce message
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
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
Même problème sur mon site http://www.mokish.com
Du coup en attendant je suis revenu sur mon ancien thème :/
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... ?
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
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
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 :)
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)
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
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
Problème résolu, sans savoir pourquoi...
Répondre à ce message
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
NB : J’utilise la version 1.0.0 du thème
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
Merci de votre réponse.
Mais cela n’a malheureusement aucun effet sur le problème.
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
Bonjour,
Avez-vous réussi à résoudre votre problème ?
Christophe
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
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
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.
Suivre les commentaires : |