Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Utilisé à ce jour dans 443 sites
Forum de l’article

Le bandeau

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Rappel de la discussion
inc-bandeau
WILLOT Pierre - le 25 mars 2014

Bonjour,

Je suis impressionné par les possibilités proposées par le plugin Escal.
Je constate que le Nom du site et le descriptif se met au milieu du bandeau et j’aimerais le Nom du site commence juste après le logo éventuel.

Après des recherches sur le plugin et dans les forum je n’ai rien trouvé. Comment je peux faire ?

Merci
Piwi

inc-bandeau
Jean Christophe Villeneuve - le 25 mars 2014

Bonjour

Tu as une URL que je regarde ça précisément ?

inc-bandeau
Piwi - le 26 mars 2014

Merci pour la réponse.

Voici : http://ffeub.be

pour l’instant le titre principale est FFEUB mais quand je mets un texte plus grand comme Fédération Francophone d’Échasses Urbaines Belge, tous les mots s’aligne les uns en dessous des autres, ce qui n’est pas ce qui est rechercher.
Tout au plus on prend le titre complet sur deux lignes.

Merci

Piwi

inc-bandeau
Piwi - le 26 mars 2014

Bonjour,

l’url est : ffeub.be

  • Pour l’instant j’ai mis comme titre FFEUB mais j’aimerais mettre le titre complet Fédération Francophone des Échasses Urbaines Belge. Mais quand je met les termes au complet, le tout s’affiche en 5 lignes.

Merci
Piwi

inc-bandeau
Jean Christophe Villeneuve - le 26 mars 2014

ok, j’ai vu

Alors il faut que :

  • tu crées, à la racine de ton spip, un dossier "squelettes" dans lequel tu crées un sous-dossier "styles"
  • dans ce dossier /squelettes/styles, tu crées un fichier perso.css avec dedans
    #titrepage {
     width: 1200px;
    }
    #nom-site-spip {
     width: 1200px;
    }

    et ton titre s’affichera sur une seule ligne mais attention aux petits écrans, notamment si tu rajoutes un logo à gauche.

Je conseillerais plutôt de te faire une jolie image pour ton bandeau avec logo, titre du site et ce que tu veux et d’afficher uniquement cette image dans le bandeau. Comme ici, quoi.

inc-bandeau
Piwi - le 27 mars 2014

Merci beaucoup pour la solution.

Dans ce fichier perso.css , me peut-on pas dire au titre de se mettre à gauche sans pour autant fixé la largeur en pixel.
Ça permettrait d’être plus adaptable pour les différents écrans ?

Merci

Piwi

inc-bandeau
Jean Christophe Villeneuve - le 27 mars 2014

ok alors on remplace dans perso.css par

#titrepage {
width: 100%;
float: left;
}
#nom-site-spip {
width: 100%;
margin-left: 50px
}

et ça devrait le faire : titre à 50px du bord gauche sur une ou 2 lignes (ou plus) selon la taille de l’écran et du titre

inc-bandeau
Pierre WILLOT - le 1er avril 2014

Merci,
Ca marche, c’est génial

Bonne journée

Piwi

inc-bandeau
Pierre WILLOT - le 8 avril 2014

Bonjour,

Je reviens vers vous.
Le fichier perso.css mets bien le titre à gauche mais avec le logo le titre se met en dessous du logo et pas à côté sur la même ligne.
http://cheminsetmemoires.atimbli.net

comment puis-je régler ce petit problème

Merci
Piwi

inc-bandeau
Jean Christophe Villeneuve - le 8 avril 2014

Ah ben oui c’est normal, y’a plus la place. Donc on remplace par

#titrepage {
width: 80%;
float: right;
}
#nom-site-spip {
width: 100%;
}

et si ton logo grossit, diminue la valeur du width pour titrepage

Derniers commentaires

0 | 5 | 10

Le bandeau
Bonjour Si, bien sûr. Dans la config d’escal, tu vas dans "bandeau" et tu choisis l’option 4 et (...)

Couleur du bandeau
Bonjour Ne peut-on pas changer simplement la couleur du bandeau sans créer une image ? (...)

Le ?> n’est plus nécessaire dans les fichiers php
Oui tu as raison. Je vais le mettre dans ma todo-list pour y penser. Surtout que c’est rien à (...)

Le ?> n’est plus nécessaire dans les fichiers php
Bonjour Jean Christophe, merci pour ce plugin génial et toujours en évolution :) Jutes un petit (...)

Image de fond sur la noisette edito
Bonsoir, J’avais bien fait. Le problème c’est que je ne voyais pas comment utiliser les infos (...)

Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.3.15