أزرار ويب احترافية الشكل الأول

السلام عليكم مرحبا بكم معنا في مدونة عملاق النت تدوينة اليوم ، نضع لكم فيها تجميعة لأفضل الأزرار الإحترافية والتي ستضيف لمدونتك طابعا خاصا للمواضيع سواء إستخدمت الأزرار في التحميل أو أي شيئ فهي مناسبة لجميع الأعمال وسوف يكون لنا عدة اشكال في مواضيع قادمة قريبا إن شاء الله

الشكل الأول

طريقة التركيب

نتوجه لقالب >> تحرير
ابحث بإستعمال CTRL+F عن <head/>
ضع الكود التالي قبله [ فوقه ]

<link rel='stylesheet' href='https://ar1web-com.googlecode.com/svn/trunk/Best-Button.css' media='all'/>

يمكنك حفظ العمل بعد ذلك تبقى لنا المرحلة الأخيرة وهي إختيار الزر في المعاينة رأيت كل قسم وبه زر بإسمه كل ما عليك فعله هو إختيار الإسم بعد ذلك إختر الكود الخاص به ضمن الأكواد بالأسفل وضعه في خانة html

<a rel='grow' class='button grow'>Grow</a>
<a rel='shrink' class='button shrink'>Shrink</a>
<a rel='pulse' class='button pulse'>Pulse</a>
<a rel='pulse-grow' class='button pulse-grow'>Pulse Grow</a>
<a rel='pulse-shrink' class='button pulse-shrink'>Pulse Shrink</a>
<a rel='push' class='button push'>Push</a>
<a rel='pop' class='button pop'>Pop</a>
<a rel='rotate' class='button rotate'>Rotate</a>
<a rel='grow-rotate' class='button grow-rotate'>Grow Rotate</a>
<a rel='float' class='button float'>Float</a>
<a rel='sink' class='button sink'>Sink</a>
<a rel='hover' class='button hover'>Hover</a>
<a rel='hang' class='button hang'>Hang</a>
<a rel='skew' class='button skew'>Skew</a>
<a rel='skew-forward' class='button skew-forward'>Skew Forward</a>
<a rel='skew-backward' class='button skew-backward'>Skew Backward</a>
<a rel='wobble-horizontal' class='button wobble-horizontal'>Wobble Horizontal</a>
<a rel='wobble-vertical' class='button wobble-vertical'>Wobble Vertical</a>
<a rel='wobble-to-bottom-right' class='button wobble-to-bottom-right'>Wobble To Bottom Right</a>
<a rel='wobble-to-top-right' class='button wobble-to-top-right'>Wobble To Top Right</a>
<a rel='wobble-top' class='button wobble-top'>Wobble Top</a>
<a rel='wobble-bottom' class='button wobble-bottom'>Wobble Bottom</a>
<a rel='wobble-skew' class='button wobble-skew'>Wobble Skew</a>
<a rel='buzz' class='button buzz'>Buzz</a>
<a rel='buzz-out' class='button buzz-out'>Buzz Out</a>

نلتقي قريبا إن شاء الله والسلام عليكم

أزرار ويب احترافية الشكل الأول

مواضيع ذات صلة

ليست هناك تعليقات:

نموذج الاتصال