الإعلانات

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

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

محمد مانو
محمد مانو

عدد المساهمات : 44
نقاط : 88
تقييم العضو : 0
تاريخ الميلاد : 16/08/1988
العمـر : 30

مُساهمةمحمد مانو في الخميس مارس 06, 2014 8:42 pm

 كود ازرار رائعه مع التوهج (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 -  -->[size=20][color=#666666][font=Verdana, Arial, Helvetica, sans-serif][/font][/color][/size]


كود الcss



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



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

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

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


ارجو انا اكون افدتكم    
Islam Hagras
Islam Hagras
مؤسس المنتدى
مؤسس المنتدى
ذكر
عدد المساهمات : 71
نقاط : 71
تقييم العضو : 0
تاريخ الميلاد : 15/07/1999
العمـر : 19

مُساهمةIslam Hagras في الجمعة مارس 07, 2014 2:09 pm

موضوع رائع بوركت

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

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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