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.

Forum de l’article

Le bandeau

Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre.

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 : lien supprimé

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.

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

Modifier un texte
Ok c’était bien ça, cool. A l’avenir, utilises plutôt un éditeur de code plutôt que LibreOffice, (...)

Modifier un texte - suite et fin -
Super, c’est réparé Les apostrophes inclinés venaient de LibreOffice ! Encore (...)

Modifier un texte
Hello Je pencherais pour les apostrophes qui sont incurvées au lieu d’être droites car je ne vois (...)

Modifier un texte
Le fichier ci-dessous déposé dans le répertoire lang ne passe pas. "Parse error : syntax error, (...)

images dans un article
Bonjour Jean Christophe, non, je n’ai pas accès à ce fichier ; le répertoire /config ne m’est pas (...)

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2