|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
12-10-2012, 07:32 PM | #1 |
مدون نشيط
تاريخ التسجيل: Jul 2012
المشاركات: 159
|
[ فيديو ] إضافة ازرار جميلة الى مدونتك
السلام عليكم ورحمة الله تعالى وبركاته في هذا الشرح سوف اقوم بطرح فيديو سأشرح فيه كيفية عمل ازرار في مدونتك . فإذا قربنا الماوس على الزر نلاحظ انه يعمل حركة جميلة ومميزة وكذلك يمكنك عمل رابط في الزر اي انم بمجرد الضغط عليه تفتح لك الصفحة المرادة . الأكواد المستعملة في الفيديو : كود بلغة HTML:
]]></b:skin>
كود بلغة HTML:
a.expand-button:link { color: #6E6E6E; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 white; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #F3F3F3; background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1)); : -moz-linear-gradient(linear,0% 40%,0% 70%, from(whiteSmoke),to(#F1F1F1)); border: solid 1px gainsboro; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 10px; text-align: center; width: 70px; transition: width 1s; -moz-transition: width 1s; -webkit-transition: width 1s; -o-transition: width 1s; } a.expand-button:hover { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); width: 160px; كود بلغة HTML:
<a class="expand-button" href=" # "> test 4we-eb </a> ملاحظة : لا تنس تغيير : tst 4we-eb بمايناسبك . وغيير # بالرابط المناسب لك .
__________________
دروس بلوجر ,قوالب , اضافات http://TadwiinPro.blogspot.com/ التعديل الأخير تم بواسطة عماد عادل ; 12-10-2012 الساعة 07:59 PM |
12-13-2012, 01:19 PM | #2 |
مدون نشيط
تاريخ التسجيل: Jul 2012
المشاركات: 159
|
رد: [ فيديو ] إضافة ازرار جميلة الى مدونتك
__________________
دروس بلوجر ,قوالب , اضافات http://TadwiinPro.blogspot.com/ |
12-13-2012, 03:09 PM | #3 |
مدون جديد
|
رد: [ فيديو ] إضافة ازرار جميلة الى مدونتك
__________________
مدونة عاشق الويب نهتم بتتبع جديد عالم الويب من برامج واخبار التقنيه واخر تحديثات الفيس بوك وخدع الفيس بوك وكل جديد وحصرى فى عالم الويب 3asq-elweb.blogspot.com |
12-13-2012, 05:09 PM | #4 |
مدون مميز
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
|
رد: [ فيديو ] إضافة ازرار جميلة الى مدونتك
وعليكم السلام
ما شاء الله أكثر من رائع وإضافة جميله أخي شرح واضح وجميل وسهل
__________________
|
12-14-2012, 02:06 PM | #5 | |
مدون نشيط
تاريخ التسجيل: Jul 2012
المشاركات: 159
|
رد: [ فيديو ] إضافة ازرار جميلة الى مدونتك
اقتباس:
شكراا لك اخي اتمنى ان تنال اعجاب الجميع وان تستفيدو منها
__________________
دروس بلوجر ,قوالب , اضافات http://TadwiinPro.blogspot.com/ |
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
ازرار |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
اضافة جميع ازرار المواقع الاجتماعية في مدونتك | saheralialy | إضافات وأدوات بلوجر | 8 | 06-25-2013 06:08 AM |
إضافة الاشتراك عن طريق البريد الإلكتروني جميلة | chhibo | إضافات وأدوات بلوجر | 7 | 04-08-2013 01:09 AM |
[ شرح ] إضافة المشاركات الشـآئعة بطريقة جميلة | Mr Chafiai | إضافات وأدوات بلوجر | 1 | 12-29-2012 03:32 PM |
هل أعجبك الموضوع...إضافة جميلة على البلوجر | overboy | إضافات وأدوات بلوجر | 17 | 08-30-2012 04:33 PM |
شرح بالفيديو لطريقة إضافة فيديو من اليوتيوب الى بلوجر | أسامة المسيلي | دروس بلوجر | 11 | 06-19-2012 02:11 PM |
الساعة الآن 01:15 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |