Post Top Ad

Your Ad Spot

الجمعة، 25 أبريل 2014

كيفية تخصيص اطار حول عناوين السيدبار sidebar على شكل نقاط

اعضاء وزوار موقع كينج نت اليوم سأضع لكم درس بسيط وهو كيفية تخصيص اطار حول عناوين القوائم الجانبية وبالأخص السيدبار فهذا الأطار البسيط يحتوى على شكل نقاط علوى وخط مستقيم سفلى كما تلاحظونة بصورة التدوينة فمن خلال هذه الخاصية بأمكانك ان تتحكم بهذا الأطار من حيث اللون فمن الممكن ان نجعل النقاط باللون المفضل لديك وايضا الخط المستقيم بالامكان ان تخصص لة لون اخر وايضا العناوين لن اطيل عليكم اكثر ونأتى الى طريقة التركيب .





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

.sidebar h2 {
padding:5px;
border:2px dashed #FF0000;
border-bottom:5px solid #008000;
color:#0000FF;
font:15px tahoma;
}
انتهى التركيب وبأمكانك ان تذهب الى الصفحة الرئيسية لتشاهد النتيجة .
كيفية التحكم بالكود :
الكود المحدد باللون الأحمر خاص بنقاط الاطار فقط
الكود المحدد باللون الأصفر خاص بالخط المستقيم
الكود المحدد باللون الاخضر خاص بالعناوين
بالأخير لن اقول سوى (( لا خير فى كاتم العلم ))

هناك تعليق واحد:

  1. شكرا لك علي هذا الشرح وتم التطبيق في مدونتي ها هي
    mostafaamerteam.blogspot.com

    ردحذف

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

Post Top Ad