أزرار بسيطة | الجزء السادس

أزرار بسيطة | الجزء السادس

يوجد الآن مشاهدة التعليقات : 20

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات


أعود مجدداً بأزرار كالعادة البساطة تجتاحها وكذلك بنفس الوقت تأثيرها وشكلها مبهج ورائع لكافت الإستعمالات ولكل المواقع أترككم مع المعاينة ولكم حرية الإستعمال

شرح  طريقة التركيب
1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن  ]]></b:skin>
3. ضع الكود التالي قبله [ فوقه ]

 .button{background-color:#bdc3c7;font-size:13px;text-decoration:none;color:#676873;position:relative;margin-left:35px;padding:10px 20px;border-left:solid 1px #d3d8db;
border-radius: 3px;box-shadow: inset 0px 1px 0px #dcdfe1, 0px 5px 0px 0px #7f8c8d;}
.button:hover{top:7px;color:#95a5a6;background-image:linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);box-shadow:inset 0px 1px 0px #ecf0f1, 0px 1px 0px 0px #7f8c8d;text-shadow:0px 1px 1px rgba(255,255,255,0.3);}
.button-upload{color:#fff;background-color:#3498db;border-left:solid 1px #6fbaec;box-shadow:inset 0px 1px 0px #73b0d8, 0px 6px 0px #2980b9;}
.button-upload:hover{color:#2980b9;box-shadow:inset 0px 1px 0px #73b0d8, 0px 1px 0px 0px #2980b9;}
.button-view{color:#fff;background-color:#2ecc71;border-left:solid 1px #78e0a4;box-shadow:inset 0px 1px 0px #6ccc95, 0px 6px 0px #27ae60;}
.button-view:hover{color:#26a95e;box-shadow:inset 0px 1px 0px #6ccc95, 0px 1px 0px 0px #27ae60;}
.button-error{color:#fff;background-color:#e74c3c;border-left:solid 1px #ee897f;box-shadow:inset 0px 1px 0px #e98a80, 0px 5px 0px #c0392b;}
.button-error:hover{color:#cc3e2f;box-shadow:inset 0px 1px 0px #e98a80, 0px 1px 0px 0px #c0392b;}
.button-warning{color:#fff;background-color:#e67e22;border-left:solid 1px #f0ab6e;box-shadow:inset 0px 1px 0px #e3a36a, 0px 6px 0px #d35400;}
.button-warning:hover{color:#c56816;box-shadow:inset 0px 1px 0px #e3a36a, 0px 1px 0px 0px #d35400;}
.button-hm{color:#fff;background-color:#3A4247;border-left:solid 1px #2C3235;box-shadow:inset 0px 1px 0px #3A4247, 0px 6px 0px #292E32;}
.button-hm:hover{color:#23282C;box-shadow:inset 0px 1px 0px #3A4247, 0px 1px 0px 0px #292E32;}


تفعيل الكود
1. حرر الموضوع
2. إنتقل لتبويب HTML

3. ضع الزر الذي تريده
 <a class="button" href="#">افتراضي</a>
 <a class="button button-upload" href="#">تحميل</a>
 <a class="button button-view" href="#">معاينة</a>
 <a class="button button-error" href="#">خطأ</a>
 <a class="button button-warning" href="#">تنبيه</a>
<a class="button button-hm" href="#">رفع الملف</a>
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 20 تعليقًا:

  1. Ahmed Elemam2/06/2015

    صديقى حسام كيف اقوم بتغيير خط هذة المدونة

    ردحذف
  2. Abdallah Elashry2/06/2015

    http://abdallahelashry.blogspot.com/

    ارجو تقيم مدونتي

    ردحذف
  3. تابع هذه التدوينة : http://www.ar1web.com/2014/08/blog-post_22.html

    ردحذف
  4. أخي كيف أضيف أخر تعليقات disqus الى مدونتي ؟

    ردحذف
  5. Mőháméd IŚsâ Ẍƿ2/07/2015

    صديقى حسام احتاج مساعدة من فضلك :(
    الرجاء الدخول الى هذا القالب : http://google258.blogspot.com
    لن تستطيع نسخ اى شيئ :( انا اريد حل هذه المشكلة هل يمكن ان ازيل هذه الخاصية من القالب
    بمعنى يمكن لاى زائر نسخ اى شيئ من المدونة عكس ما ورد فى الدونة وشكراً

    ردحذف
  6. picalicz2/09/2015

    رائع اخي حسام ، ممكن طلب وهو ممكن تعطيني اكواد html و css التعليقات الخاصاة بقالبك في السابق يعني قبل ما توضع نظام disqus كانت تعليقات شكلها جميل ، ياريت ترسلي الاكواد مع الشرح وشكرا

    ردحذف
  7. حسام انا قمت بأضافة عدد الزيارات مثلك مفيش طريقة لمزامنة الزيارت الموجودة بالمدونة مع الأضافة

    ردحذف
  8. الحبيب2/11/2015

    رائع أخي أزرار رائعة
    أخي أعتقد لديك مشكلة في المدونة أريد التنبيه لها وهي أنك عندما أدخل إلى ar1web.com بدون www. في الاول فإنه لايحول إلى المدونة مباشرة مباشرة فقط يعطي صفحة بيضاء وأتقد أن المشكلة يواجهها العديد من الاخوان الذين إشتروا دومين مدوناتهم ب كوبونات تخفيض هل فهمتني أخي .
    شكرا لك

    ردحذف
  9. اخى حسام ان قمت باأضافة عدد الزيارات مثلك هل يوجد طريقة لمزامنة الزيارات القديمة الا هى تخص بلوجر بالجديدة

    ردحذف
  10. ممكن الخط الي انتا عملت بيه اللوجو بتاعك
    http://3.bp.blogspot.com/-S9nQ6yKc6GU/VCWPCjBwk0I/AAAAAAAAGDg/UVOUXlqwkDk/s1600/logo-ar1web-Hm.png

    ردحذف
  11. انا عندي الحل اذهب الي جودادي ثم ادارة الدومين ثم اعمل دومين فولو الي www.ar1web.com
    حدث معي هذا الموقف مرة علي Net3rby.com كان معكم مدير موقع نت عربي و انا اتمني النجاح لمدونتنا و مدوناتكم جميعا

    ردحذف
  12. عالم العرب2/13/2015

    السلام عليكم اخي حسام ممكن تعطيني كود تحميل الصور التي في قالب bmag
    http://b-g-ar1web.blogspot.com

    وشكرا

    ردحذف
  13. رائع جدا

    يشرفى زيارتكم لمدونتى (c)

    مدونة الموسوعة

    http://th3-encyclopedia.blogspot.com/2015/02/professional-sitemap_6.html

    ردحذف
  14. سيد الطيب2/17/2015

    السلام عليكم ورحمة الله وبركاتة اخى الكريم ارجو المساعدة ولك جزيل الشكر الشرح بالصورة

    http://im66.gulfup.com/nklLBA.png

    ردحذف
  15. سيد الطيب2/17/2015

    السلام عليكم ورحمة الله وبركاتة اخى الكريم ارجو المساعدة انا اسف ان سؤالى خارج الموضوع عوز امسح اداة من التخطيط وكل ما ادخول عليها علشان امسها ملقيش ولا حفظ ولا الغاء ولا حذ بشوف بس فى اول الصفحة الكلمة دى

    تهيئة التغذية

    ردحذف
  16. عليكم السلام، إبحث داخل القالب عنها سيكون إسمها ATTRIBUTION
    ستجد كود مشابه لهذا :

    يمكنك إما أن تحذفه أو ضع كلمة FALSE مكان كلمة TRUE وبعدها حفظ وتوجه لتخطيط وسينتج لك زر حذف الأداة
    بالتوفيق.

    ردحذف
  17. http://az64852.blogspot.com/ انضر هنا ♥

    ردحذف
  18. سيد الطيب2/21/2015

    شكرا لك على المساعدة ولك جزيل الشكر

    ردحذف
  19. مهوس المعلوميات3/08/2015

    موضوع رايع az64852.blogspot.com

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم