اضافة بلوجر: 5 اشكال لتغيير شكل صندوق الاقتباسات في بلوجر ~ ملتقى المعرفة للمعلوميات

اضافة بلوجر: 5 اشكال لتغيير شكل صندوق الاقتباسات في بلوجر

صندوق الاقتباسة او ما يسمي بالـ Bockquote يعتبر من افضل الادوات في تنسيق التدوينات النصية , فمن يمتلك مدونة مهتمة بالانترنت او خاصة الاكواد ومثل هذه الاشياء والتي يريد المدون ان ينظر الزائر إليها , فمثلا انت تكتب تدوينة عن اضافة بلوجر وكود هذه الاضافة يجب ان تجعله يظهر بالشكل الحسن امام الزائر , يمكنك اضافة صندوق الاقتباسة عن طريق تظليل الكود او الشئ الذي تريده ثم اضغط علي زر الاقتباسة

الآن نأتي إلي الاشكال التي قلت لكم عليها وسأقدم لك خمسة اشكال تعتبر الافضل :

لكي تغير شكل صندوق الاقتباسة الموجود في قالبك يجب الدخول الي تحرير HTML ثم قم بالبحث عن كود CSS التالي : .post blockquote الأن عندما تجده امسح العناصر الموجودة بداخله وتكون بين القوصين مثل { امسح كل الاكواد الموجودة بين القوصين } واضف عوضا عنهم كود الشكل الذي اعجبك , واذا لم تجد الكود السابق فأبحث عن ]]></b:skin> ثم اضف اسفله / بعده كود الشكل الذي سيعجبك .

في الاسفل تجد صورة للشكل وبعده مباشرة تجد الكود الخاص به .

الشكل ألاول :

.post blockquote {background: #F2F2F2; margin: 0 25px 15px; padding: 10px 20px 10px 15px; border: dotted 2px #D8D8D8;overflow:auto;max-height:250px;-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.100),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0, 0.125),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0, 0.150),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0, 0, 0, 0.175);-moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.100),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0, 0.125),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0, 0.150),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0, 0, 0, 0.175);box-shadow:1px 1px 0 rgba(0, 0, 0, 0.100),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0, 0.125),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0, 0.150),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0, 0, 0, 0.175);}

الشكل الثاني :

.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 {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 { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF; color : #484848; border: 5px dashed #fff; }

الشكل الخامس :

.post blockquote {overflow:auto;max-height:250px;background:#000;color:#fff;border-left:20px solid #969695;border-radius:20px;margin:10px;padding:10px;}

اذا كان الجزء المقتبس اطول من الطول المحدد في الكود باللون

الاحمر فسيظهر شريط تمرير ولكن ان اردت عدم ظهور هذا

الشريط فبساطة امسح الكود باللون الاحمر .

اتمني ان تكون قد استفدت من التدوينة .