![Grille responsive [flexbox] : le container](https://image.eklablog.com/vf7FnBiiqj3U-qhhKoM-jn-PvdA=/640x220/smart/filters:no_upscale()/https%3A%2F%2Fekladata.com%2FEyT-FPTM9jVKjhwC5HOURGLsehg.png)
Les flexbox vous permettent, si votre html est structuré correctement, de créer des grilles responsive (qui s'adapte à la taille de l'écran de l'utilisateur) très rapidement. Pour commencer, la structure de votre HTML doit être la suivante :
/https%3A%2F%2Fekladata.com%2F8x8dfdXE1Lk9hg_OFow5blvTwlw.jpg)
La propriété filter en CSS3 permet de modifier de façon assez sympathique les couleurs d'un élément. Survoler les images pour voir l'effet sélecteur{ -webkit-filter: blur(Xpx); -moz-filter: blur(Xpx); -o-filter: blur(Xpx); filter: blur(Xpx);} Blur permet...
Lire la suiteComment régler l'opacité des images, d'un élément ou d'une couleur? Avec la propriété "opacity" ou avec les couleur rgb et la valeur alpha ;) Opacity sélecteur {opacity: valeur;} Opacity admet une valeur entre 0 (transparent) et 1 (totalement visible)....
Lire la suiteTransform Voici une propriété css3 qui peu renvoyer le javascript aux oubliettes. L'inconvénient? Et bien... c'est du css3 donc compatible seulement avec les versions les plus récentes des navigateurs. Transform? C'est quoi? Une propriété qui permet d'appliquer...
Lire la suite/http%3A%2F%2Fimg15.hostingpics.net%2Fpics%2F765365code.png)
Le propriété color concerne uniquement la couleur du texte et s'écrit de la façon suivante : sélecteur { color: #COLOR;} Voyons maintant quelques exemple concrets : p { color: red;} p a { color: green;} Tout le texte à l'intérieur de mon paragraphe est...
Lire la suite/!\ Ne fonctionne qu'avec les dernière version de Google Chrome, Mozilla Firefox et Safari (autre navigateur non testé) et ne marche absolument pas avec Internet Explorer /!\ Ce code n'est pas à la porté des débutant en css. Il faut savoir maitriser les...
Lire la suiteCréer une classe Sisi, c'est possible ;) Un exemple? Blaaaaaablaaaaaablaaa J'ai créé une "boite" dans mon article. L'apparence est géré grâce au css, et je l'insert dans une page avec la balise div en html C'est cool non? Je vous prévient quand même,...
Lire la suitePour mettre une image de curseur sur toutes les pages de votre blog : html,body { cursor : url("CURSEUR"), auto; } Si vous voulez un curseur différent uniquement sur vos lien: a { cursor : url("CURSEUR"), pointer; } Vous pouvez également utiliser certaines...
Lire la suite/http%3A%2F%2Ffanstasy-graph.eklablog.net%2Fimages%2Fmenubar%2Fnotifs_item.png%3F1)
Menubar : Notifications Vous vous êtes sans doute demander comment on changeait le bleu et le blanc de la notification ? Nous aussi, et cela est très simple. Déjà dans votre css, mettez le code suivant : #notifications_panel a,#notifications_panel div{...
Lire la suiteLes Marges Voilà un truc trèèèès pratique: Les marges Il y a deux types de marges, les marges interieurs et les marges exterieurs. On va commencer avec les marges exterieur. La propriété est "margin" sélecteur { margin: Xpx;} Encore des pixel XD. Bon,...
Lire la suite