Eklablog Tous les blogs Top blogs Mode, Art & Design Tous les blogs Mode, Art & Design
Editer la page Suivre ce blog Administration + Créer mon blog
MENU

Blog contenant des codes CSS, des tutoriels et autres aides.

Publicité

Changer la marge de gauche de la menu barre

Changer la marge de gauche de la menu barre

Exemple ici. Copier/coller le code ci dessous afin de régler la marge de gauche de votre menu barre : en rouge, la valeurs pour choisir votre marge. Mettez 0 si vous n'en voulez aucunes. #menubar_hide { width : 155 px }

Lire la suite
Publicité

Espacer les lettres des liens au survol

Espacer les lettres des liens au survol

(exemple ci-dessus, cliquez pour agrandir) Ce code permet d'espacer les lettres des liens au survol de la souris. Il suffit de le coller dans le l'emplacement des codes CSS : En rouge, la valeur pour changer plus ou moins l'espace entre les lettres a:hover{...

Lire la suite

Avoir le titre de penché

Avoir le titre de penché

(exemple ci-dessus, cliquez pour voir en plus grand) Pour avoir le titre de penché, il suffit de coller ce code dans l'emplacement CSS (ici, le code penche sur la gauche, il suffit d'enlever les - pour le faire pencher sur la droite) : En rouge, vous...

Lire la suite

Avatars des visiteurs qui rétrécissent au survol + bordure

Avatars des visiteurs qui rétrécissent au survol + bordure

(exemple ci dessous cliquable pour agrandir) Ici, le code à coller dans l'emplacement CSS pour avoir les avatars des derniers visiteurs qui rétrécissent en taille au suvol. En rouge, la taille des avatars lorsqu'ils ne sont pas survolés. En vert, la taille...

Lire la suite
Publicité

Mettre des fonds dégradés

Mettre des fonds dégradés

Exemple ici. (le menu1) Voici le code pour faire un fond en dégradé : En violet, votre sélecteur En rouge, mettez le nom de votre première couleur En vert, le nom de votre deuxième couleur En bleu, le choix de votre dégradé (s'il vient de haut en bas,...

Lire la suite

Avoir des "onglets" sans code CSS

Avoir des "onglets" sans code CSS

Voici un screen pour illustrer le résultat de ce tutoriel très simple. Allez dans Apparence/Modifier le thème/En-tête (header) et dans Menu. Définissez la largeur et la hauteur de base de votre menu, ainsi que sa position en ligne ou en colonne. Pour...

Lire la suite

Avatars des commentaires à gauche

Avatars des commentaires à gauche

Voici le code pour mettre les avatars des commentaires à gauche (grâce à Jack* :)) A copier/coller dans l'emplacement CSS : En rouge, la valeurs pour définir la marge de droite. .commentavatar { float:left; margin-right :15px; }

Lire la suite

Déplacer et rendre fixe un menu

Vous voulez que votre menu soit fixe et suive la page ? Il suffit de coller le code ci-dessous : Je précise que ce code peut aussi réduire la hauteur ou la largeur du menu, d'où son extrême efficacité :) En orange, préciséz le menu1 ou le menu2. En rouge,...

Lire la suite
Publicité

Changer le curseurs

Pour changer le curseurs, il suffit de coller le code ci dessous dans l'emplacement CSS : HTML,BODY {cursor: url("URL CURSEUR"), auto;} ET celui-ci, pour le curseur qui passe sur des liens : A:hover{cursor: url("URL CURSEUR"), auto;} Voici un site où...

Lire la suite

Remplacer le Coeur "mettre en favoris un blog" par une image

Le coeur en haut, dans votre barre de menu, peut être changé. Il faut pour cela que vous ayez une image pour le remplacer. Si vous voulez remplacer le coeur quand il est gris, il faut coller ce code ci dessous : (N'oubliez pas de remplacer ce qui est...

Lire la suite