شاطر | 
 

 كود HTML + CSS لعمل أزرار متوهجة للمنتدى

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
معلومات العضو
ZeRGuiT

ZeRGuiT


Admin
معلومات إضافية
الجنس : ذكر
عدد المساهمات عدد المساهمات : 6868
نقاط نقاط : 9976
السٌّمعَة السٌّمعَة : 6
تاريخ الميلاد : 20/05/1993
تاريخ التسجيل : 30/06/2013
الموقع : Algeria
معلومات الاتصال
http://www.darisni.com
مُساهمةموضوع: كود HTML + CSS لعمل أزرار متوهجة للمنتدى   كود HTML + CSS لعمل أزرار متوهجة للمنتدى Calend10السبت 25 أكتوبر 2014 - 23:40




كود HTML + CSS لعمل أزرار متوهجة للمنتدى
كود HTML + CSS لعمل أزرار متوهجة للمنتدى

فاصل وردة

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

انا جبتلكم كود رائع للازرار المتوهجه هذا الكود رائع جدا لان الازرار تنفع تكون ازرار المنتدي الرئيسيه وتنفع تطحط في اي مكان يقبل الهتمل

الكود الــ HTML :

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

كود 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;}
 
 

فاصل وردة

طريقه وضع كود الهتمل
لوحه الاداره- اداره عامه - الرسائل والايميلات - الاعلانات الخاصه - اضافه - ثم ضع الكود ثم سجل

طريقه وضع كود الcss

لوحه الاداره-مظهر المنتدي- الصور والالوان-الوان - ورقه تصميمcss-ثم ضع الكود ثم سجل


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

كود HTML + CSS لعمل أزرار متوهجة للمنتدى

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

 مواضيع مماثلة

-
»  شرح مدقق لعمل كل أزرار نافذة الإرسال الجديدة
» أزرار إحترام القوانين - أزرار نسبة إحترام العضو لقوانين المنتدى
» كود التمرير المتحرك للمنتدى بدون استخدام الماوس
» درس لعمل انفجار بالفوتوشوب
» تم إضافة أقسام دينية للمنتدى

 KonuEtiketleri كلمات دليلية
كود HTML + CSS لعمل أزرار متوهجة للمنتدى شبكة ادرسني , كود HTML + CSS لعمل أزرار متوهجة للمنتدىعلى منتدانا , كود HTML + CSS لعمل أزرار متوهجة للمنتدى منتديات درسني ,كود HTML + CSS لعمل أزرار متوهجة للمنتدى ,كود HTML + CSS لعمل أزرار متوهجة للمنتدى , كود HTML + CSS لعمل أزرار متوهجة للمنتدى
 KonuLinki رابطالموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدراسة - Al-dirassa Forum :: أحلى منتدى :: عالم الأكواد - التقنيات المتقدمة :: أكواد HTML-

ملاحظة مهمة : نحن (شبكة درسني) لا ننسب أي موضوع لشبكتنا فمنتدانا يحتوي على مواضيع منقولة و مواضيع منقولة بتصرف