السلام عليكم ورحمة الله وبركاته
صندوق أقتباس بلوجر من أهم أدوات التنسيق لدى المدونين وخصوصا المدونات المهتمة بتصميم المواقع أو ما شابه
لأنهم يعرضوا أكواد أقتباس للزائر لأفادته , لذلك قمت بتصميم هذه الأضافة الخفيفة لتضيف الى مدونتك لمسة من الجمال
الان نمر الى الشرح وكيفية تركيب هذه الأضافة أولا لنرى صورة مباشرة من الاضافة
شرح تركيب الأضافة
ملحوظة:اذا لم يظهر صندوق الأقتباس قم بعمل الأتى
أبحث عن
.post blockquote
وأحذف الكود بأكملة قد تجدة بهذا الشكل
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
ثم قم بعمل بالأتى
بالضغط على ctrl+f
ونقوم بالبحث عن الكود التالى
]]></b:skin>
وتضيف قبله هذا الكود
.post blockquote {
background: #EFEFEF;
color: #404141;
direction: ltr;
font: 14px Arial;
margin: 15px auto;
max-height: 400px;
overflow: auto;
padding: 15px;
text-align: left !important;
width: 95%;
border: 2px solid #ddd;
}
.post blockquote:before {
color: #FFFFFF;
content: "كود حصرى";
display: block;
font: bold 12px droid arabic kufi;
height: 20px;
margin: -15px -15px 5px;
padding: 4px 10px 6px 0;
text-align: right !important;
background: #8A8A8A;
}
التعديلات على الاضافة
اللون الأحمر : خلفية الصندوق
اللون الأخضر : الخلفية للقائمة العلوية المكتوبة بها ( كود حصرى)
وهكذا مبروك عليك الشكل الجديد لصندوق الأقتباس
وهكذا مبروك عليك الشكل الجديد لصندوق الأقتباس
ليست هناك تعليقات:
إرسال تعليق