codes blog aide pour faire un blog
Ceci est un exemple de style sur un blog factice...
url de l'image:
https://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(https://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
-webkit-border-image: url(https://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
-o-border-image: url(https://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
border-image: url(https://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(https://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
-webkit-border-image: url(https://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
-o-border-image: url(https://ekladata.com/AdQXqOCT9PyIWKVUgsNbQg2I3ag@150x91.png) 20 29 20 31 repeat;
border-image: url(https://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.
/http%3A%2F%2Fekladata.com%2FWYfO0pC7qByLi3_VSUGPCgSSd-w.jpg)
/http%3A%2F%2Fekladata.com%2FChas64sP6yauw70ZsiCSgFSpUyQ.png)
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)