escal_css - [SpipFactory]

Accueil

Parlons d’ESCAL escal_css

escal_css

Les articles de cette rubrique

Éviter que le sommaire automatique soit caché par un cadre dans un article

.texteencadre-spip display : inline-block ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Couleur du fond des notes plugins/bigfoot

/* ==================== Couleur du fond des notes (SA) vient de web/plugins/bigfoot/css ====================*/ (…)

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

ne plus voir le mot [code] à gauche du cadre

.spip_cadre background-image : none ; padding-left : 20px ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Colorier le fond entre balise <quote></quote>

.quote background-color : yellow ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Disposer plusieurs images les unes à côté des autres proprement

Je ne connais pas d’autres astuces que le tableau. Après ce qu’on peut faire, c’est d’écrire dans le texte de l’article (et tant pis si le html (…)

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Supprimer le bouton ’aujourd’hui’ du mini calendrier

.calendriermini .ui-datepicker-buttonpane display:none ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

La noisette video sans contour ni fond

div h1.cadre.video background-color : #fff ; color : #fff ; div.texte.video background-color : #fff ; border-color : #fff ; (…)

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Les liens admin sur le côté

.spip-admin-bloc, .spip-admin-float right : 0 !important ; a.spip-admin-boutons, .spip-admin-boutons a display : block ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Éliminer l’icône « flèche » qui accompagne chaque lien (hypertexte) externe

a.spip_out background : url("") ; padding-right : 0 ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

De jolis cadres pour le code

.spip_cadre display : inline-block ; background-position : 20px 50% ; background-repeat : no-repeat ; background-image : (…)

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

couleur des textes de retour de la page contact

.valeur2, .valeur3 color : #000000 ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Régler l’espace entre les onglets

ul.onglets li margin-left : 10px ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Site 2 colonnes , sauf sommaire

body.page-article #contenu, body.page-rubrique #contenu, body.page-404 #contenu, body.page-annuaire #contenu, body.page-mentions #contenu, (…)

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Remonter le bouton "Haut" au dessus du badge don

#scrollHaut bottom : 100px ;

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Changer les textes encadrés dans les articles (couleur, largeur et bords)

/* textes encadrés dans les articles */ .texteencadre-spip display : block ; background-color : #A7A37E ; width : 70% ; margin : (…)

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

cacher les blocs pour une rubrique précise

.rubriquexx #page margin-left : 0

Article mis en ligne le 25 octobre 2022

dernière modification le 25 septembre 2024

Couleur de fond pour les encadrements d’articles

.texteencadre-spip background-color :#A7A37E ; width : 70% ; margin : auto ;

Article mis en ligne le 24 octobre 2022

dernière modification le 25 septembre 2024

Fond du chapeau d’un article

#chapo,.chapo background-color : #dddddd ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Souligner les titres de paragraphe dans les articles

#texte-article h3 text-decoration : underline double red ; #texte-article h4 text-decoration : underline dotted blue ; #texte-article h4 (…)

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Fond autour des menus dans le bandeau

ul#menu background-color : #XXXXXX ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Couleur secteur (rubrique de premier niveau)

ul#menu li.rubriqueXX a, ul#menu li.rubriqueXX ul, ul#menu li.rubriqueXX li background-color : #couleur1 ; color : #couleur2 il faudra remplacer (…)

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Fond boites déroulantes menu horizontal simple

/* couleur des boites déroulantes du menu horizontal */ ul#menu ul, ul#menu ul a background-color : #189E5F ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Mettre le mot accueil du fil d’Ariane en gras

/* fil d’Ariane avec le mot accueil en gras */ .cadre-chemin > a font-weight : bold ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Cacher Version spip + Escal dans le pied de page

#credits display : none ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Un espace au dessus du bandeau

div#bandeau padding-top : 30px ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Fond boite deroulante du menu horizontal

ul#menu ul background-color : #189E5F ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Enlever le border des items « menu horizontal »

ul#menu li a border : none ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Menu horizontal transparent + Définir le déroulant dans une couleur

ul#menu ul background-color : #336699 ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Virer le fil d’ariane

.cadre-chemin display : none ;

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Guirlande clignotante sous le menu horizontal

#espace background-color : #53744b ; min-height : 22px ; /*mon gif fait 21px de haut*/ background-image : url(../images/clignotant-fin.gif) (…)

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Mettre une image de fond dans son bandeau pour pouvoir rajouter par-dessus un logo et/ou du texte

Tu peux le faire en mettant ton image de fond dans /squelettes/images/bandeau par exemple et en mettant dans un fichier perso.css (placé dans (…)

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

Couleur des icônes Escal avec un éditeur de texte

Le format .svg étant basé sur le XML, on peut aussi modifier en une fois une couleur de toutes les icônes avec un éditeur de texte. Les copier, (…)

Article mis en ligne le 23 octobre 2022

dernière modification le 25 septembre 2024

une image de fond pour un article spécifique

exemple pour l’article 12 on souhaite avoir l’image titi.png en fond .article12 #cadre-article background-image : url("../images/titi.png ») (…)

Article mis en ligne le 21 octobre 2022

dernière modification le 25 septembre 2024

Fond des encadrements d’articles

.texteencadre-spip background-color :#A7A37E ; width : 70 % ; margin : auto ;

Article mis en ligne le 21 octobre 2022

dernière modification le 31 août 2024

une couleur sur tous les articles d’une rubrique

pour un article précis de la rubrique body.page-article.article6, body.page-article.articleX, body.page-article.articleY, (…)

Article mis en ligne le 21 octobre 2022

dernière modification le 25 septembre 2024

Taille d’écriture du descriptif d’une rubrique

#descriptif-rubrique font-size : 12px ;

Article mis en ligne le 21 octobre 2022

dernière modification le 25 septembre 2024

Couleur Titre article annonce défilante et celui en exergue

#titre-article,.titre,.annonce-titre,.annonce-descriptif color : #DB1762 ;

Article mis en ligne le 21 octobre 2022

dernière modification le 31 août 2024

perso.css

La feuille de styles perso.css Dans Escal, plusieurs feuilles de styles sont intégrées mais on n’y touche pas car à la prochaine mise à jour, (…)

Article mis en ligne le 16 octobre 2022

dernière modification le 26 août 2024

Souligner du texte avec un pointillé en gras ?

souligne text-decoration : underline dotted #000000 ; border-bottom : 2px dotted #000000 ;

Article mis en ligne le 16 octobre 2022

dernière modification le 25 septembre 2024