• Thème Briques avec border-image

    • Un exemple de thème avec border-image

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

      Thème avec border-image Briques

          url de l'image:

      http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png

       

      Pour encadrer la colonne du menu 1:

      #menu11 {
      border-style: solid; border-width: 20px 29px 20px 31px;
      -moz-border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      -webkit-border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      -o-border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      background-color: rgba(240, 247, 248, 0.2);
      padding-bottom: 20px;
      padding-top: 20px;
      padding-left: 10px;
      margin-bottom: 20px;
      }

      Pour encadrer la colonne des articles:

      #content {
      line-height: 1.7em;
      border-style: solid; border-width: 20px 29px 20px 31px;
      -moz-border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      -webkit-border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      -o-border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      border-image: url(http://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
      background-color: rgba(240, 247, 248, 0.2);
      }

       

    •  

      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.

       

    « Thème avec border-image Croix verteThème Mix 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