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

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر
تحديث الصفحة اكواد قوائم HTML - css بلوجر - اضافات بلوجر
التسجيل التعليمـــات التقويم البحث مشاركات اليوم اجعل كافة الأقسام مقروءة


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 02-04-2014, 05:14 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اكواد قوائم HTML - css بلوجر - اضافات بلوجر
أنا : Blog-Add
سجل معنا لتتمتع بهذه الخاصية




السلام عليكم ورحمة الله وبركاتة

اقدم لكم اليوم اربع قوائم تم تصميمهم عن طريق HTML - CSS تستطيع استخدامهم في مدونتك

او تصميم لصفحة معينه تحتاجها فطبعا لها اكثر من استخدام نتركم مع الاكواد

صورة القوائم :



كود css :

كود PHP:
<style type="text/css" rel="stylesheet">
   table{
    /* حدود الجدول */
    border-collapse:collapse;
   }
      /*خواص الصفوف */
   .taula_menu tr{
    border-top:dotted 1px  #02223E;
   }
   /* خواص الأعمدة */
   .taula_menu td{        background-color:#FFAFAF;       width:100px;
    font:bold 12px Arial;
    text-align:center;         }      .taula_menu td:hover{        background-color:#CF4D4D;       font:bold 14px Arial;        }         /* Propietats de les columnes */      .taula_menu_2 td{
    background-color:#AFE3FF;
    vertical-align:top;
    width:70px;
    font:bold 12px Arial;
    text-align:center;
    border-top:solid 4px  #02223E;
   }      .taula_menu_2 td:hover{
    background-color:#AFE3FF;
    color:#175A7F;
    text-align:center;
    border-top:solid 4px orange;
   }
      span
   {
    border:1px solid #000000;
    padding:4px;
    margin:0px;
    font:bold 12px Arial;
    background-color:green;
    color:#ffffff;
    width:120px;
   }
     p
   {
    padding:0;
    margin:3px;
    font:bold 12px Verdana;
    color:#ffffff;
    background-color:orange;
    width:120px;
    padding:4px;
   }
   a:hover
   {
    color:yellow;
   }
   a{
    text-decoration:none;
    color:#ffffff;
   }
  </style> 
ثم نأتي لاكواد HTML :

القائمة الاولي :

كود PHP:
  <!-- القائمة الأولى -->
<table class="taula_menu" border="1" cellpadding="4" cellspacing="0">
<tr><td>الأسم</td></tr>
<tr><td>الأسم</td></tr>
<tr><td>الأسم</td></tr>
<tr><td>الأسم</td></tr>
<tr><td>الأسم</td></tr>
<tr><td>الأسم</td></tr>
</table>
<!-- معهد خبراء بلوجر --> 
القائمة الثانية :

كود PHP:
<!-- القائمة الثانية -->

  <table class="taula_menu_2" border="1" cellpadding="4" cellspacing="0">


   <tr>


    <td>الأسم</td>


    <td>الأسم</td>


    <td>الأسم</td>


    <td>الأسم</td> 


    <td>الأسم</td>  


    <td>الأسم</td>


   </tr>  


  </table>
<!-- معهد خبراء بلوجر --> 
القائمة الثالثة :

كود PHP:
<!-- القائمة الثالثة -->

  <span>الأسم</span>


  <span>الأسم</span>


  <span>الأسم</span>


  <span>الأسم</span>


  <span>الأسم</span>


  <span>الأسم</span>
  
  <!-- معهد خبراء بلوجر --> 
كود PHP:
<!-- القائمة الرابعة -->

  <p><a href="direccio_web">الأسم </a></p>


  <p><a href="direccio_web">الأسم</a></p>


  <p><a href="direccio_web">الأسم</a></p>


  <p><a href="direccio_web">الأسم</a></p>


  <p><a href="direccio_web">الأسم</a></p>


  <p><a href="direccio_web">الأسم</a></p>


  <p><a href="direccio_web">الأسم</a></p>


  <p><a href="direccio_web">الأسم</a></p>
  <!-- معهد خبراء بلوجر --> 
تمنياتي لكم بالتوفيق واتمني الموضوع يعجبكم

الدعم العربي

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

مركز رفع موسوعة العربية
إضافة رد

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

الكلمات الدلالية (Tags)
اضافات بلوجر, اضافات بلوجر احترافية, اضافات بلوجر2014, قوائم لبلوجر, قوائم بلوجر

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع
العرض العادي العرض العادي

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
جرب اضافات بلوجر قبل اضافتها الى مدونتك عالم الجوال إضافات وأدوات بلوجر 4 08-31-2013 08:41 PM
كيفية التعامل مع تحرير html الجديد للتعديل على اكواد قوالب بلوجر واهم العيوب ل kingnt دروس بلوجر 2 04-17-2013 10:48 PM
مدونة كمبيوتر كوم | دروس بلوجر , اضافات بلوجر و قوالب بلوجر بلال حمدان المنتدى الإشهاري 1 08-27-2012 05:40 PM
مكتبة اكواد Html خاص overboy دروس بلوجر 3 08-09-2012 11:23 AM
موقع يسمح لك بأنشاء قوائم بلوجر بلغة css mostafa alwin المواضيع العامة 4 07-19-2012 10:40 PM



سياسة الخصوصية - Privacy-Policy - اربط مدونتك بنا - حقوق الملكية والتأليف - الاتصال بنا - معهد خبراء بلوجر - الأرشيف - الأعلى


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

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 01:25 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)