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

Jouer avec 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
Jouer avec le bandeau
Elisabeth Durrmann - le 9 mars 2015

Bonjour,

Je fais des essais avec votre squelette ( pas mal du tout ).
Pour la bandeau, je voudrais mettre un bandeau image que j’ai fabriqué et en-dessous le titre du site.
Pb, le bloc de couleur qui contient l’affichage du nom de site est trop haut, je voudrais le rétrécir. J’ai tenté de le faire dans une css perso avec
#entete
height : 250 ;

mais ça n’a pas l’air d’être ça parce que ça ne fonctionne pas.
Merci d’avance pour votre aide

Jouer avec le bandeau
Jean Christophe Villeneuve - le 9 mars 2015

Hello

Bienvenue parmi les utilisateurs d’Escal.

Pour ta question, j’aurais tendance à dire qu’il est préférable d’inclure le titre de ton site dans ton image de bandeau. Tu pourras ainsi utiliser la police que tu souhaites et faire un joli titre bien intégré dans l’image.

Sinon, tu peux jouer sur la hauteur de #titrepage et sur le padding-top de #nom-site-spip

Jouer avec le bandeau
Sandrine MARINOT - le 10 mars 2015

Bonjour,

J’ai effectivement inclus le texte du titre dans l’image. J’ai aussi opté pour un layout fixe (1120 pixels) pour éviter les "blancs" (que je trouvais très laids) autour du bandeau.

Bonne chance pour ton site.

Jouer avec le bandeau
Jean Christophe Villeneuve - le 10 mars 2015

Attention car il existe encore beaucoup d’écrans en 1024px de large donc 1120px = ascenseur horizontal !

Pense à regarder ce que donne ton site avec des écrans moins larges que le tien 😉

Jouer avec le bandeau
Elisabeth Durrmann - le 15 mars 2015

Merci pour ces réponses.
Mon pb venait en grande partie du fait que pour la mise en forme précédente, j’avais fait précéder le nom du site de 3 sauts de ligne.
J’ai quand même intégré une css perso pour cadrer le titre à gauche, et je vais peut_être intégré le titre du site au bandeau, ça permettra de limiter la hauteur.

Jouer avec le bandeau
Jean Christophe Villeneuve - le 15 mars 2015

N’hésites pas à faire une image plus large, elle sera retaillée à ta largeur de layout et cela évitera les 2 bandes vides sur les côtés de ton image

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