• Thème avec border-image Croix verte

     

    • Un exemple de thème avec border-image

      Ceci est un exemple de style sur un blog factice...

      Thème avec border-image Croix verte

          url de l'image:

          http://ekladata.com/Chas64sP6yauw70ZsiCSgFSpUyQ.png

       

      Pour encadrer les boutons du menu en tête:

      #menu li {
      border-style: solid;
      border-width: 20px 22px 20px 21px;
      border-image: url('http://ekladata.com/Chas64sP6yauw70ZsiCSgFSpUyQ.png') 20 22 20 21 repeat repeat;
      }

      Pour encadrer les modules du menu1:

      #menu1 .module_menu {
      border-style: solid; border-width: 20px 22px 20px 21px;
      -moz-border-image: url(http://ekladata.com/Chas64sP6yauw70ZsiCSgFSpUyQ.png) 20 22 20 21 repeat;
      -webkit-border-image: url(http://ekladata.com/Chas64sP6yauw70ZsiCSgFSpUyQ.png) 20 22 20 21 repeat;
      -o-border-image: url(http://ekladata.com/Chas64sP6yauw70ZsiCSgFSpUyQ.png) 20 22 20 21 repeat;
      border-image: url(http://ekladata.com/Chas64sP6yauw70ZsiCSgFSpUyQ.png) 20 22 20 21 repeat;
      padding-bottom: 20px;
      padding-top: 20px;
      padding-left: 10px;
      margin-bottom: 20px;
      }

       

    •  

      Dueis cràs purus elit énis "sélecrum" fuegiuia tincidunt quis grâvida nequé pésuéré nam vivamus, litoré èst porta cursus sodales laoreet diam eu classé classé vulputate quis convallis dolor, voluptà éuismod proîn vivérra rhoncüs juséo arcû ïpsum aliquam dui platea sociosqu arcû, habitassé vel scelerisque.

       

    « Jolies bordures - imageThème Briques avec border-image »
    Partager via Gmail Yahoo! Google Bookmarks

    Tags Tags : ,
  • Commentaires

    Aucun commentaire pour le moment



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl