مجتمع المبدعون العرب

مجتمع عربي يختص بعالم التصميم والجرافيك وكل ما يخص الديزاين
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 كود ازرار رائعه مع التوهج (css+html) ـــ الان على شبكة الدعم العربي

اذهب الى الأسفل 
كاتب الموضوعرسالة
A D M ! N
مؤسس المجتمع
مؤسس المجتمع
avatar

ذكر
عدد المساهمات : 896
نقاطي : 2147483647
السٌّمعَة : 35
العمر : 28
الحمل
الحصان
تاريخ التسجيل * : 26/06/2013
احترام قوانين المبدعون العرب :

مُساهمةموضوع: كود ازرار رائعه مع التوهج (css+html) ـــ الان على شبكة الدعم العربي   الإثنين يناير 27, 2014 3:49 pm

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

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

كود الهتمل

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


ارجو انا اكون افدتكم    
منقول للافادة  :1111: 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mobd3oon.ahlamontada.com
eltaqa
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 401
نقاطي : 401
السٌّمعَة : 10
العمر : 31
السمك
القط
تاريخ التسجيل * : 04/07/2015

مُساهمةموضوع: رد: كود ازرار رائعه مع التوهج (css+html) ـــ الان على شبكة الدعم العربي   السبت يوليو 04, 2015 7:47 pm

بارك الله فيك (ي) علـى المـوضوع الجمـيل والطـرح الممـيز
أفـدتنا بمـعلومات قـيمة ومفيدة جـزاك الله خـيرا
نحـن في انتظـار مواضيـعك الجديـدة والرائـعة
لـك (ي) مـني أجمـل التحـيات ودمـت (ي) فـي أمـان الله وحفـظه
تحيـاتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
MoDe3
المدير التنفيذي
المدير التنفيذي
avatar


ذكر
عدد المساهمات : 104
نقاطي : 951
السٌّمعَة : 3
تاريخ التسجيل * : 09/07/2013
احترام قوانين المبدعون العرب :

مُساهمةموضوع: رد: كود ازرار رائعه مع التوهج (css+html) ـــ الان على شبكة الدعم العربي   الأحد يوليو 05, 2015 11:37 am

روووووووووعة
تسلم على موضوعك المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://amr14.arab.st
énergie
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 401
نقاطي : 403
السٌّمعَة : 10
العمر : 31
السمك
القط
تاريخ التسجيل * : 08/07/2015

مُساهمةموضوع: رد: كود ازرار رائعه مع التوهج (css+html) ـــ الان على شبكة الدعم العربي   الجمعة يوليو 10, 2015 1:51 pm

صباحك // مساؤك .. أمواج فرح لا تجف ,,
تحية محملة بباقة ورد جورية ,,,
أهديك أياها
يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبلي مروري المتواضع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.eltaqa.com/
 
كود ازرار رائعه مع التوهج (css+html) ـــ الان على شبكة الدعم العربي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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