Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

اشكال متنوعة من فقرة الأقتباس blockquote صندوق الأقتباس المجموعة الأولى

كينج نت ملك النت | 10/05/2014 |
بعض الاشكال المتنوعة من فقرات الأقتباس blockquote صندوق الاقتباس كما يسميها البعض او محرر الأكواد .
هذه الأضافة اعتبرها من اهم الأضافات بمدونات بلوجر لماذا ؟ لأن هذه الاضافة تقوم بعملية تنسيق الأكواد المضافة بالمواضيع وعدم تشوة الموضوع فأكيد البعض شاهد بعض المدونات ويوجد بها اكواد بداخل الموضوع فيجد بأن هذه الأكواد المضافة بالموضوع غير منسقة وتقوم بعملية توسيع صفحة الموضوع فهذه الخاصية لابد من وجودها بالمدونة حتى لا يمل الزائر او العضو من المدونة .




قبل ان اضع الأشكال البسيطة فيجب نعلم كيفية التركيب :
قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
الأن قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة اى من الاكواد التالية :

                                 الشكل الاول                               
الكود :
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #CC0000; background-color: #FFBFBF; } blockquote p { margin: 0; }
لمن يرغب فى تغير الوان الشكل الاول :
1- الكود المحدد باللون الاحمر خاص بالون الخط الجانبى .
2- الكود المحدد باللون الأصفر خاص بالون محيط الصندوق

                              الشكل الثانى                                
الكود :
blockquote { background-color: #666; color: #fff; font-weight: none; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
لمن يرغب فى تغير الوان الشكل الثانى :
1- الكود المحدد باللون الاحمر خاص بالون محيط الصندوق .
2- الكود المحدد باللون الأصفر خاص بالون الكتابة .

                              الشكل الثالث                                  
الكود :

.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } blockquote { background:#FFBFBF; }
لمن يرغب فى تغيير الوان الشكل الثالث :
اعتقد بأن الشكل كلاسيكى بسيط لمن يريده
فقط قم بتغيير الكود المحدد باللون الاحمر الى اى لون تريدة وهو خاص بالون محيط الصندوق 

                              الشكل الرابع                                 
الكود :
blockquote { margin: 1em 3em; background : #FFCCCC  no-repeat 350px 5px; border-left: 8px dotted #FF0000; } blockquote p { margin: 0; padding-top:10px; }
لمن يرغب فى تغيير الشكل الرابع :
1- الكود المحدد باللون الاحمر خاص بالون محيط الصندوق .
2- الكود المحدد باللون الأصفر خاص بالون النقاط الجانبية .
===============
انا اعلم جيدا بأن يوجد اشكال اخرى رائعة ولكن سأضعها لكم قريبا ان شاء الله 
انتظرو المجموعة الثانية ان شاء الله

ليست هناك تعليقات :

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف