-
Par Crowned Ghost le 14 Décembre 2013 à 18:02
Voici un code très pratique question esthétique. Il permet de mettre un fond, une image, par URL, aux sous menus de la barre menu (quand on passe son curseur sur Apparence, Contenu etc)
Remplacez ce qui est en rouge par l'URL de votre image.
Ce qui est en vert, vous pouvez l'enlever si vous souhaitez que votre image soit répétée. Si vous le laissez, l'image ne sera pas répétée.
.menubar_section li{ background:urld (mettre l'URL de l'image) no-repeat; }
.menubar_section li:last-child { background:url (mettre l'URL de l'image) no-repeat; }
***
Si vous souhaitez changer uniquement la couleur, c'est ce code :
.menubar_section li{ background: nom de la couleur en anglais;}
.menubar_section li:last-child{ background: nom de la couleur en anglais; }
10 commentaires -
Par Crowned Ghost le 14 Décembre 2013 à 17:40
Vous voulez mettre un jolie fond dans la barre menu ? Voici le code.
Remplacez ce qui est écrit en rouge par le lien de votre image que vous souhaitez mettre en tant que fond dans la barre menu.
#menubar {background:url(mettre l'URL de votre image) ;}
votre commentaire -
Par Crowned Ghost le 14 Décembre 2013 à 17:35
Vous avez envie de changer la couleur basique de la menu barre ? Voici le code pour changer la taille ET la couleur des titres dans le menu-barre, en haut.
En vert, la taille de l'éciture.
En rouge, le nom de votre couleur.
#menubarabsolute{font-size: Xpx ;color: nom de la couleur en anglais ;}
votre commentaire -
Par Crowned Ghost le 14 Décembre 2013 à 17:29
Pour mettre une ombre aux blocs conteneurs (menus, blocs conteneurs des tites ou encore le blocs des articles), voici le code :
En bleu, n'oubliez pas de remplacer le mot sélecteur par un code sélecteur (voir liste des codes des sélecteurs)
En vert, les valeurs à changer pour avoir une ombre plus ou moins à gauche ou à droite (pour les 2 premières valeurs.) La 3èeme valeur est l'intensité de l'ombre.
Remplacez ce qui est en rouge par le nom de votre couleur, en anglais.
sélecteur { box-shadow: Xpx Xpx Xpx nom de la couleur en anglais }
votre commentaire -
Par Crowned Ghost le 14 Décembre 2013 à 15:36
Pour avoir un header cliquable qui vous permet de vous ramener jusqu'à l'accueil, voici le code :
En rouge, vous pouvez changer les valeurs (width, c'est la largeur alors mettez la largeur de votre header) (height, c'est la hauteur donc mettez la hauteur de votre header).
#titre_header a{
display: block;
width: Xpx;
height: Xpx;}
Il est préférable d'avoir un titre incrusté directement dans votre header.
/!\ Si vous mettez les valeurs trop grandes, il se peut que la zone cliquable aille jusqu'à votre bouton "Ecrire un nouvel article" ou encore "éditer". Alors, quand vous cliquerez sur votre bouton, au lieu de vous ouvrir votre fenêtre pour éditer ou écrire un nouvel article, il va vous renvoyer à l'accueil. Il faut donc réduire les valeurs si ce problème vous arrive.
votre commentaire
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique