در کد منو دایره ای که براتون قرار دادیم افکت پرانتز برای هاور قرار داده شده که مطمئنا این رو در خیلی جاها دیدید و جدیدا به افکت محبوبی تبدیل شده.
برای استفاده از این کد تنها لازمه که اونو در قسمتهایی که جلوتر بهتون میگیم قرار بدید تا به درستی در قالب شما که میتونه قالب وردپرس هم باشه قرار بگیره و حتما دقت کنید که بدون هیچ تغییری همان کد منو دایره ای رو قرار بدید و جاهایی که گفته میشه رو تغییر بدهید.
آموزش استفاده از کد منو دایره ای
برای استفاده از کد منو دایره ای اول از همه کد استایل زیر رو در قسمت 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>
منبع : کد منو دایره ای