Aller au contenu Aller au menu Aller à la recherche

Logo du site

Accueil > Documentation > Personnaliser vos squelettes

Personnaliser vos squelettes

Il est probable que les squelettes proposés ne répondent pas entièrement à vos besoins et envies. Voici comment personnaliser votre installation.

Créer à la racine de votre site le dossier "squelettes" si ce dernier n’existe pas.
Ensuite vous pouvez recréer l’arborescence des dossiers du plugin pour y déposer les fichiers modifiés cela vous permettra de pouvoir mettre à jour le plugin sans vous soucier d’écraser vos fichiers personnalisés.

Concernant les feuilles de styles, vous pouvez simplement créer le fichier "perso.css.html" dans le dossier "squelettes/css" et définir son contenu vous inspirant des fichiers disponibles dans le dossier "css" du plugin. Cela vous permet de surcharger uniquement les styles souhaités en les redéfinissant dans ce fichier.

Vous pouvez aussi définir de nouvelles compositions dans le dossier "squelettes/contenu" en suivant le modèle des compostions du plugin.

13 Messages

  • Personnaliser vos squelettes , par MUXORT
    Le 9 juillet 2013 à 08:41

    Bonjour et d’abord merci pour ce squelette dont j’apprécie vraiment la structure et les thèmes ;-))

    Y a t il une raison historique pour qu’il ne figure pas dans la SPIP-contrib ?

    Est il envisageable (et compliqué) de modifier le format en utilisant 1140 grid ?

    Merci

  • Personnaliser vos squelettes , par MUXORT
    Le 10 juillet 2013 à 12:25

    Bjr

    Petit bug avec le plugin Composition en version "Présentation des sites de la rubrique en 2 colonnes" :

    Numéro Message squelette boucle Ligne
    1 Critère inconnu id_groupe plugins/auto/beespip_3.1.0/contenu/rubrique-signets.html _compte_sites2 37
  • Personnaliser vos squelettes , par Christophe Gindro
    Le 30 août 2013 à 10:55

    Merci pour ce retour.
    Le correctif va être publié sur Spip-zone et l’archive mise à jour disponible ensuite.

  • image de fond Le 22 avril 2014 à 19:16

    Bonjour,

    Je n’arrive pas à mettre une image de fond, le code mis dans perso.css est le suivant :" background-image : url(./squelettes/deco/fond.jpg) no-repeat center fixed ;
    -webkit-background-size : cover ; /* pour Chrome et Safari */
    -moz-background-size : cover ; /* pour Firefox */
    -o-background-size : cover ; /* pour Opera */
    background-size : cover ; /* version standardisée */"

    Le chemin est bon, le code fonctionne ailleurs, il y a toujours un "background : none" qui traine et même lorsque je le supprime cela ne fonctionne pas.
    N’étant pas spécialiste je sèche :-( . Si vous aviez une réponse ? Merci beaucoup.
    Jacques

  • image de fond , par Christophe Gindro
    Le 23 avril 2014 à 09:54

    Est-ce qu’il est possible de voir le site en ligne ?

  • image de fond Le 24 avril 2014 à 08:01

    C’est une adresse sur laquelle je fais des test en ligne :
    http://www.a-tahiti-iti.com/mairie_v2/
    Merci de votre aide
    Jacques

  • image de fond , par Christophe Gindro
    Le 24 avril 2014 à 08:34

    Il y a une erreur dès le début du fichier, le premier caractère étant ">". Il faut donc le supprimer.

    Ensuite il faut aussi ajouter les valeurs de couleur par défaut pour pouvoir les utiliser dans les définitions de style. Le plus simple est de les reprendre dans le fichier "beespip/css/styles.css.html"

    /* Valeurs par defaut :
    #SET{couleur_fond_page,#CONFIG{BeeSpip/couleur/couleur_fond_page,#ffffff}} [ couleur_fond_page: (#GET{couleur_fond_page});]
    #SET{couleur_principale,#CONFIG{BeeSpip/couleur/couleur_principale,#b83233}} [ couleur_principale: (#GET{couleur_principale});]
    #SET{couleur_secondaire_foncee,#CONFIG{BeeSpip/couleur/couleur_secondaire_foncee,#8b0b00}} [ couleur_secondaire_foncee: (#GET{couleur_secondaire_foncee});]
    #SET{couleur_secondaire_claire,#CONFIG{BeeSpip/couleur/couleur_secondaire_claire,#ff645b}} [ couleur_secondaire_claire: (#GET{couleur_secondaire_claire});]
    #SET{couleur_principale_texte,#CONFIG{BeeSpip/couleur/couleur_principale_texte,#666666}} [ couleur_principale_texte: (#GET{couleur_principale_texte});]
    #SET{couleur_titres,#CONFIG{BeeSpip/couleur/couleur_titres,#444444}} [ couleur_titres: (#GET{couleur_titres});]
    #SET{typo_titre,#CONFIG{BeeSpip/couleur/typo_titre,"font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;"}} [ typo_titre: (#GET{typo_titre});]
    #SET{couleur_liens,#CONFIG{BeeSpip/couleur/couleur_liens,#0070a7}} [ couleur_liens: (#GET{couleur_liens});]
    #SET{couleur_liens_survol,#CONFIG{BeeSpip/couleur/couleur_liens_survol,#b83233}} [ couleur_liens_survol: (#GET{couleur_liens_survol});]
    #SET{couleur_cadres,#CONFIG{BeeSpip/couleur/couleur_cadres,#ebebeb}} [ couleur_cadres: (#GET{couleur_cadres});]
    #SET{couleur_filets_titres,#CONFIG{BeeSpip/couleur/couleur_filets_titres,#ebebeb}} [ couleur_filets_titres: (#GET{couleur_filets_titres});]
    #SET{couleur_filets_colonnes,#CONFIG{BeeSpip/couleur/couleur_filets_colonnes,#e8e8e8}} [ couleur_filets_colonnes: (#GET{couleur_filets_colonnes});]
    #SET{couleur_fond_formulaires,#CONFIG{BeeSpip/couleur/couleur_fond_formulaires,#f8f8f8}} [ couleur_filets_colonnes: (#GET{couleur_fond_formulaires});]

    */
  • image de fond , par Jacques
    Le 24 avril 2014 à 15:27

    Bonjour,
    Merci pour votre réponse.
    J’ai supprimé le ">", j’ai ajouté les valeurs de couleur par défaut (faut-il les laisser entre " /* */ " ? mais j’ai essayé quand même les 2), mais cela ne fonctionne toujours pas.

  • image de fond , par Christophe Gindro
    Le 24 avril 2014 à 15:40

    Il faut utiliser la syntaxe
    background: [(#GET{couleur_fond_page}) ] url(#CHEMIN{/deco/test_fond_ltc_v2.jpg}) no-repeat fixed center top;

  • image de fond Le 24 avril 2014 à 17:06

    Cela fonctionne :-)
    Un très très grand merci pour votre aide, et pour votre squelette que j’apprécie. D’ailleurs le site actuel de la commune est avec la version précédente de beespip.
    Est ce que cela poserait un problème si je me servais de la "flèche" de votre bandeau pour l’incorporer dans le mien ?
    Encore merci pour votre coup de main et réactivité.
    Jacques

  • image de fond , par Christophe Gindro
    Le 24 avril 2014 à 17:11

    Avec plaisir.
    Bien entendu, vous pouvez utiliser la "flèche".

  • Mots-clés , par Robert CARON
    Le 25 décembre 2014 à 19:53

    Bonjour,

    Encore bravo pour ce travail...

    Comment et où gérer l’affichage des articles par mots-clés ? Je n’ai rien trouvé dans la doc.

    Merci à vous

    Robert

  • Responsive , par Tina
    Le 15 février 2015 à 11:17

    Bonjour,

    est-il possible de rendre facilement ce squelette en Responsive ?

    Si non, est-ce qu’une version Responsive sera proposée prochainement ?

    Merci !

SPIP 3.0.22 [22914] | Squelette BeeSpip v.3.1.0