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

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

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

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

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

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

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

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

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

شاطر | 
 

 قائمة موضوعات او روابط

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

avatar

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

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: قائمة موضوعات او روابط   الجمعة 17 يوليو - 15:02

مرحبا


نقدم لكم قائمة تصلح وضع بها


روابط او روابط وموضوع


الكود هتمل ضع موضوعك


مكان ماهو موضح في الكود


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


من خلال   float: left;


وهذه صورة من الشرح


وهذا الكود


الكود:
 <meta name="viewport" content="width=device-width, initial-scale=1.0" /><style>


[class*="col-"] {
    float: center;
    padding: 15px;
}


.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}


[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
</style>                   
<div class="row">
                                                                                                
   <div class="col-3 col-m-3 menu">
                                                                                                   
      <ul>
                                                                                                      
         <li>
                                                                                                         
            <h1>
                                                               <span style="font-size: 24px;">عنوان                  </span>                             
            </h1>
                                                                             
         </li>
                                                                          
         <li>
                                              <span style="font-size: 24px;"><strong>موضوع</strong></span><br /> 
         </li>
                                                                                                      
         <li>
                                                                                                         
            <h1>
                                                               <span style="font-size: 24px;">عنوان                  </span>                             
            </h1>
                                                                             
         </li>
                                                                          
         <li>
                                              <span style="font-size: 24px;"><strong>موضوع</strong></span>                                 
         </li>
                                                                                                      
         <li>
                                                                                                         
            <h1>
                                                               <span style="font-size: 24px;">عنوان    </span>                             
            </h1>
                                                                             
         </li>
                                                                          
         <li>
                                              <span style="font-size: 24px;"><strong>موضوع</strong></span>                                 
         </li>
                                                                                                      
         <li>
                                                                                                         
            <h1>
                                                               <span style="font-size: 24px;">عنوان    </span>                             
            </h1>
                                                                             
         </li>
                                                                          
         <li>
                                              <span style="font-size: 24px;"><strong>موضوع</strong></span>                                 
         </li>
                                                                                                      
      </ul>
                                                                                                   
   </div>
                            
</div>




lol!


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

قائمة موضوعات او روابط

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

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