-
Par Lockpine le 29 Juillet 2015 à 15:00
C'est bien beau de copier/coller les codes, mais il faut tout de même les comprendre un minimum avant de les appliquer.
La structure d'un code HTML se présente sous cette forme :
<balise>texte</balise>
-----
Ex: <p>Bonjour, et bienvenue sur mon blog.</p>Dans mon exemple, j'ai utilisé la balise qui correspond à celle des paragraphes.
Il existe énormément de balises. Vous pouvez en trouver toutes sortes sur Internet, avec comme explications, leurs fonctions. Attention, certaines balises ne sont pas fonctionnelles sur Eklablog.
La structure d'un code CSS se présente ainsi :
sélecteur {
propriété: valeur;
}
-----
Ex: body {
background-color: black;
}Dans mon exemple, cette fois-ci, j'ai utilisé le code CSS pour la couleur du fond d'une page.
Comme pour les balises, il existe énormément de sélecteur, de propriétés et de valeurs. Vous pouvez en trouver toutes sortes sur Internet, avec comme explications, leurs fonctions. Attention, certains sélecteurs ne sont pas fonctionnels sur Eklablog.
votre commentaire -
Par Lockpine le 29 Juillet 2015 à 15:15
Dans les codes CSS, il y a souvent possibilité de changer la taille et la couleur de la bordure. Mais ce n'est pas tout, il existe différents styles de bordures que voici.
votre commentaire -
Par Lockpine le 7 Février 2016 à 13:39
Dans le code CSS, il est assez compliqué de se repérer avec tous ces codes qui se ressemblent. Il existe pourtant une astuce toute simple. Au dessus de votre code, il suffit de mettre une ligne qui commence par /* et se finit par */. Elle se met alors en couleur brune et elle n'est pas prise en compte par le CSS.
votre commentaire -
Par Lockpine le 9 Février 2016 à 12:39
Code à mettre dans la partie HTML.
Remplacer TEXTE parce ce que vous voulez indiquer.
Le premier X correspond à width, c'est-à-dire à la largueur de votre "bloc".
Le deuxième X correspond à height, c'est-à-dire à la hauteur de votre "bloc". En général, 100 est une bonne valeur.
<div style="width: Xpx; height: Xpx; overflow: auto; margin: auto;">TEXTE</div>
4 commentaires -
Par Lockpine le 6 Mai 2016 à 12:29
Code à mettre dans la partie CSS.
Remplacer le X par un nombre.
Le premier X désigne le coin haut à gauche. Le deuxième désigne le coin haut à droite. Le troisième désigne le coin bas à droite. Et le dernier désigne le coin bas à gauche.
Pour arrondir le menu 1 :
#menu1 {
border-radius: 0px 0px Xpx Xpx;
}
.module_menu_titre {
border-radius: Xpx Xpx 0px 0px;
}Pour arrondir le menu 2 :
#menu2 {
border-radius: 0px 0px Xpx Xpx;
}
.module_menu_titre {
border-radius: Xpx Xpx 0px 0px;
}Pour arrondir le contenu :
.module_contenu {
border-radius: 0px 0px Xpx Xpx;
}
.module_titre {
border-radius: Xpx Xpx 0px 0px;
}Pour arrondir les bords de votre blog :
#background {
border-radius: Xpx Xpx Xpx Xpx;
}
votre commentaire
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique