06‏/02‏/2015


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

شرح  طريقة التركيب
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. ابحث بإستعمال 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>
20 Blogger تعليقات
Disqus
20 التعليقات
المشرف
avatar
المشرف
avatar
Ahmed Elemam 2/06/2015
delete

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

المشرف
avatar
Abdallah Elashry 2/06/2015
delete

http://abdallahelashry.blogspot.com/

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

المشرف
avatar

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

المشرف
avatar

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

المشرف
avatar
Mőháméd IŚsâ Ẍƿ 2/07/2015
delete

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

المشرف
avatar
picalicz 2/09/2015
delete

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

المشرف
avatar

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

المشرف
avatar
الحبيب 2/11/2015
delete

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

المشرف
avatar

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

المشرف
avatar

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

المشرف
avatar

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

المشرف
avatar
عالم العرب 2/13/2015
delete

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

وشكرا

المشرف
avatar

رائع جدا

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

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

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

المشرف
avatar
سيد الطيب 2/17/2015
delete

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

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

المشرف
avatar
سيد الطيب 2/17/2015
delete

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

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

المشرف
avatar

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

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

المشرف
avatar

http://az64852.blogspot.com/ انضر هنا ♥

المشرف
avatar
سيد الطيب 2/21/2015
delete

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

المشرف
avatar
مهوس المعلوميات 3/08/2015
delete

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

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة