 |
|
|
|
|
|
|||||||
|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
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 |
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (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 |
|
الساعة الآن 05:58 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض الشجري
