ايضافة صندوق اقتباس لمدونة بلوجر Quote box

 ايضافة صندوق اقتباس

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

اولا مثال لصندوق

مثال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

اترك تعليق ان وجهتك مشاكل

Post a Comment

0 Comments