Bandeau
Escal V3
Site de démonstration

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.

inc-titre_page
Article mis en ligne le 9 janvier 2010
dernière modification le 10 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Avec EscalV3 cette noisette a disparu et la police Croobie.ttf a été abandonnée.

Une toute petite noisette juste pour gérer l’affichage du titre du site dans le bandeau.

Ce titre s’affichera avec la police "croobie.ttf" qui est libre de droits.

Pour supprimer ce titre du bandeau, il suffit de mettre la propriété suivante dans /squelettes/styles/perso.css (fichier à créer si vous ne l’avez pas encore fait) :

  1. #titrepage {
  2. display: none;
  3. }

Télécharger

Mais dans la partie configuration d’Escal de l’espace privé, sous l’onglet "généralités", vous pouvez choisir la présence ou l’absence d’un élément tel que

  • le nom du site
  • le slogan
  • le descriptif du site, (ceux que vous mettez dans l’espace privé)

De plus la taille des caractères en pixels est configurable.


Forum
Répondre à cet article
effet décoratif
pascer - le 18 janvier 2012

J’essaye de mettre le titre avec une ombre ou en relief mais malgré "tous" mes essais je n’y arrive pas.
Que faire, maître ?

un bandeau complet
Jean Christophe Villeneuve - le 18 janvier 2012

A mon avis, le plus simple est de te faire un bandeau complet (image + titre + ombre+ ...) avec un logiciel de traitement/retouche d’image

Ensuite tu n’as plus qu’à insérer ce bandeau sur ton site.

Comme ici, quoi !

Ombre (suite)
pascer - le 19 janvier 2012

D’accord, mais quand je parlais d’ombre c’était par rapport aux caractères... alors je voulais rajouter dans inc-titre quelque chose comme : "text-shadow=4px4px4px"
mais ça ne marche pas :-/

inc-titre_page
Jean Christophe Villeneuve - le 19 janvier 2012

Oui, oui, j’avais bien compris.

Je te proposais donc de faire tes effets d’ombre sur le texte dans ton image.

Là sur ce site, le bandeau n’est en fait qu’une seule image. "Escal" est donc écrit dans l’image elle-même.

Ensuite tu supprimes l’affichage du titre comme indiqué dans cet article et hop !

Je ne connaissais pas cette nouvelle propriété css3 "text-shadow" ... intéressant !

affichage inc_titre
pascer - le 20 janvier 2012

D’accord !
je viens de m’apercevoir que les modifications que j’ai faites dans le fichier inc_titre ne s’affichent pas sur le site...
je n’arrive pas à situer l’erreur...

inc-titre_page
Jean Christophe Villeneuve - le 20 janvier 2012

Quelles modifs ?
As-tu vider les caches (navigateur et spip) ?
Puis recalculé et rafraichi la page ?
Pourquoi ne pas le supprimer, finalement ?

Réponses
pascer - le 20 janvier 2012

Quelles modifs ?

<div id="titrepage">[(#NOM_SITE_SPIP|image_typo{police=croobie.ttf, taille=28,couleur=#7F1F28,font-weight=extra-bold,text-shadow= black 5px 5px 5px})]</div>

As-tu vider les caches (navigateur et spip) ?

Puis recalculé et rafraichi la page ?
- > oui, oui

Pourquoi ne pas le supprimer, finalement ?
- > j’envisage la chose...:’-(

inc-titre_page
Jean Christophe Villeneuve - le 20 janvier 2012

Pour metre du code, on l’écrit entre les balise < code >
et < /code >

Bon je viens de tester : la taille et la couleur de police passent mais la propriété text-shadow ne passe avec le filtre image_typo

Une solution serait de ne mettre dans inc-titre_page que

<div id="titrepage">
#NOM_SITE_SPIP
</div>

et ensuite de mettre dans perso.css

#titrepage {
 font-size: 28px;
 color: #7F1F28;
 font-weight: bold;
 text-shadow: black 5px 5px 5px;
}

Mais tu n’auras pas la police croobie.

Ombre du titre
pascer - le 26 janvier 2012

:-O yeah ! I love it ! B-)
Merci !

inc-titre_page
MIchel SALESSES - le 11 février 2010

Bonjour,
J’ai créé le fichier perso.css dans squelettes/ styles et cela na marche pas.??

J’ai du me planter , mais je ne vois pas où ?

inc-titre_page
Jean Christophe Villeneuve - le 11 février 2010

Alors quelques questions :

Tu as bien mis le code css indiqué dans cet article, plus haut ?

Tu utilises bien Escal en plugin ?

Mis à jour assez récemment ?

Tu as bien réactualiser (différent de recalculer) la page ?

Mots-clés associés



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

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.27