ايضافة صندوق اقتباس
يعد هذه الايضافة الشهيرة في قوالب بلوجر لذلك قمنا بتبسيط و العمل لكم
اولا مثال لصندوق
مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1مثال1
ما عليك سوى نسخ ولصق هذا الكود فوق اكواد bskine
blockquote{margin:5px 17px;padding:7px;color:#fff;background:rgba(47, 70, 107, 1)} ul,ol,dl{list-style-position:inside;font-weight:normal;list-style:none} body{background: #E8E8E8;background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;padding:0;margin:0;direction:rtl; font-family:Lobster, Droid Arabic Kufi;font-weight:normal;font-size:14px;} .post blockquote {padding: 55px 20px 20px 20px; overflow:auto; max-height:250px; background:#34495e; color:#fff; border-radius:4px; margin:10px; padding10px; text-align: left !important; direction: ltr; font: 14px;font-family: Lobster, Droid Arabic Kufi; line-height: 1.7em; } .post blockquote a {color: #F8D300;} .postblockquote:before { text-align: center; position: absolute; content: ' اضغط مرتين لتحديد و نسخ الاكواد اسفل داخل الاقتباس'; background: rgba(255,255,255,1); left: 3px; right: 3px; top: 3px; font-size:14px; font-family:Tahoma; padding: 5px 20px; display: block; font-weight: 700; border-radius: 3px 3px 0 0; color: #d21998;}
نرجو ان ينال اعجبكم ويمكنكم تعديل لونه عن طريق تغير كود background
اترك تعليق ان وجهتك مشاكل
ليست هناك تعليقات:
إرسال تعليق