-
Image en titre de module
Créez votre module, puis affichez le code source de votre page.
Chercher le titre de votre module ( Ctrl + F)
Récupérez "module_menu_titreXXXXXX"
Copiez le dans la css avec ce code:#module_menu_titreXXXXXX { display: block;
height: Xpx;
width: Xpx;
background: url("IMAGE") no-repeat 50% 0%;
}La propriété display : block; nous permet de transformer l'élément span (inline) en élément de type div (block), ce qui permet de définir une hauteur et une largeur.
Pour finir, vous n'avez plus qu'à ajouter votre image préalablement créer.
-
Commentaires
4EtoileSosso
Dimanche 20 Novembre 2011 à 12:05
ça ne marche pas je vais de donner le code
#module_menu_contenuXXXXXX {background: url("http://ekladata.com/WG0mJ0yLcsmA775HZbIody6quOw.png") no-repeat;}
.module_menu_contenu ul{padding-top: 10px;padding-left: 10px;padding-right: 5px;padding-bottom: 5px;}
Eh ben, il faut regarder dans le code source de ton blog:
Clique droit (sur une page quelconque) => Afficher le code source de la page
Ensuite, tu descend jusqu'à trouver ça: (avec le nom de ton premier module marqué à la place de "horloge")
Et tu copie le numéro (ici c'est 2827080)
11EtoileSosso
Mercredi 29 Février 2012 à 14:1912EtoileSosso
Samedi 3 Mars 2012 à 10:39
Il faut que tu change les marges avec ce code:
.module_menu_contenu ul{padding-top: Xpx;
padding-left: Ypx;
padding-right: Ypx;
padding-bottom: Ypx;}
14EtoileSosso
Samedi 3 Mars 2012 à 11:0316EtoileSosso
Samedi 3 Mars 2012 à 11:11
Ok
N'oublie pas le dernier code ;)
.module_menu_titre {background: none;
font-size: 1px;
color: transparent;}
18EtoileSosso
Samedi 3 Mars 2012 à 11:1320EtoileSosso
Samedi 3 Mars 2012 à 11:20
J'ai retiré le 3ème code, il sert à rien surtout quand on a les ombres(j'ai juste remplacer la taille des titres modules par 0px)
22EtoileSosso
Samedi 3 Mars 2012 à 11:26
Ok ^^ Merci beaucoup ^^ Voilà qui me fait 53 lignes de css lol D'ailleurs dans la partie last visites comment tu as fait pour les images ? *saoule tout le temps nagalia*
24EtoileSosso
Samedi 3 Mars 2012 à 11:48
Merci(bien que j'ai un peu volé ton code et que je l'ai un peu modifié mais bon), je te revaudrais ça ^^
Bonjour,j'ai un petit soucis je n'arrive pas à déplacer mon image elle reste toujours dans le contenu. Elle ne se mets pas dans le titre. Merci d'avance pour la réponse.
Ps: voici l'adresse de mon blog http://chouchou86s_tubes.eklablog.com/28Cloudy
Jeudi 6 Décembre 2012 à 15:28
Salut, j'ai un petit soucis sur mon code, le voilà : #module_menu132769399{
border-radius: 30px white ;
position: absolute;
top: 35px;
left: 80px;
width: 400px;
height: 80px
background: #FFFFFF );
}P.S : J'aimerais juste qu'il ai des bordures lumineuse est arrondie et un fond blanc ^^'
#module_menu132769399{
border-radius: 30px; /*Permet juste de définir l'arrondis*/
position: absolute;
top: 35px;
left: 80px;
width: 400px;
height: 80px; /*N'oublie pas le ; */
background: #FFFFFF );
box-shadow: 0 0 5px white; /*Modifie le 5px pour avoir une ombre
plus ou moins étendue */
}
Sa me fait fais ça : My Little Dream -
Va voir directement sur le blog, tu doit avoir une permission, je ne m'en sors pas vraiment TwT"
Alors, je t'ai modifiéton module.
Mais quand tu utilise le css, il faut que tu fasse attention à ne pas utiliser les autres parties de la fenêtre qui sert à modifier le thème, et à bien décocher toutes les cases. Sinon, il n'y a que la moitié des éléments en css qui seront pris en compte.
Essaie aussi de garder un code propre. Là, tu avais plusieurs versions pour un même élément, ce qui fait que tu ne savais plus quoi modifier quand ça ne marchait pas ;)
bonjour c'est quoi le code pour retirer l'image sur un module en gros qu'on voit que le contenu et que yait pas d'image de titre ?
Formidable, ce tuto ! J'ai fait de beaux boutons pour mon tout nouveau blog (en cours de réalisation).
Merci beaucoup !!
comment on fait pour changer l'image du curseur quand on passe sur les rubriques ? Je sais pour changer le curseur mais je veut savoir quand on passe sur les rubriques qu'est ce qu'il faut faire
Coucou. En cherchant dans Google j'ai trouvé ton blog.
En fait j'aimerai savoir si on peut déplacer les boutons FB, Google + etc... plutôt en haut de l'article qu'à la fin ?
C'est à dire que lors du partage de l'article, les boutons se mettent automatiquement en haut DE L'ARTICLE sur chaque article.
Est-ce que tu peux me dire si c'est faisable ? Et si oui comment ?
J'espère ne pas trop abuser de ton amabilité....
Merci pour toutes tes explications. Bravo pour ton joli blog !
Amicalement. Dani
@Pluie de Cristal : Il faut utiliser le sélecteur des menu :
#menu1 ou #menu2 avec le pseudo-class :hover
Ce qui te donne :
#menu1:hover { propriété : valeur;}
@Dani : Je n'ai pas réussie à les placer en haut d'un articles... Il est possible de personnaliser leur contenueur, mais ils me semblent impossible à déplacer.
.article_sharebtns {propriété : valeur;}
-
Mardi 26 Décembre 2017 à 13:34
Bonjour. Merci pour ta réponse ( qui date ... du 13 mars 2014 !!! )
Avec Eklablog nous n'avons pas les réponses aux commentaires, c'est dommage.
Je n'ai plus besoin de codes pour Eklablog vu que je suis sur Blogger depuis quelques temps.
J'espère que tu as passé de bonnes fêtes de Noël.
Encore merci !
Amicalement.
Dani et ses Chats.
Miaou X 7
-
Coucou Nagalia, c'est toujours moi, je voudrais savoir comment tu fais pour avoir ton module recherche doté d'un fond vert comme ça, et quel est le selecteur pour modifier la barre et celui pour modifier le bouton rechercher :
Champs de recherche :
input[type=text] {propriété : valeur}
Bouton rechercher :
input[type=submit] { propriété : valeur}
Coucou ! :D
Aufaite j'ai rien compris :/
1. Comment faire les titres modules
2. Et apres les avoir fait ?
3. Peut tu tout dire etape par etape ? :/ En detail
4. Comment les mettres ? :/
Mercii ♥
Aufaite j'aimerais les titres modules comme ceux d'ici : http://graphandastuce.eklablog.fr/
J'ai essayé de faire ce codage, mais pour une raison qui m'échappe, ça marche avec certaines photos et pas d'autres... Tu as une explication à ça ? J'ai essayé de stocker l'image dans plusieurs endroits, mais rien n'y fait, celle-ci ne veut pas s'afficher.
L'image :
Mon code :
#module_menu_titre143843774 { display: block;
height: 200px;
width: 200px;
background: url("untitled_by_iolka46-d8wc41v.jpg") no-repeat 50% 0%;
}Merci d'avance ! ;)
Bonjour Chere amie, je viens poser ma question j'aimerais faire ma bannière en swf avec Aleao Flash, peus tu m'expliquer ou je doit me mettre dans le css merci beaucoup
Salut Nagila,
Je veux déplacer un module simple dans le header mais je n'y arrive pas. Pourtant j'ai lu tout et rien n'a marché. Voici le code : #module_menu_150045826{position:relative; top: 405px}
Merci de m'aider.
Superbe ton blog ! j'adore le style de tes commentaires
bravo , tu gères trop bien les codes !!!!
bonsoir,
Comment dois-je faire pour que la police de mon pseudo dans la barre ekla soit d'une autre couleur que bleu??
Suivre le flux RSS des commentaires
Ajouter un commentaire
-
Graphisme
Codage
Communauté
Libre Service
Aide
-
Créer mon blog
merci♥