• 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

    1
    Dimanche 20 Novembre 2011 à 11:54

    merci♥

    2
    Dimanche 20 Novembre 2011 à 11:55

    De rien =)

    ça marche les arrondis?

    3
    Dimanche 20 Novembre 2011 à 11:59

    non...sa marche pour les autres mais pas le titre des articles...

    4
    EtoileSosso Profil de EtoileSosso
    Dimanche 20 Novembre 2011 à 12:05

    Thanks.

    5
    Dimanche 27 Novembre 2011 à 13:02

    ç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;}

    6
    Dimanche 27 Novembre 2011 à 15:14

    Il faut remplacer le XXXXXX par le numéro que tu trouve dans le code source ;)

    7
    Dimanche 27 Novembre 2011 à 17:20

    Merci mais c'est koi le code

    8
    Dimanche 27 Novembre 2011 à 17:25

     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)

    9
    Dimanche 27 Novembre 2011 à 17:28

    ok je fait voir si ça marche

    10
    Mercredi 11 Janvier 2012 à 14:23

    Finalement j'ai réussi! 

    11
    Vendredi 24 Février 2012 à 14:43

    Nagalia! HELP! J'ai fait quelque chose un peu comme toi pour les titres des articles: Quand on passe le curseur dessus ça fait comme un dégradé! Sur les pages normal c'est bon, tranquille tout va à merveille, mais sur les Articles, BAM ça marche plus. Les couleurs ont changées ... Au survol ça ne fait RIEN :c

    12
    EtoileSosso Profil de EtoileSosso
    Mercredi 29 Février 2012 à 14:19

    J'y arrive pas... Je rajoute le code et c'est toujours dans l'article

    13
    EtoileSosso Profil de EtoileSosso
    Samedi 3 Mars 2012 à 10:39

    Là maintenant ça ne marche vraiment pas u_u

    14
    Samedi 3 Mars 2012 à 11:00

    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;}

    15
    EtoileSosso Profil de EtoileSosso
    Samedi 3 Mars 2012 à 11:03

    C'est ce que j'ai fait ça n'avait pas déplacer...

    16
    Samedi 3 Mars 2012 à 11:09

    Bizarre... Tu peux me donner la perm' de ton blog?

    17
    EtoileSosso Profil de EtoileSosso
    Samedi 3 Mars 2012 à 11:11

    Attends je retente pour voir ^^

    18
    Samedi 3 Mars 2012 à 11:12

    Ok

    N'oublie pas le dernier code ;)

    .module_menu_titre {background: none;

              font-size: 1px;

              color: transparent;}

    19
    EtoileSosso Profil de EtoileSosso
    Samedi 3 Mars 2012 à 11:13

    Bon je te l'ai donné ^^"

    Car ça fait déplacer le contenu et non le titre ♪

    20
    Samedi 3 Mars 2012 à 11:16

    Ok, je vais voir ça ;)

    21
    EtoileSosso Profil de EtoileSosso
    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)

    22
    Samedi 3 Mars 2012 à 11:23

    C'est bon ;)
    Dans le dernier code, il fallait juste rajouter

    text-shadow: none 

    23
    EtoileSosso Profil de EtoileSosso
    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*

    24
    Samedi 3 Mars 2012 à 11:35

    De rien =)

    Pour les dernier visiteurs, c'est ici

    25
    EtoileSosso Profil de EtoileSosso
    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 ^^

    26
    Vendredi 23 Mars 2012 à 17:01

    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/

    27
    Dimanche 15 Avril 2012 à 10:51

    Juste , je n'est pas compris le résultats finale :/

    28
    Mercredi 15 Août 2012 à 16:43

    Mon titre reste dans l'article (et oui encore se problème....

    29
    Cloudy Profil de Cloudy
    Jeudi 6 Décembre 2012 à 15:28

    Comment mettre une police en particulier?

    30
    Dimanche 21 Juillet 2013 à 03:43

    Salut, j'ai un petit soucis sur mon code, le voilà : #module_menu132769399

        border-radius30px white ;
    positionabsolute;
    top35px;
    left80px;
    width400px;
    height80px
    background#FFFFFF );
    }

    P.S : J'aimerais juste qu'il ai des bordures lumineuse est arrondie et un fond blanc ^^'

    31
    Dimanche 21 Juillet 2013 à 12:19

    #module_menu132769399

     border-radius30px; /*Permet juste de définir l'arrondis*/
    positionabsolute;
    top35px;
    left80px;
    width400px;
    height80px; /*N'oublie pas le ; */
    background#FFFFFF );
    box-shadow: 0 0 5px white; /*Modifie le 5px pour avoir une ombre
                                                   plus ou moins étendue */
    }

    32
    Dimanche 21 Juillet 2013 à 13:08

    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"

    33
    Lundi 22 Juillet 2013 à 01:03

    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 ;)

    34
    Mercredi 28 Août 2013 à 12:40

    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 ? 

    35
    Dimanche 23 Février 2014 à 14:25

    Formidable, ce tuto ! J'ai fait de beaux boutons pour mon tout nouveau blog (en cours de réalisation).

    Merci beaucoup !!

    36
    Lundi 10 Mars 2014 à 15:39

    omment creer notre module ???

    37
    Lundi 10 Mars 2014 à 18:00

    Apparence => Gérer les modules => Créer un module

    38
    Mercredi 12 Mars 2014 à 14:47
    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
    39
    Jeudi 13 Mars 2014 à 15:41

    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

    40
    Lundi 17 Mars 2014 à 15:05

    @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;}

     

    41
    Dimanche 13 Avril 2014 à 18:25

    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 :

    42
    Dimanche 13 Avril 2014 à 18:42

    Champs de recherche :

    input[type=text] {propriété : valeur}

    Bouton rechercher :

    input[type=submit] { propriété : valeur}

    43
    Dimanche 13 Avril 2014 à 21:14

    Merci beaucoup :)

    44
    Vendredi 31 Octobre 2014 à 21:06

    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/

    45
    Mercredi 6 Mai 2015 à 17:32

    Merci pour le code :D

    46
    Dimanche 7 Juin 2015 à 11:36

    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 displayblock;
          height200px;
          width200px;
          backgroundurl("untitled_by_iolka46-d8wc41v.jpg"no-repeat 50% 0%;
    }

    Merci d'avance ! ;) 

    47
    Dimanche 12 Juillet 2015 à 20:39

    Merci pour ce tuto. ♥

    48
    Vendredi 7 Août 2015 à 12:44

    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 beaucoupyes

    49
    Dimanche 17 Juillet 2016 à 12:58

    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:relativetop405px}

    Merci de m'aider.

    50
    Dimanche 7 Mai à 19:46

    Superbe ton blog ! j'adore le style de tes commentaires 

    bravo , tu gères trop bien les codes !!!!

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :