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

من طرف **smart fox** الثلاثاء يونيو 25, 2013 11:01 am

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

اعزائي اعضاء عراق النور

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

يلا لن اطول عليكم صور الكود :

-------

قبل مرور الماوس

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

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

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

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

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

من طرف **Mr.EXPERT** الجمعة نوفمبر 08, 2013 12:19 pm

كود رائع شكراً لـك , (CSS)كود جعل الازرار في منتداك مثل اليوتيوب من صنعAsHEk iBda3 1971017347

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

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

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