احلى أشهار

لجميع خدمات المنتديات
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
http://im38.gulfup.com/TjD1Z.png
 
 

 (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3

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


عدد المساهمات : 62

تاريخ التسجيل : 08/04/2013

 
مُساهمةموضوع: (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3   الإثنين أبريل 08, 2013 3:03 am

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

اعزائي اعضاء شركة فور يمني

اليوم اتيت لكم بكود رائع لجعل ازرار منتداك مثل اليوتيوب وبتأثيرات اكثر احترافية !

يلا لن اطول عليكم صور الكود :
-------
قبل مرور الماوس


http://i75.servimg.com/u/f75/17/99/57/94/oouu_o17.png

--------------------
بعد مرور الماوس


http://i75.servimg.com/u/f75/17/99/57/94/oouu_o18.png

------------------------------------------------

والأن لا اطول عليكم الكود


الرمز:


/* code programed by AsHeK IbDa3 */
input{
border: 1px solid #DDD;
border-radius: 3px;
text-shadow: 0 1px 1px white;
-webkit-box-shadow: 0 1px 1px #fff;
-moz-box-shadow: 0 1px 1px #fff;
box-shadow: 0 1px 1px #fff;
font: bold 11px Sans-Serif;
padding: 6px 10px;
white-space: nowrap;
vertical-align: middle;
color: #666;
background: transparent;
cursor: pointer;
}
input:hover, input:focus,input[type="submit"]:hover {
border-color: #999;
background: -webkit-linear-gradient(top, white, #E0E0E0);
background: -moz-linear-gradient(top, white, #E0E0E0);
background: -ms-linear-gradient(top, white, #E0E0E0);
background: -o-linear-gradient(top, white, #E0E0E0);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
input[type="submit"],input:active
{
border: 1px solid #AAA;
border-bottom-color: #CCC;
border-top-color: #999;
-webkit-box-shadow: inset 0 1px 2px #aaa;
-moz-box-shadow: inset 0 1px 2px #aaa;
box-shadow: inset 0 1px 2px #aaa;
background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
background: -moz-linear-gradient(top, #E6E6E6, gainsboro);
background: -ms-linear-gradient(top, #E6E6E6, gainsboro);
background: -o-linear-gradient(top, #E6E6E6, gainsboro);
}
/* code programed by AsHeK IbDa3 */

ملاحظة : يجب قبل وضع الكود التأكد ان ليس عندك اي اكواد ازرار اخرى في ورقة السي اس اس
An0nYmOuS ; توقيع العضو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
A s h e K



عدد المساهمات : 36

تاريخ التسجيل : 30/04/2013

 
مُساهمةموضوع: رد: (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3   الأربعاء مايو 01, 2013 6:24 pm

 
شكرا لك حبى
A s h e K ; توقيع العضو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
abd allh

avatar

ذكر

عدد المساهمات : 64

تاريخ التسجيل : 04/05/2013

 
مُساهمةموضوع: رد: (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3   السبت مايو 04, 2013 2:58 am

 
شكرا لك على الكود
وفقك الله
،،،
abd allh ; توقيع العضو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
SuHAiB JOo
Admin
avatar

عدد المساهمات : 32

تاريخ التسجيل : 27/03/2013

 
مُساهمةموضوع: رد: (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3   الإثنين مايو 06, 2013 12:08 am

 
ششكرآ لك
SuHAiB JOo ; توقيع العضو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://a7la-esher.123.st
MoAzAli



ذكر

عدد المساهمات : 42

تاريخ التسجيل : 29/04/2013

 
مُساهمةموضوع: رد: (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3   الثلاثاء مايو 07, 2013 5:49 pm

 
مشكور وبارك الله فيك
MoAzAli ; توقيع العضو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
AmEr DeSiGN



عدد المساهمات : 7

تاريخ التسجيل : 27/04/2013

 
مُساهمةموضوع: رد: (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3   الخميس مايو 16, 2013 5:11 pm

 
مميز جدا واااااااصل
AmEr DeSiGN ; توقيع العضو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 

(CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعي AsHeK IbDa3

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
  
 
http://im38.gulfup.com/TjD1Z.png
 
صفحة 1 من اصل 1

تذكر قول الله تعالى { مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ } سورة ق الآية 18
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلى أشهار :: دعم فني لأحلى منتدى | ahlamontada :: الدعم الفنى لاحلى منتدى :: اكواد الانماط الانسيابية css codes | css-