کد منو دایره ای

wysiwyg image

در کد منو دایره ای که براتون قرار دادیم افکت پرانتز برای هاور قرار داده شده که مطمئنا این رو در خیلی جاها دیدید و جدیدا به افکت محبوبی تبدیل شده.

برای استفاده از این کد تنها لازمه که اونو در قسمت‌هایی که جلوتر بهتون میگیم قرار بدید تا به درستی در قالب شما که میتونه قالب وردپرس هم باشه قرار بگیره و حتما دقت کنید که بدون هیچ تغییری همان کد منو دایره ای رو قرار بدید و جاهایی که گفته میشه رو تغییر بدهید.

آموزش استفاده از کد منو دایره ای

برای استفاده از کد منو دایره ای اول از همه کد استایل زیر رو در قسمت head قالبتون قرار بدید ( دقت کنید حتما در head باشد )

کد:
<link rel="stylesheet" href="http://dl.codenvis.ir/coding/Circle-menu/style-codenvis.css">

در قدم بعدی باید کد جاوا اسکریپت زیر رو در ناحیه head یا در آخر قالب قبل از اتمام تگ body قرار بدهید

کد:

<script src="http://dl.codenvis.ir/coding/Circle-menu/js/circle-codenvis.js"></script>

و در آخر کد زیر که کد منو دایره ای هستش رو در هر جای قالب که میخواید از منو استفاده کنید بزارید تا کد براتون به نمایش در بیاد

کد:

<a href="#" class="snip1489 ion-ios-star-outline"></a>
<a href="#" class="snip1489 hover blue ion-ios-list-outline"></a>
<a href="#" class="snip1489 ion-ios-chatboxes-outline"></a>
<a href="#" class="snip1489 ion-ios-home-outline"></a>
<a href="#" class="snip1489 ion-ios-pie-outline"></a>

<a href="#" class="snip1489 ion-ios-gear-outline"></a>

منبع : کد منو دایره ای

codenvis.ir

امضاي کاربر :

پاسخ : 1 RE کد منو دایره ای

پيام خصوصي نقل قول تشکر کنيد

دمو هم بزار دیگه

امضاي کاربر :

دانلود قالب رزبلاگ ، سورس نرم افزار ، قالب وردپرس ، افزونه وردپرس و...