أزرار css3 مميزة وجميلة
السلام عليكم ورحمة الله وبركاته
انا اليوم جايبلكم ازرار ابداع وحلوة بكل تأثيراتها يعني الزر عند
المرور عليه وعند الضغط وعند التعطيل
وشوفو الصور
بأحجام مختلفة
كل ماعليك الا ان تحمل الكود من المرفقات وتضع بوتون
وبألوان مختلفة
تحمل من المرفقات وتضع الكود ده بالhtml
أزرار disabled
مجموعة أزرار
ومن هنا لتجربة الأزرار CSS3 patterned buttons demo - RedTeamDesign
وللتحميل من هنا http://www.mediafire.com/?lrhl38dbeg0jggc
انا اليوم جايبلكم ازرار ابداع وحلوة بكل تأثيراتها يعني الزر عند
المرور عليه وعند الضغط وعند التعطيل
وشوفو الصور
بأحجام مختلفة
كل ماعليك الا ان تحمل الكود من المرفقات وتضع بوتون
رمز PHP:
<button class="small button">زر صغير </button>
<button class="largebutton">زر كبير</button> تحمل من المرفقات وتضع الكود ده بالhtml
رمز PHP:
<button class="button">Button</button>
<button class="color red button">زر لونه احمر</button>
<button class="color green button">زر لونه اخضر</button>
<button class="color blue button">زر لونه ازرق</button> أزرار disabled
رمز PHP:
<button class="button" disabled>Button</button>
<button class="color red button" disabled>زر أحمل</button>
<button class="color green button" disabled>أخضر</button>
<button class="color blue button" disabled>أزرق</button>
رمز PHP:
<ul class="button-group">
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
<li><button class="button">Button</button></li>
</ul> ومن هنا لتجربة الأزرار CSS3 patterned buttons demo - RedTeamDesign
وللتحميل من هنا http://www.mediafire.com/?lrhl38dbeg0jggc
undefined
undefined
undefined
الان صانع النماذج(form) لن تحتاج الى كتابة كود واحد
الكثير منا لما يسوي نموذج ادخال او تسجيل يقعد يكتب اكواد ويتعب وكده لكن الموقع ده هيسهل عليك الكثير من هنا مايحتاج تكتب أي كود pForm - Free HTML Form Builder - Create Web Form Template Online
undefined
undefined
undefined
عمل خلفية تتغير كل مدة معينة
هذا مثال لخلفية تتغير كل خمسة ثواني وتقدر تعدل عليها وتجعلها اكثر أو أقل
والكود والتجربة من هنا |
-
والكود والتجربة من هنا |
-
undefined
undefined
undefined
خلفية بألوان عشوائية
هذا كود لقيته يخليك تسوي خلفية متغيرة الألوان اللي يبغى يشوف من هنا http://jsfiddle.net/86s6y/
والكود اهو
undefined
undefined
undefined
input لايكتب الا باللغة العربية
اولا نحط اكواد الHTML
<input type="text" name="" id="user" class="disablecopypaste" />
ثانيا نحط اكواد الCSS
input {
padding: 5px 8px;
font-size: 15px;
outline: none;
color: #333;
}
padding: 5px 8px;
font-size: 15px;
outline: none;
color: #333;
}
ثالثا نحط اكواد الjquery
$('document').ready(function(){
$('input.disablecopypaste').bind('copy paste', function (e) {
e.preventDefault();
});
$('#user').keypress(function(event){
if(event.which >=1564){return true;}
else if (event.which == 32){return true;}
else if (event.which == 45 ){return true;}
else if (event.which == 95 ){return true;}
else if (event.which == 8){return true;}
else if (event.which <= 57 && event.which >= 48){return true;}
else if(event.which == 17){
return false;
}
else{return false;}
});
});
$('input.disablecopypaste').bind('copy paste', function (e) {
e.preventDefault();
});
$('#user').keypress(function(event){
if(event.which >=1564){return true;}
else if (event.which == 32){return true;}
else if (event.which == 45 ){return true;}
else if (event.which == 95 ){return true;}
else if (event.which == 8){return true;}
else if (event.which <= 57 && event.which >= 48){return true;}
else if(event.which == 17){
return false;
}
else{return false;}
});
});
ولرؤية الكود كامل وللتجربة من هنا http://jsfiddle.net/DveuB/170/
الاشتراك في:
الرسائل (Atom)
