منتدى الهزازي

برامج وتطبيقات واكواد هتمل و css منتديات ومواقع
 
الرئيسيةالرئيسية  بلوجر  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

ملاحظه =الرجاء اذا وجدت كود او رابط لايعمل التبليغ من هناء

التبادل الاعلاني
عناصرLanguage

شاهد منزلك من الفضاء الخارجي

مفاتيح دول العالم لللاتصال

مستعرض اكواد هتمل ومحول هتمل الى جافا
فتشوب اون لاين عربي
لعبة الحب مثيرة
راسلنا

معرب الكتابه على البرامج

المواضيع الأخيرة
سحابة الكلمات الدلالية

شاطر | 
 

 جديد الجداول احلى من الاول

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
stones
اللقب:
المدير العام
الرتبه:
الصورة الرمزية

avatar

البيانات
رقم العضوية :
1
رابط الصورة الشخصية :
بدون
الساعه :
بدون
الدوله :
السعودية
ذكر
السمك
عدد المساهمات :
2571
السٌّمعَة :
0
تاريخ التسجيل :
30/03/2012
العمر :
18
الموقع
sites-dalil.blogspot.com
العمل/الترفيه العمل/الترفيه :
بدون

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: جديد الجداول احلى من الاول   الثلاثاء 17 مايو - 18:54

مرحبا
هذا جدول تم اضافه له بعض الحركات
هو كما في الصورة هذه

اسفل الكود كود css يمكنك التعديل عليها ان تشيل
او تضيف بعض الحركات
وهذا الكود

الكود:
<table td="" class="stones16" style="width: 100%;" border="0">
              
 <tbody>
              
 <tr>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 </tr>
              
 <tr>
              
 <td td="" class="stones15" style="width: 20%; height: 50%;" rowspan="4">
       <strong><span style="font-size:16px;">يمين</span></strong>      
 </td>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 </tr>
              
 <tr>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 <td td="" class="stones13" style="width: 150px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 </tr>
              
 <tr>
              
 <td td="" class="stones13" style="width: 305px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 <td td="" class="stones13" style="width: 290px; height: 66px;">
       <strong><span style="font-size:16px;">هتمل</span></strong>      
 </td>
              
 </tr>
              
 <tr>
              
 <td td="" class="stones14" style="width: 80%; height: 100px;" colspan="2">
       <strong><span style="font-size:16px;">تحت</span></strong>      
 </td>
              
 </tr>
              
 </tbody>
</table>
  <style>

.stones16 {
border: 2px dotted #6600FF;
  

}

.stones13:hover {
background-color:#FFFFFF;
  

}




.stones15 {
border: 2px dotted #6600FF;
    background-color:Orange; left:0px; top:0px;
}

.stones14 {
border: 2px dotted #6600FF;
    background-color:Orange; left:0px; top:0px;
}

.stones13 {
  border: 1px dotted #6600FF;
    background-color:#CCFFFF; left:0px; top:0px;
  border-radius:5px;padding:5px 2px!important;
   border-style:solid;
    border-width:2px;
}



</style>  

=============
جدول اخر بلون مختلف او شكل غير
وهذه صوره منه


وهذا الكود

الكود:
<table td="" class="stones16" style="width: 100%;" border="0">
                
 <tbody>
                
 <tr>
                                                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 </tr>
              
 <tr>
                
 <td td="" class="stones14" style="width: 80%; height: 100px;" colspan="2">
        <strong><span style="font-size:16px;">تحت</span></strong>            
 </td>
 
 <td td="" class="stones14" style="width: 80%; height: 100px;" colspan="2">
        <strong><span style="font-size:16px;">تحت</span></strong>            
 </td>
                
 </tr>
                
 <tr>
                
 <td td="" class="stones15" style="width: 20%; height: 50%;" rowspan="4">
        <strong><span style="font-size:16px;">يمين</span></strong>        
 </td>
                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 </tr>
                
 <tr>
                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 <td td="" class="stones13" style="width: 150px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 </tr>
                
 <tr>
                
 <td td="" class="stones13" style="width: 305px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 <td td="" class="stones13" style="width: 290px; height: 66px;">
        <strong><span style="font-size:16px;">هتمل</span></strong>        
 </td>
                
 </tr>
                
 <tr>
                
 <td td="" class="stones14" style="width: 80%; height: 100px;" colspan="2">
        <strong><span style="font-size:16px;">تحت</span></strong>        
 </td>
                
 </tr>
                
 </tbody>
</table>
  <style>

.stones16 {
border: 2px dotted #6600FF;
  

}

.stones13:hover {
background-color:#FFFFFF;
  

}




.stones15 {
border: 2px dotted #6600FF;
    background-color:Orange; left:0px; top:0px;
}

.stones14 {
border: 2px dotted #6600FF;
    background-color:Orange; left:0px; top:0px;
}

.stones13 {
  border: 1px dotted #6600FF;
    background-color:#CCFFFF; left:0px; top:0px;
  border-radius:5px;padding:5px 2px!important;
   border-style:solid;
    border-width:2px;
}



</style>  





lol!




الموضوع الأصلي : جديد الجداول احلى من الاول المصدر : منتديات الهزازي كاتب الموضوع : stones
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

جديد الجداول احلى من الاول

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

خدمات الموضوع
 KonuEtiketleri كلمات دليليه
جديد الجداول احلى من الاول , جديد الجداول احلى من الاول , جديد الجداول احلى من الاول ,جديد الجداول احلى من الاول ,جديد الجداول احلى من الاول , جديد الجداول احلى من الاول
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ جديد الجداول احلى من الاول ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهزازي :: منتدى شروحات والبرامج :: اكواد هتمل مع الشرح-