Introduction au CSS
Le langage CSS veut littéralement dire (acronyme en anglais pour Cascading Style Sheets) : Feuilles de style en cascade.
Ce langage exclusivement utilisé sur les internet permet de donner des couleurs, des marges, des alignements (des styles quoi) à vos contenus. Sur le site d'Open Classroom (anciennement le Site du zéro), vous trouverez le meilleur exemple qui soit : consulter l'exemple sur Open Classroom.
Voici également la page Wikipédia pour le langage CSS. Mais bon c'est de l'historique, préférez Open Classroom pour en apprendre les bases.
Si vous ne souhaitez pas apprendre ce langage, Red Fish Web Syndrome vous propose quelques astuces CSS et vous fournit les codes à renseigner dans Configuration, Apparence et dans le formulaire en bas de page (sauf mention contraire).
Ajouter une infobulle sur un texte en HTML - pour thèmes Bootstrap
Il est possible d'ajouter des infobules : popovers en Javascript avec les thèmes Bootstrap proposés sur e-monsite. Les tooltips sont plus simples.
Modifier l'apparence d'un titre
Les titres de votre site ne sont pas forcément modifiables depuis la personnalisation de l'apparence.Découvrez comment les modifier en CSS pour les centrer.
Changer la couleur des titres et autres basiques
Découvrez comment centrer un titre en HTML et CSS sur cotre site créé sur e-monsite.com
Faire un encadrement en CSS
Court tutoriel pour ajouter des cadres à vos contenus textuels ou à vos images. Ajouter un encadrement sur votre site en HTML et CSS.
Changer la couleur de fond du formulaire de commentaire
Utilisez le langage CSS pour modifier la couleur de fond des champs des commentaires sur votre site créé sur e-monsite.com.
Le blog du thème Easy Bootstrap
Le thème Easy Boostrap propose une présentation moderne. Modifiez votre CSS pour avoir cette présentation sur un autre thème
Hack en jQuery des id ou class
Script à placer sur la page pour modifier le contenu d'une class ou d'un ID en jQuery / JavaScript. Tutoriel pour site créé sur e-monsite
Utilisez les class embarquées de Bootstrap
e-monsite utilise le code de Bootstrap pour ses thèmes responsive (comme Twitter par ex). Découvrez quelques codes CSS sympas pour enjoliver vos contenus.
Astuces responsive design avec Bootstrap
Créer un site avec un design responsive permet de visualiser le site sur tout équipement. Il faut repenser la navigation pour les utilisateurs aux petits écrans.
Les glyphicons
Les Glyphicons sont embarqués directement dans votre thème Bootstrap. Voyons comment les utiliser sur un site créé sur e-monsite.
Les icones de Zurb | Foundation Icon Fonts
Ajouter une galerie de 283 icones Zurb Foundation sur votre site. Les icones sont en vectoriels et peuvent être modifiés en langage CSS.
Ajouter un montrer-cacher, un spoiler sur Bootstrap
Il peut-être utile de créer des montrer/cacher, aussi appelés "spoiler" en anglais. Red Fish Web Syndrome vous détaille les possibilités avec Bootstrap.
Ajouter une infobulle sur un texte en HTML - pour thèmes Bootstrap
Il est possible d'ajouter des infobules : popovers en Javascript avec les thèmes Bootstrap proposés sur e-monsite. Les tooltips sont plus simples.