رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 
قديم 08-04-2012, 02:40 AM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Red face كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : admin




السلام عليكم
بعد طلب أحد الأعضاء لطريقة إضافة موضوع اختياري لكل قسم في القائمة الجنبية لبلوجر
حاولت أن أعمل كود HTML بسيط عن طريق الفرونت بيج، قد يفي بالغرض وكانت النتيجة كالتالي :


مثال حي : مدونة تجريبية

صورة :



شرح التركيب :

أضف الكود التالي في أداة HTML/JavaScript :

كود:

<div align="center">
    <table border="1" width="250" dir="rtl" cellspacing="0" cellpadding="0" bordercolor="#C0C0C0">
        <tr>
            <td height="30" bgcolor="#69D2E7" colspan="2">
            <div align="center"><b><font face="Tahoma">رياضة</font></b></div></td>
        </tr>
        <tr>
            <td height="5" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="80" width="80" rowspan="2">
            <div align="center"><font face="Tahoma">
            <img border="0" src="http://www.theme4wordpress.net/wp-content/uploads/et_temp/sport-150x150-7025_70x70.jpg" width="70" height="70" /></font></div></td>
            <td height="30" width="220">
            <div align="center"><b><font face="Tahoma">
            <a href="http://www.bloggerexp.com/"><font color="#FA6900">عنوان 
                مختصر الموضوع الرياضي</font></a></font></b></div></td>
        </tr>
        <tr>
            <td height="50" width="220">
          <div align="center"><font face="Tahoma" size="2">
            وصف قصير للموضوع</font></div></td>
        </tr>
        <tr>
            <td height="10" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="30" bgcolor="#C7F464" colspan="2">
            <div align="center"><b><font face="Tahoma">صحة</font></b></div></td>
        </tr>
        <tr>
            <td height="5" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="80" width="80" rowspan="2">
            <div align="center"><font face="Tahoma">
            <img border="0" src="http://www.uk250.co.uk/images/icons/health.jpg" width="70" height="70" /></font></div></td>
            <td height="30" width="220">
            <div align="center"><b><font face="Tahoma">
            <a href="http://www.bloggerexp.com/"><font color="#FA6900">عنوان 
                مختصر الموضوع الصحي</font></a></font></b></div></td>
        </tr>
        <tr>
            <td height="50" width="220">
            <div align="center"><font face="Tahoma" size="2">وصف قصير للموضوع</font></div></td>
        </tr>
        
        <tr>
            <td height="10" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="30" bgcolor="#FF6B6B" colspan="2">
            <div align="center"><b><font face="Tahoma">فن</font></b></div></td>
        </tr>
        <tr>
            <td height="5" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="80" width="80" rowspan="2">
            <div align="center"><font face="Tahoma">
            <img border="0" src="http://pics.ricardostatic.ch/2_681190690_prem/peintures-et-arts-graphiques/abstract-art-acryl-gemaelde-bilder-kunst-von-micha.jpg" width="70" height="70" /></font></div></td>
            <td height="30" width="220">
            <div align="center"><b><font face="Tahoma">
            <a href="http://www.bloggerexp.com/"><font color="#FA6900">عنوان 
                مختصر الموضوع الفنــي</font></a></font></b></div></td>
        </tr>
        <tr>
            <td height="50" width="220">
            <div align="center"><font face="Tahoma" size="2">وصف قصير للموضوع</font></div></td>
        </tr>
        
                    <td height="10" colspan="2">
            <div align="center"></div></td>
        
        <tr>
            <td height="30" bgcolor="#FA6900" colspan="2">
            <div align="center"><b><font face="Tahoma">ثقافة</font></b></div></td>
        </tr>
        <tr>
            <td height="5" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="80" width="80" rowspan="2">
            <div align="center"><font face="Tahoma">
            <img border="0" src="http://www.mc2grenoble.fr/mc2_affiche/img/logo-france-culture.jpg" width="70" height="70" /></font></div></td>
            <td height="30" width="220">
            <div align="center"><b><font face="Tahoma">
            <a href="http://www.bloggerexp.com/"><font color="#FA6900">عنوان 
                مختصر الموضوع الثقافي</font></a></font></b></div></td>
        </tr>
        <tr>
            <td height="50" width="220">
            <div align="center"><font face="Tahoma" size="2">وصف قصير للموضوع</font></div></td>
        </tr>
        
    </table>
</div>
شرح الكود :
  1. bordercolor="#C0C0C0" :الرمز C0C0C0 يمثل كود لون الإطار
  2. width="250" : العدد 250 يمثل عرض الأداة بالبكسل
  3. bgcolor=" الرموز المتبوعة ب# ثمثل أكواد لون خلفية عناوين الأقسام
  4. الروابط الخضراء : تمثل روابط الصور
  5. العناوين البنفسجية : تمثل عناوين الأقسام
  6. width="70" height="70" : يمثل عرض وارتفاع الصور بالبكسل
  7. http://www.bloggerexp.com/ : استبدله برابط كل موضوع على حدة
_________________________________

لإضافة أقسام أخرى أضف الكود التالي مباشرة قبل </table> مع تغيير ما يلزم تغييره :

كود:
<td height="10" colspan="2">
            <div align="center"></div></td>
       
        <tr>
            <td height="30" bgcolor="#رمز لون خلفية عنوان القسم" colspan="2">
            <div align="center"><b><font face="Tahoma">ثقافة</font></b></div></td>
        </tr>
        <tr>
            <td height="5" colspan="2">
            <div align="center"></div></td>
        </tr>
        <tr>
            <td height="80" width="80" rowspan="2">
            <div align="center"><font face="Tahoma">
            <img border="0" src="رابط صورة الموضوع" width="70" height="70" /></font></div></td>
            <td height="30" width="220">
            <div align="center"><b><font face="Tahoma">
            <a href="رابط الموضوع"><font color="#FA6900">عنوان
                مختصر للموضوع</font></a></font></b></div></td>
        </tr>
        <tr>
            <td height="50" width="220">
            <div align="center"><font face="Tahoma" size="2">وصف قصير للموضوع</font></div></td>
        </tr>
أعرف أن الكود معقد نوعا ما = أي مساعدة أنا في الخدمة

غير مسجل إذا أعجبك الموضوع لا تبخل علينا برد وبالضغط على زر أعجبني للفيسبوك أسفله

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 08-04-2012, 12:42 PM   #2
princess of egypt
مدون نشيط
 
تاريخ التسجيل: Aug 2012
الدولة: مصر
المشاركات: 207
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : princess of egypt




شكرا اخي على تعبك ومجهودك
سأجربه ان شاء الله
جزاك الله كل خير

الدعم العربي

princess of egypt غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 01:02 PM   #3
princess of egypt
مدون نشيط
 
تاريخ التسجيل: Aug 2012
الدولة: مصر
المشاركات: 207
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : princess of egypt




ازاي اعرف اكواد الالوان عشان لو عايزة اغير لون الاطار بما يتماشي مع مدونتي

الدعم العربي

princess of egypt غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 01:36 PM   #4
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة الممالك البعيدة مشاهدة المشاركة
ازاي اعرف اكواد الالوان عشان لو عايزة اغير لون الاطار بما يتماشي مع مدونتي
هناك العديد من المواقع تقدم الخدمة مثل طبيب دوت كوم ابحثي في جوجل وستجدين الكثير إن شاء الله

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 10:26 PM   #5
princess of egypt
مدون نشيط
 
تاريخ التسجيل: Aug 2012
الدولة: مصر
المشاركات: 207
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : princess of egypt




جميل جداا انا ركبته وغيرت الالوان وعرض الصورة وشكله حلو اوي

متشكرة جداااااااااااااا

الدعم العربي

princess of egypt غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 10:49 PM   #6
عماد عادل
مدون مميز
 
الصورة الرمزية عماد عادل
 
تاريخ التسجيل: May 2012
الدولة: تونس
المشاركات: 874
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : عماد عادل




ههههههه جبتها من راسها
__________________
Arabic Labs | المختبرات العربية
أفضل مكان لتعلم المهارات الإبداعية والفنية مثل تطوير وتصميم المواقع الإلكترونية، (وغيرها الكثير).
http://www.arabiclabs.com
من مواضيع عماد عادل

الدعم العربي

عماد عادل غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 11:22 PM   #7
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة الممالك البعيدة مشاهدة المشاركة
جميل جداا انا ركبته وغيرت الالوان وعرض الصورة وشكله حلو اوي

متشكرة جداااااااااااااا
العفو أختي

اقتباس:
المشاركة الأصلية كتبت بواسطة عماد عادل مشاهدة المشاركة
ههههههه جبتها من راسها
لم أفهم !!!

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-04-2012, 11:37 PM   #8
عماد عادل
مدون مميز
 
الصورة الرمزية عماد عادل
 
تاريخ التسجيل: May 2012
الدولة: تونس
المشاركات: 874
افتراضي رد: كود لإضافة موضوع اختياري لكل قسم في القائمة الجانبية لبلوجر

أنا : عماد عادل




ههههههه انا ايضا لا اعرف ماذا تعني طلعت على مخي وليت وضعتها
__________________
Arabic Labs | المختبرات العربية
أفضل مكان لتعلم المهارات الإبداعية والفنية مثل تطوير وتصميم المواقع الإلكترونية، (وغيرها الكثير).
http://www.arabiclabs.com
من مواضيع عماد عادل

الدعم العربي

عماد عادل غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags)
موضوع لكل قسم, blogger, القائمة الجانبية, بلوجر, إضافة, كود


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
إدراج بانرات عشوائية داخل رسائل المدونة أو القائمة الجانبية bboyhishem إضافات وأدوات بلوجر 2 04-18-2013 06:11 PM
ممكن طريقة نقل لاقائمة الجانبية للشمال noor zahran طلبات تعديل القوالب 3 12-21-2012 08:22 PM
إضافة مساحة إعلانية 125×125 إلى القائمة الجانبية لمدونات بلوجر admin إضافات وأدوات بلوجر 11 12-06-2012 07:39 PM
اضافة القائمة البريديه لبلوجر بلال حمدان إضافات وأدوات بلوجر 2 09-09-2012 03:33 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 10:31 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)