| | |
| | |
| الخميس أغسطس 25, 2016 11:02 pm | المشاركة رقم: | عضو VIP
إحصائية العضو | Time Online : 409d 4h 5m 58s | عدد المساهمات : 1019 | نقاط : 1140 | السمعة : 4 | العمر : 32 |
| | موضوع: مجموعة أزرار متطورة (Flat Buttons) مجموعة أزرار متطورة (Flat Buttons) بسم الله الرحمن الرحيم السلام عليكم و رحمة الله و بركاته مجموعة أزرار متطورة للغاية.. قمت بتصميمها للمنتدى. أتمنى أن تعجبكم. كما صممت كود خاص بباقي الأزرار لتكون متناسقة مع هذه الأزرار - الكود:
-
/* PHPBB2 Buttons Code Designed by keko_ferkeko */ @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype'); }
input.mainoption, input.liteoption, input.button { width: 70px; color: #333; background-color: #b5d44a; border-radius: 6px; height: 25px; border: 1px solid #9cc22f; box-shadow: 0 0 5px #999; font-family:"Droid Arabic Kufi"; }
input.mainoption:hover, input.liteoption:hover, input.button:hover { width: 70px; color: #333; background-color: #9cc22f; border-radius: 6px; height: 25px; border: 1px solid #9cc22f; box-shadow: 0 3px 6px #999; font-family:"Droid Arabic Kufi"; }
input.mainoption:active, input.liteoption:active, input.button:active { width: 70px; color: #333; background-color: #b5d44a; border-radius: 6px; height: 25px; border: 1px solid #9cc22f; box-shadow: 0 0 5px #999; font-family:"Droid Arabic Kufi"; } /* For more codes, visit http://nf-son.forumotion.com */
خالص تحياتي؛
| | |
| |
| | |
| الجمعة أغسطس 26, 2016 3:24 am | المشاركة رقم: | المدير العام
إحصائية العضو | Time Online : 594d 12h 53m 55s | عدد المساهمات : 378 | نقاط : 710 | السمعة : 3 |
| | موضوع: رد: مجموعة أزرار متطورة (Flat Buttons) مجموعة أزرار متطورة (Flat Buttons) ماشاءالله عليك الله يعطيك العافيه رائعه جدا جدا ويشرف الاداره والمنتدى باكمله بتركيب اي تصميم من قبلك شخصيا + الكود الموجود css ????يركب اوتماتيكي للمنتدى؟ ولا لازم اركب صوره صور ؟؟ واكرر مره اخرى الف شكر لك اخي على مجهودك الطيب وبالتوفيق ان شاءالله
| | |
| |
| الجمعة أغسطس 26, 2016 4:09 am | المشاركة رقم: | المدير العام
إحصائية العضو | Time Online : 594d 12h 53m 55s | عدد المساهمات : 378 | نقاط : 710 | السمعة : 3 |
| | موضوع: رد: مجموعة أزرار متطورة (Flat Buttons)
| | |
| |
| | |
| الجمعة أغسطس 26, 2016 5:06 am | المشاركة رقم: | عضو VIP
إحصائية العضو | Time Online : 409d 4h 5m 58s | عدد المساهمات : 1019 | نقاط : 1140 | السمعة : 4 | العمر : 32 |
| | موضوع: رد: مجموعة أزرار متطورة (Flat Buttons) مجموعة أزرار متطورة (Flat Buttons) - الزعيم كتب:
ماشاءالله عليك الله يعطيك العافيه رائعه جدا جدا ويشرف الاداره والمنتدى باكمله بتركيب اي تصميم من قبلك شخصيا + الكود الموجود css ????يركب اوتماتيكي للمنتدى؟ ولا لازم اركب صوره صور ؟؟ واكرر مره اخرى الف شكر لك اخي على مجهودك الطيب وبالتوفيق ان شاءالله سعيد إن التصميم قد أعجبكم. و شرف لي أنا الكود الموجود لأزرار (بحث - إرسال - استعراض-إلخ). و هي الأزرار التي لا يتم تصميمها كصورة إنما موجودة على شكل أكواد فقط. - الزعيم كتب:
ملاحظه تقدر تصميم زر رد سريع؟ بالتأكيد.. هذا هو و أتمنى إنه يعجبك
| | |
| |
| | |
| الجمعة أغسطس 26, 2016 5:24 am | المشاركة رقم: | عضو VIP
إحصائية العضو | Time Online : 409d 4h 5m 58s | عدد المساهمات : 1019 | نقاط : 1140 | السمعة : 4 | العمر : 32 |
| | موضوع: رد: مجموعة أزرار متطورة (Flat Buttons) مجموعة أزرار متطورة (Flat Buttons) تعديل بسيط في الكود: - الكود:
-
/* PHPBB2 Buttons Code Designed by keko_ferkeko */ @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype'); }
input.mainoption, input.liteoption, input.button { width: 70px; color: #333; background-color: #b5d44a; border-radius: 6px; height: 25px; border: 1px solid #9cc22f; box-shadow: 0 0 5px #999; font-family:"Droid Arabic Kufi"; }
input.mainoption:hover, input.liteoption:hover, input.button:hover { width: 70px; color: #333; background-color: #9cc22f; border-radius: 6px; height: 25px; border: 1px solid #9cc22f; box-shadow: 0 3px 6px #999; font-family:"Droid Arabic Kufi"; }
input.mainoption:active, input.liteoption:active, input.button:active { width: 70px; color: #333; background-color: #b5d44a; border-radius: 6px; height: 25px; border: 1px solid #9cc22f; box-shadow: 0 0 5px #999; font-family:"Droid Arabic Kufi"; }input.mainoption, input.liteoption, input.button { width: 70px; color: #fff; background-color: #88cc55; border-radius: 3px; height: 25px; border: 0px solid #77bb44; border-bottom: 2px solid #77bb44; box-shadow: 0 0 5px #999; font-family:"Droid Arabic Kufi"; }
input.mainoption:hover, input.liteoption:hover, input.button:hover { width: 70px; color: #fff; background-color: #88cc55; border-radius: 3px; height: 25px; border: 0px solid #77bb44; border-bottom: 2px solid #77bb44; box-shadow: 0 3px 6px #999; font-family:"Droid Arabic Kufi"; }
input.mainoption:active, input.liteoption:active, input.button:active { width: 70px; color: #fff; background-color: #88cc55; border-radius: 3px; height: 25px; border: 0px solid #77bb44; border-bottom: 2px solid #77bb44; box-shadow: 0 0 5px #999; font-family:"Droid Arabic Kufi"; } /* For more codes, visit http://nf-son.forumotion.com */
| | |
| |
| | |
| الجمعة أغسطس 26, 2016 10:29 am | المشاركة رقم: | المدير العام
إحصائية العضو | Time Online : 594d 12h 53m 55s | عدد المساهمات : 378 | نقاط : 710 | السمعة : 3 |
| | موضوع: رد: مجموعة أزرار متطورة (Flat Buttons) مجموعة أزرار متطورة (Flat Buttons) تم التركيب بنجاح الله يعطيك العافيه واستمر بالمزيد من ابداعك المتواصل بالتوفيق
| | |
| |
| الأربعاء أغسطس 31, 2016 4:14 pm | المشاركة رقم: | عضو VIP
إحصائية العضو | Time Online : 409d 4h 5m 58s | عدد المساهمات : 1019 | نقاط : 1140 | السمعة : 4 | العمر : 32 |
| | موضوع: رد: مجموعة أزرار متطورة (Flat Buttons) مجموعة أزرار متطورة (Flat Buttons) أشكرك كثيراً على ثقتكم بي.. أتمنى لو يتم تركيب الكود كذلك.. لإني أعددت تصميمه بحيث يكون متناسق مع الأزرار. خالص تحياتي؛
| | |
| |
أنت غير مسجل فى منتدى نادي العود . للتسجيل الرجاء إضغط هنـا
|
|
|