صندوق إقتباس أكثر من رائع لمدونات بلوجر

صندوق إقتباس أكثر من رائع لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته

اليوم أضع لكم صندوق أقتباس رائع بل و أكثر من رائع ويمكنك تخصيصه كما يحلو لك

هذا هو شكل الصندوق

كود

blockquote {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffXDLI0K2E9ziMut6_R_I2Xw4A5gU7_4bPGfuO55G0Cwl5H8LmZ7oTkQDZahILaGq0O3Jm2np-k3QsE768VDuX3dhnO-RE8kmwKEfvv42bR1uXA2nUaQnx2QN4w1-rYQ3Ca1Q-8TD4Ko/s1600/blockquote-bg-img.png") no-repeat scroll 28px 11px #BFEEFF;
    border-left: 3px dotted #FAFAFA;
    font-family: 'Courier New',Courier,monospace;
    font-style: italic;
    margin: 16px 19px 0;
    padding: 15px 5px 10px 28px;
}

لتخصيص الصنوق كما يحلو لك .. ما ظلل بالازرق هو رابط الصورة علامة التنصيص.. ما ظلل بالوردي لون الخلفية.. ما ظلل بالاحمر لون حدود الصندوق .. ما ظلل بالاخضر هو نوع الخط ويمكنك تغييره من خلال البحث عن كلمة font-family: وأخذ نوع الخط الذي يليها

 أما عن طريقة تركيب الكود فهو مشروح في هذا الموضوع على هذا الرابط 

إلى هنا ينتهي درسنا .. اترككم في رعاية الله