كود CSS لعمل تأثيرات احترافية في كل صفحات المنتدى من تصميمي ((عازف الدموع))

اذهب الى الأسفل

كود CSS لعمل تأثيرات احترافية في كل صفحات المنتدى من تصميمي ((عازف الدموع))

مُساهمة من طرف عازف? الدموع? في الجمعة 18 مايو 2012 - 13:14





كود CSS لعمل تأثيرات احترافية على زر التسجيل ومنافذ اسم العضو وكلمة السر في كل صفحات المنتدى


كود احترافي وهو لعمل تأثيرت لكل صفحات المنتدى كما هو موضح بالصورة

طبعاً الكود من صنعي
(( عازف? الدموع?))

شغال 100%

صورة لبعض تأثيرت الكود من الكود



سويت 6 ألوان للكود وإن شاء الله راح تعجبكم


ارجوا منكم الردود لا السطحية فضلاً وليس أمراً Rolling Eyes

يوضع الكود في قالب css

صور الأكواد مع التحميل

اللون الأول

الكود:


/* ***** 3zfaldmo3 */
textarea, .bginput, input[type="text"], textarea, select, input[type="password"], file, input[type="file"] {
    background: #fff4f6 url('http://i42.servimg.com/u/f42/17/52/16/75/3zfald10.jpg') repeat-x center top;
    color: #3c3c3c;
    border : 2px #FDEBEE solid;
    text-shadow: 0 1px 0 #FFF;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
/* ***** www.3zfaldmo3.com */

/* ***** www.3zfaldmo3.com */
.button, input[type="submit"], input[type="reset"] {
    background: #c14358 url('../images/tcat.png') repeat-x center top;
    color: #FFF;
    text-shadow: 0 1px 0 #841053;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border: none !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
/* ***** 3zfaldmo3 */


اللون الثاني


الكود:

/* ***** 3zfaldmo3 */
textarea, .bginput, input[type="text"], textarea, select, input[type="password"], file, input[type="file"] {
    background: #E9E9E9 url('http://i42.servimg.com/u/f42/17/52/16/75/3zfald10.jpg') repeat-x center top;
    color: #3c3c3c;
    border : 2px #BCBBBB solid;
    text-shadow: 0 1px 0 #FFF;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
/* ***** www.3zfaldmo3.com */

/* ***** www.3zfaldmo3.com */
.button, input[type="submit"], input[type="reset"] {
    background: #898686 url('../images/tcat.png') repeat-x center top;
    color: #FFF;
    text-shadow: 0 1px 0 #5E6061;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border: none !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
/* ***** 3zfaldmo3 */



اللون الثالث


الكود:

/* ***** 3zfaldmo3 */
textarea, .bginput, input[type="text"], textarea, select, input[type="password"], file, input[type="file"] {
    background: #D3EFFA url('http://i42.servimg.com/u/f42/17/52/16/75/3zfald10.jpg') repeat-x center top;
    color: #3c3c3c;
    border : 2px #ACE0F3 solid;
    text-shadow: 0 1px 0 #FFF;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
/* ***** www.3zfaldmo3.com */

/* ***** www.3zfaldmo3.com */
.button, input[type="submit"], input[type="reset"] {
    background: #21A3C2 url('../images/tcat.png') repeat-x center top;
    color: #FFF;
    text-shadow: 0 1px 0 #1C7C8D;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border: none !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
/* ***** 3zfaldmo3 */


اللون الرابع




الكود:
/* ***** 3zfaldmo3 */
textarea, .bginput, input[type="text"], textarea, select, input[type="password"], file, input[type="file"] {
    background: #D8FAD5 url('http://i42.servimg.com/u/f42/17/52/16/75/3zfald10.jpg') repeat-x center top;
    color: #3c3c3c;
    border : 2px #9FEA97 solid;
    text-shadow: 0 1px 0 #FFF;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
/* ***** www.3zfaldmo3.com */

/* ***** www.3zfaldmo3.com */
.button, input[type="submit"], input[type="reset"] {
    background: #5ABC50 url('../images/tcat.png') repeat-x center top;
    color: #FFF;
    text-shadow: 0 1px 0 #307429;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border: none !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
/* ***** 3zfaldmo3 */



اللون الخامس


الكود:
/* ***** 3zfaldmo3 */
textarea, .bginput, input[type="text"], textarea, select, input[type="password"], file, input[type="file"] {
    background: #FAE1ED url('http://i42.servimg.com/u/f42/17/52/16/75/3zfald10.jpg') repeat-x center top;
    color: #3c3c3c;
    border : 2px #F0C8DB solid;
    text-shadow: 0 1px 0 #FFF;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
/* ***** www.3zfaldmo3.com */

/* ***** www.3zfaldmo3.com */
.button, input[type="submit"], input[type="reset"] {
    background: #CF6196 url('../images/tcat.png') repeat-x center top;
    color: #FFF;
    text-shadow: 0 1px 0 #9C2D62;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border: none !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
/* ***** 3zfaldmo3 */



اللون السادس



الكود:

/* ***** 3zfaldmo3 */
textarea, .bginput, input[type="text"], textarea, select, input[type="password"], file, input[type="file"] {
    background: #D66C84 url('http://i42.servimg.com/u/f42/17/52/16/75/3zfald10.jpg') repeat-x center top;
    color: #3c3c3c;
    border : 2px #D1607A solid;
    text-shadow: 0 1px 0 #FFF;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    padding: 4px 5px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
}
/* ***** www.3zfaldmo3.com */

/* ***** www.3zfaldmo3.com */
.button, input[type="submit"], input[type="reset"] {
    background: #A82643 url('../images/tcat.png') repeat-x center top;
    color: #FFF;
    text-shadow: 0 1px 0 #89132E;
    font: bold 9pt Tahoma, Geneva, sans-serif !important;
    text-align: center !important;
    padding: 4px 5px !important;
    border: none !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}
/* ***** 3zfaldmo3 */



(( انا مو عضو جديد
المهم ما أقدر أن أضع الكود في المكان المخصص
فيرجى من المختص نقل الموضوع لقسم أكواد css لكي يستفيد الكل منه


بالتوفيق للجميع

اخوكم عازف? الدموع?


avatar
عازف? الدموع?



ذكر
عدد المساهمات : 1
معدل النشاط : 2181
السُمعة : 0

http://www.3zfaldmo3.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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