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).

cas-pratiques
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.

cas-pratiques
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.

cas-pratiques
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

cas-pratiques
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.

cas-pratiques
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.

cas-pratiques
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

astuces-en-javascript-et-jquery
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

astuces-responsive
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
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.

astuces-responsive
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
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.

astuces-responsive
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.

cas-pratiques
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.

Ajouter un commentaire