0 Dimostrazione degli stili di inserimento del codice HTML

Questo post serve per mostrare l'aspetto del codice HTML inserito in modo personalizzato in un articolo di Blogger. Le istruzioni le trovi su

• Creare una classe di stile per inserire il codice in un articolo di Blogger -

Dimostrazione del codice numero uno

.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://5nxhyw.blu.livefilestore.com/y1pBmcsjN_C4Uz9apV4bqw0j4loIwnc6UgkhSOoSjJvltkgT_NywgOstjy2kWpNxLxGK8-tKrGD6sap9b1vTPJXG65BmSTZC8k7/codice-1.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}

Dimostrazione del codice numero due

.code {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://5nxhyw.blu.livefilestore.com/y1pwb62k412-Whxwy-bDnggvi6aEkRyUbK4W9V-ujTxnoPZM78_uZmTHqHPky4Kev3THgC13jMWKK0xPbS0fI5AwGhNEYqyGq1U/codice-2.gif) no-repeat right bottom;
border : 2px solid #eeeeee;
color : #7D7D7D;
}

Dimostrazione del codice numero tre

.code {
margin : 10px;
padding: 0px 25px 5px 20px;
background : #fff url(http://5nxhyw.blu.livefilestore.com/y1pVZITfkJXZcRByP6rN1HGvFapbMijXNwFBk3R6gN8kd_fgygFJlx-C0_JdTexebihTUblgV3HCORgUipndTCztdk-bn8BEBx-/codice-4.png) no-repeat top left;
font: 0.9em Helvetica, verdana, Georgia, "Times New Roman", Times, serif;
color : #767675;
border: 1px solid #767675;
}