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

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

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

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

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

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

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

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

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

شاطر | 
 

 كود ازرار بشكل جميل اعلى المنتدى

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

avatar

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

التوقيت
الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: كود ازرار بشكل جميل اعلى المنتدى   السبت 12 يوليو - 18:08

مرحبا
اليكم كود ازرار جميلة يمكنك تغير الالوان
وحجم الخط الكود عبارة عن كودين الكود
الاول يوضع في اعلانات خاصه
والكود الثاني يوضع في ورقةcss
وهذه صورة من الشرح



وهذا كود يوضع في اعلانات خاصه

الكود:
<div class="html code" id="add-s">
<table align="center" border="0" height="159" id="MenuBg" width="1006">
   <tbody>
      <tr>
         <td>
         <div align="center" id="mainMenu">
         <ul>
            <li><strong><span style="font-size:16px;"><a href="الرابط/"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">الرئيسية</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">منتدى</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">بوابة</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">المدونة</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">المجلة</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">مكتبة صور</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">آبحث</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">مركز الرفع</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="الرابط"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">الإعلان في الموقع</span></span></a></span></strong></li>
            <li><strong><span style="font-size:16px;"><a href="/contact"><span style="color: rgb(0, 0, 255);"><span style="background-color: rgb(175, 238, 238);">اتصل بنا</span></span></a></span></strong></li>
         </ul>
         </div>
         </td>
      </tr>
   </tbody>
</table>
</div>

<p>&nbsp;</p>

<p><strong><span style="font-size:16px;"><!--  html code -    --></span></strong></p>

الكود الثاني يوضع في ورقةcss

الكود:
        #t-div {margin:1em 0;padding:1em 50px 1em 1em;border-style:solid;border-width:1px;border-radius:4px;text-align:center;
        font:bold 12px tahoma;text-shadow:1px 1px 0 #fff;box-shadow:inset 0 -15px 20px -15px rgba(0,0,0,.1);}
        #t-div.t-success
        {border-color:#5AAD1F;color:#5AAD1F;background:#DBF075
        url(http://i39.servimg.com/u/f39/16/76/93/88/camera10.png) no-repeat 99%
        50%;}
       
        /* iMenu */
        #MenuBg {background:#FFF url(http://i39.servimg.com/u/f39/16/76/93/88/menubg10.png) repeat-x bottom;
        box-shadow:inset 0 -1px 0 1px #FFF;padding:5px 0 20px;margin:-25px 0;border:1px solid #DDD;}
        #mainMenu ul {margin:10px 10% 0 0;padding:0;}
        #mainMenu ul li {float:right;margin:0 3px;list-style-type:none;display:inline;}
        #mainMenu ul li a {background-color:#fff;font:bold 12px tahoma;color:#999;display:block;
        padding:11px;border-radius:4px;border:1px solid #DDD;margin:0;
        -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
        #mainMenu ul li a:hover {border-color:#D99011;color:#963;text-shadow:0 1px 1px #FFF;
        background:#FED970 url(http://i76.servimg.com/u/f76/16/76/93/88/i-mn10.png) repeat-x bottom;}
       

 hip 


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

كود ازرار بشكل جميل اعلى المنتدى

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

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