منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

كود ازرار رائعه مع التوهج (css+html)

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

كود ازرار رائعه مع التوهج (css+html)

مُساهمة من طرف MiCkEy MoUsE في الأربعاء 22 يناير 2014 - 14:32

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

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

كود الهتمل 


الكود:
<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-ثم ضع الكود ثم سجل 


ارجو انا اكون افدتكم   silent 
 مع التحية  :تحية مع الشكر:
avatar
MiCkEy MoUsE
 
 

ذكر
عدد المساهمات : 384
معدل النشاط : 1941
السُمعة : 11

http://megafm.all-up.com/

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

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

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

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى