حصرى : تغيير شكل اقتباس بلوجر باشكال احترافية

طريقة التركيب 

.post blockquote {

}

الشـــــــــكل الأول 

.post blockquote {

position: relative;

z-index: 50;

background:#fff url(https://lh4.googleusercontent.com/-AZ3EY_MY_QU/UQ8ZYU-_hXI/AAAAAAAAAeM/iHwn4pfuEJ4/s36/bq3.gif) top left repeat;

border:1px solid #999;color:#000;

display:block;

font-family:"Courier New", Courier, monospace;font-size:13px;

line-height:18px;

margin:10px 0 10px;

padding:18px 10px 17px;

overflow:auto;

max-height:250px;

}

الشــــــــكل الثانى

.post blockquote {

overflow:auto;

max-height:250px;

border: 1px dashed #FFC600;

margin: 10px;

padding: 10px 10px 10px 60px;

background: #FFF8DD url(https://lh6.googleusercontent.com/-Ny881sz3L-o/UQ8ZYYtFzxI/AAAAAAAAAeQ/xrpyI6ekH88/s71/bq2.png) no-repeat;

background-position:20px 10px;}

الشــــكل الثالث

.post blockquote {

margin : 0 20px;

padding: 10px 20px 25px 20px;

background : #9FCFFF;

color : #484848;

border: 5px dashed #fff;

}

الشـــــــكل الرابع

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Cuo70_i642n-wb_ou1k8H4l9-l5XCmuO5a_7uD9lXnSU-N_UoGuKqOgR1mnQC1C7_KfOF5BOFp_gluOQNtjYbgRb2SL76y9NqwP1akACf2N5nmH7p6c6uq0YY7qu79r2dfwRjpaIF4w/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJG9kLeghcSdVZopdcFXAMXG3TtXDnSGpI4PELMsxmDfvtG_cIifXiBKPBCklDf2U07Y7hsbAlon2WP5fBzP9k7TbPBBw-kdGoFL3ohhLjXIZ1FOU6lM1-wJkv5VOLGzdCb1guX1sM5zA/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }