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

• 

  Custom Title with Subtitle and Lock Content

  Apr 07 2014 - Rafat
• 

  Sample Post with Pagination and Slide Featured Content

  Apr 06 2014 - Rafat
• 

  تعلم تحميل موقع بالكامل وتصفحه دون اتصال بالانترنت

  Apr 05 2014 - Rafat
• 

  MacBook charging peacefully beside my PC desktop

  Mar 18 2014 - Rafat
• 

  Night city and bridge best photography

  Mar 15 2014 - Rafat
• 

  Doubt can eat away at the best of competitors

  Mar 10 2014 - Rafat
• 

  BMW New Hybrid Supercar Is Thrilling

  Mar 09 2014 - Rafat

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

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

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

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

كود

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: وأخذ نوع الخط الذي يليها

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

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