تغيير شكل إقتباس مدونات بلوجر إلى شكل إحترافى.

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

أقدم لحضراتكم اليوم شكل جديد وجذاب غير ما ألفتوه من قبل لإقتباس بلوجر أو ما يسمى Quot ... والان مع الشرح.


لمعاينة الأداة إضغط هنا

توجه إلى القالب وقم بالبحث عن ]]></b:skin>
ثم ضع الكود الاتى فوقه مباشرةَ

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 1.2;
  color: #666;
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
  border-left-style: solid;
  border-left-width: 15px;
  border-right-style: solid;
  border-color: ????;border-right-width: 2px;  
}
blockquote::before{
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  position: absolute;
  left: 10px;
  top:5px;
}
blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}
blockquote a:hover{
 color: #666;
}

ملحوظة:إذا كان القالب يحتوى على كود إقتباس مسبقاً فيجب حذفه .. لذلك قم بالبحث عن blockquote

وقم بحذف الكود بدايةَ من هذه الكلمة حتى هذا القوس { كما هو موضح بالأسفل

ملاحظات على الكود

1-لتغيير لون رسمة الإقتباس قم بتغيير #999 بدرجة اللون التى تريدها.
2-لتغيير لون الخلفية قم بتغيير #fff بدرجة اللون التى تريدها.
3-لتغيير لون الخط قم بتغيير #666 بدرجة اللون التى تريدها.
4-لتغيير لون الشريط الأيمن والأيسر قم بتغيير علامات الإستفهام ???? بدرجة اللون التى تريدها.
5-الكود مستوحى جزئياً من موقع أجنبى.
درجات الألوان الأكثر إستخداماً

 #ddd#26C72E#FF3D8E#17B9F4#F49517