• Colorer ou texturer la barre de menu

    Colorer ou texturer la menu-barre

     

    Ici c'est colorer la barre 

    Exemple

    Colorer ou texturer la barre de menu

     

    Le code#menubar  background#335443;}

    Vous pouvez modifier le code de couleur ce qui est en rouge dans le code

    *******************************************************************************************************************

    texturer la barre

    exemple 

    Colorer ou texturer la barre de menu

     

    Le code#menubar { background: url(HTTP );} 

    Remplacer l'url qui est en rouge dans le code par l'url de votre texture 

    ********************************************************************************************************************

    Effet de garniture tiret de la barre des menu 

    Exemple

    Colorer ou texturer la barre de menu

    code CSS#menubar { border: 2px dashed #597484;}

     Vous pouvez modifier le code de couleur ce qui est en rouge dans le code

    *****************************************************************************************************************

     Effet de garniture pointillé de la barre 

    exemple 

    Colorer ou texturer la barre de menu  

    code CSS#menubar { border: 2px dotted #597484;}

     Vous pouvez modifier le code de couleur ce qui est en rouge dans le code

    ***********************************************************************************************************************

     Effet de garniture avec ligne de séparation 

    Exemple

    Colorer ou texturer la barre de menu  

    code CSS#menubar { border: 2px solid #597484;}

     Vous pouvez modifier le code de couleur ce qui est en rouge dans le code

    ***********************************************************************************************************************

    Effet d'ombre portée extérieur  de la  barre 

    exemple

    Colorer ou texturer la barre de menu

    code CSS

    #menubar {box-shadow: 0px 0px 15px #000000;}

      Vous pouvez modifier la couleur de l'ombre ce qui est en rouge dans le code

    vous pouvez également modifier l'intensité de l'ombre  ce qui est en vert dans le code

    **********************************************************************************************************************

    Effet d'ombre intérieur de la barre

    exemple

    Colorer ou texturer la barre de menu

    code CSS

    #menubar {box-shadow:inset 0px 0px 15px #000000;}

      Vous pouvez modifier la couleur de l'ombre ce qui est en rouge dans le code

    vous pouvez également modifier l'intensité de l'ombre  ce qui est en vert dans le code

    ***********************************************************************************************************************

    Vous pouvez associer tous les codes pour un double effet

    exemple ici

    Colorer ou texturer la barre de menu

    avec une texture 

    + ligne de séparation

    + ombre portée extérieur 

    *************************************************

    avec bordure en saillie 

    exemple

    Colorer ou texturer la barre de menu

    code CSS

    #menubar { border: 3px ridge #3e819c;}

      Vous pouvez modifier la couleur de la bordure ce qui est en rouge dans le code

    vous pouvez également modifier l'épaisseur de la bordure  ce qui est en vert dans le code

    *************************************************************************************************************

    Je remercie mon amie "La Gentille Rebelle de m'avoir donner ce code pour vous

    visité ces merveilleux blogs  ici 

     

    « Curseurs de Noël 6Colorer les fenêtres »

  • Commentaires

    1
    Samedi 14 Décembre 2013 à 13:18

    coucou Manola

    je ne sais ou mettre mon commentaire lol

    Je viens te remercier d'avoir mis ma créa dans ton blog, c'est gentil

    Comment sais tu que je suis grande ? lol tu m'as bien fais sourire

    ceci dit je mesure 1.65 m donc de taille moyenne lol

    Je ne t'oublie jamais, tu es une des premières à m'avoir aidé pour les créations avec le vectoriel et à m'avoir accueillie sur ekla.

    Et même si on ne se côtoie plus beaucoup, je pense toujours à toi

    Je te souhaite de bonnes fêtes de fin d'année même si c'est un peu tôt

    Je sais que tout le monde est bien occupé dans les préparatifs

    Merci pour tout ce que tu fais pour nous, tu es une personne au grand coeur

    je te fais de gros bisous 

    2
    Samedi 14 Décembre 2013 à 17:07

     

    Ainsi tu prendras une pause !

    Bonne fin de samedi et bon dimanche,

    Bisous,

    Allison

    3
    Samedi 28 Décembre 2013 à 16:12

    Merci pour tous ces conseils, ça parait plus simple chez toi que quand je dois le faire, bises et bon week end.

    4
    Dimanche 29 Décembre 2013 à 15:24

    je recommence a zero,je vais effacer tout ce que j ai fais dans ma barre de menu et suivre tes conseils et je reviendrai te rendre compte du résultat ,promis 

    jai mis toutes tes bannières dans mes amis ,ça le vaut bien pour les trésors qu il y a chez toi et de plus t es ma première amie d ekla 

    et pour voter j ai juste cliquer sur le petit rond a coté de l appréciation mais je me demande si je fais bien ,tu pourras m éclairer ?,merci 

    5
    Lundi 30 Décembre 2013 à 15:41

    Bonjour Manola

    Je saisi cette occasion pour vous renouveler mes amitiés, vous souhaiter de joyeuses fêtes de fin d'année, vous adresser personnellement, ainsi qu'a votre familles et proche mes voeux les meilleurs.

    Merci pour toutes les facilités que vous faites pour nous. 

    Bisous

    Petit coeur M@lou

    6
    Mercredi 8 Janvier 2014 à 00:06

    Merci pour ces renseignements Manola, c'est très gentil à Toi...

    bisous de Marinette..

    7
    Vendredi 10 Janvier 2014 à 18:26

    Mercii Beaucoup Manola !!!!!!!

    C'est super Gentil De ta pars D'aider Tout le monde avec tout tes Codes Css/Html ♥

    Merci !!! ♥

    8
    Vendredi 10 Janvier 2014 à 18:36

    Thank you !

    9
    Dimanche 12 Janvier 2014 à 08:49

    Bonjour

    Je viens de découvrir votre blog et je tiens à vous remercier chaleureusement d'avoir la gentillesse de partager votre savoir faire et toutes vos astuces.  Votre blog est une vraie caverne d'Ali baba pour la novice que je suis concernant le CSS.

    J'aimerais vous demander s'il est possible de coloriser les lignes blanches qui séparent les menus (contenu, apparence, interaction, configuration et aide ) ou peut-être même de les retirer en réduisant leur taille à 0px ?

    Merci infiniment pour l'aide que vous nous apportez !

    A bientôt :)

    10
    Dimanche 12 Janvier 2014 à 09:31

    Hélasse  Non ! j'ai déjà essayer plusieurs trucs et ça ne marche pas  !

    merci pour ta visite et merci pour le compliments .

    11
    Dimanche 12 Janvier 2014 à 09:43

    Tant pis, comme toutes blondes que se respectent je mettrai du tipex noir sur l'écran de mon PC pour ne plus voir ces lignes blanches (pardon, je plaisante :D).

    Merci beaucoup pour la rapidité de votre réponse. :)

    12
    Mercredi 15 Janvier 2014 à 20:18

    Bonjour Manola, j,ai ce code pour les séparations blanches de la barre de menus, mais ça n'enlève pas toutes les lignes blanches!

    /*BARRE BLANCHE*/
    .menubar_section {background-imagenone}
    #menubar_notifications {background-imagenone}

    13
    Mercredi 15 Janvier 2014 à 22:20

    merci Angelface c'est super !!!

    14
    Mercredi 15 Janvier 2014 à 23:08

    @ Angelface

    Merci beaucoup pour le code et bravo pour avoir trouver comment supprimer ces vilains séparateurs, c'est tellement plus joli sans. Je suis vraiment, vraiment contente ! 

    @ Manola

    Encore merci pour tous vos tutoriels clairs et concis qui m'ont aidée à comprendre à quoi servaient les codes CSS qui auparavant me faisaient peur tant c'était du chinois pour moi. :D Je vous fais un bisou virtuel sur la joue pour m'avoir appris à aimer ces fabuleux petits codes, merci ! :)

    15
    Vendredi 24 Janvier 2014 à 19:07
    Bonjour manola, est-ce-que tu aurais un code pour texture les fenêtres, comme sur ce blog : http://ineziagraphisme.eklablog.com/
    16
    Vendredi 24 Janvier 2014 à 19:11

    Non , je ne fait pas de java script

    17
    Vendredi 24 Janvier 2014 à 19:14

    D'accord, merci quand même :)

    18
    Vendredi 24 Janvier 2014 à 19:58

    Juste un tit coucou manola, je m'en sors bien, grâce à Toi,
    bonne fin de soirée..
    Merci pour tous ces liens..

    19
    Vendredi 7 Février 2014 à 16:19

    Merci beaucoup de tous ces précieux renseignements

    C'est très généreux

    Belle journée

    20
    Mercredi 26 Mars 2014 à 17:29

    Merci beaucoup ! manola =)

    21
    Lundi 31 Mars 2014 à 18:16

    Bonjour,votre blog est une mine d'or.Et vous êtes d'une incroyable générosité.J'admire tout ce travail et le temps que cela doit vous prendre.Merci pour ce partage.Je vous souhaite une bonne fin de journée.Arm

    Aperçu

    22
    Dimanche 29 Juin 2014 à 18:23

    Hello, je le prend sinon merci du partage

    23
    Mardi 15 Juillet 2014 à 19:39

    Merci!

    24
    Dimanche 24 Août 2014 à 19:58

    Thank you , tu fais du bon travail ;)

    25
    Dimanche 7 Septembre 2014 à 17:36

    bonjour Manola

    bon dimanche

    merci beaucoup pour tout ce travail

    bises

    26
    Vendredi 5 Décembre 2014 à 14:14

    coucou Manola

    merci beaucoup

    très bon et doux week-end

    bisous

    27
    Samedi 31 Janvier 2015 à 20:36

    Merci beaucoup pour l'aide Manola! ^w^

    Mais y aurait-il un code pour modifier le pseudo de la barre-menu? D: (Car j'ai beau chercher je ne trouve pas.... --' )

    Merci encore! :)

    28
    Samedi 14 Février 2015 à 10:57

     

    Merci et bonne fête de la Saint-Valentin.

    Allison

    29
    Samedi 21 Mars 2015 à 21:57

    merci pour ce code, je vais le mettre

    30
    Mercredi 3 Juin 2015 à 23:03

     

    Je vais faire mes corrections,

    bisous et un grand merci.

    Allison

    31
    Dimanche 12 Juillet 2015 à 11:34

    Merci beaucoup

    Bisous

    32
    Mercredi 22 Juillet 2015 à 23:43

    Wow, merci pour tous ces codes /AAAAAH TELLEMENT DE CSS -désolée. C'est le débarquement, mouahaha *instant solitude après sa vanne pourrie*/

    33
    Mercredi 30 Septembre 2015 à 20:38

    Bonjour est t'il possible de déplacer des commentaire d'un blog à l'autre ? merci :)

    34
    Mardi 26 Janvier 2016 à 04:32

    Merci Angel sa fonctionne 

    maintenant comment changer la couleur du texte dans la barre tout en haut svp ?

    Aide , Contenu ect....

    35
    Mardi 26 Janvier 2016 à 17:36

    Bonjour Manola ,

    Gros merci je vais aller le poser 

    Bonne journée 

    Amitié

    Kemy'S

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :