السلام عليكم ورحمة الله وبركاته
ايقونات بتقنية css3 متحركة رائعة
قبل كل شيء المثال
ايقونات css3
طريقة التركيب 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>