-
CSS
Ici se trouve les codes CSS.
CSS = Cascading Style Sheets
Le CSS est très utiles si ont veut un beau blog ! Il permet de transformé entièrement votre blog !
-
Par Suki le 24 Octobre 2013 à 21:57
Vous voulez faire sa ? Ok, c'est partie ! :D
Déjà vous aller dans
Apparence → Modifier le thème → Ajouter du CSSEnsuite pour changer de forme (rond ou autre) :
.module_menu_type_lastvisitors img {border-top-left-radius: Xpx;
border-top-right-radius: Xpx;
border-bottom-right-radius: Xpx;
border-bottom-left-radius: Xpx;
}Changer les X par la valeur que vous voulez. Le premier x permet d'arrondire le côtés en haut à gauche, le 2ème en haut à droite, le 3ème en bas à droite et le 4ème en bas à gauche. Moi j'ai mis 50/50/10/10.
Pour mettre une bordure :
.module_menu_type_lastvisitors img {border: Xpx solid COULEUR EN ANGLAIS;
}
Changer X par l'épaisseur de la bordure. A la place de COULEUR EN ANGLAIS bah mettez le nom de la couleur mais en anglais. Et si vous vous voulez que ce soit des poins à la place d'un seul trait enlevez "solid" et remplacer le par "dotted" (......) ou par "dashed " pour des tirets (----). Moi c'est 3/solid/whitePour rétrécir :
.module_menu_type_lastvisitors img { max-height: Xpx;
max-width: Xpx;
}Remplacer les X par ce que vous voulez obtenir. Moij'ai mis 90/60
Pour qu'il s'incline :
.module_menu_type_lastvisitors img:hover {-webkit-transform: rotate(Xdeg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s; }Sa ce sont mes valeurs mes changer comme vous voulez ! :D
#Un petit merci fait toujours plaisir#
15 commentaires -
Par Suki le 26 Mai 2013 à 18:33
Pour faire une ombre sous le texte et les liens c'est :
a { text-shadow: Xpx Xpx Xpx #000000; }
Ce code et pour apliquer l'ombre sur le texte et les liens. Remplacez #000000 par le code couleur que vous voulez ou par la couleur en anglais.
Si vous voulez une ombre juste sous le texte et non sous les liens, il suffit de remplacez a par p, ce qui donne :
p { text-shadow: Xpx Xpx Xpx #000000; }
Pour changer la couleur, remplaçer #000000 par le code couleur que vous voulez ou par la couleur en anglais.
votre commentaire -
Par Suki le 26 Mai 2013 à 18:26
Voicie un code pour faire un code pour faire un efffets lumineux sous la barre de couleur blanche, rose noir ou autre ! :D
Le code :
#menubar { box-shadow: Xpx Xpx Xpx #000000 ; }
Remplaçez les X par les valeurs que vous voulez. Remplaçez #000000 par le code couleur de votre choix. Vous pouvez aussi mettre à la place de #000000 une couleur en anglais.
#Petit merci fait toujours plaisir ! ;)#
3 commentaires -
Par Suki le 19 Mai 2013 à 19:49
Eh oui ! Moi aussi j'ai eu se problème ! Tu fais une hyper belle banière ou alors t'es super content(e) de toi que tu veux l'eposer en header ! Mais quand tu essaye de la mettre, il y a ce mots qui arrivent : <<Le poids de l'image ne doit pas être supérieur à 400 ko>> bah moi aussi je suis passé par là ! C'est énervant ! Et bah maintenant vous pouvez la mettre grâce à un code ! Et le voicie tout frais pour vous ! ;)
Suivez ce que je vais vous dire !
Apparence > Modifier le thème > CSS
Ensuite ouvrez une nouvelle feuille puis copier/coller dedans :
#header {background-image: url(URL DE L'IMAGE) ;}
A la place de URL DE L'IMAGE, mettait l'adresse de votre header.
~Un petit merci fait toujours plaisir ! ;D~
3 commentaires
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique