ايقونات رائعة بتقنية css3 بكل الاحجام

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif ط§ظٹظ‚ظˆظ†ط§طھ ط±ط§ط¦ط¹ط© ط¨طھظ‚ظ†ظٹط© css3 ط¨ظƒظ„ ط§ظ„ط§ط*ط¬ط§ظ… (http://www.dzbatna.com/t2031889/)



السلام عليكم ورحمة الله وبركاته
ايقونات بتقنية css3 متحركة رائعة
قبل كل شيء المثال
ايقونات css3 (http://www.3algeria.com/vb/3algeria.com/)


طريقة التركيب install للمنتديات:
ارفع مجلد css3 داخل vb
اضف الكود code لاي مكان تريد عرض فيه الايقونات
الايقونات الكبيرة
رمز PHP:

<code style="white-space:nowrap"> <code> <a href="#" class="button big blue">Big Button</a>
<a href="#" class="button big green">Big Button</a>
<a href="#" class="button big orange">Big Button</a>
<a href="#" class="button big gray">Big Button</a>
</code> </code>

الايقونات المتوسطة
رمز PHP:

<code style="white-space:nowrap"> <code> <a href="#" class="button blue medium">Medium Button</a>
<a href="#" class="button green medium">Medium Button</a>
<a href="#" class="button orange medium">Medium Button</a>
<a href="#" class="button gray medium">Medium Button</a>
</code> </code>

الايقونات الصغيرة



رمز PHP:

<code style="white-space:nowrap"> <code> <a href="#" class="button small blue">Small Button</a>
<a href="#" class="button small green">Small Button</a>
<a href="#" class="button small orange">Small Button</a>
<a href="#" class="button small gray">Small Button</a>
</code> </code>

الايقونات المستديرة
رمز PHP:

<code style="white-space:nowrap"> <code> <a href="#" class="button small blue rounded">Rounded</a>
<a href="#" class="button small green rounded">Rounded</a>
<a href="#" class="button small orange rounded">Rounded</a>
<a href="#" class="button small gray rounded">Rounded</a>
</code> </code>

اضافة هذا الكود code في اخر القالب template headinclude


رمز PHP:

<code style="white-space:nowrap"> <code> <link rel="stylesheet" type="text/css" href="css3/buttons/buttons.css" />
</code> </code>








التعديل الأخير كان بواسطة 3algeria.com; 02 - 02 - 2014 الساعة 12:42

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif css3.zip (http://www.traidnt.net/vb/attachments/626286d1328175161-css3.zip) (20.1 كيلوبايت, عدد مرات المشاهدة 172 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©