برگزیده های پرشین تولز

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

codenvis

کاربر تازه وارد
تاریخ عضویت
28 دسامبر 2016
نوشته‌ها
61
لایک‌ها
10
سن
27
post-62.jpg


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

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

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

برای استفاده از کد منو دایره ای اول از همه کد استایل زیر رو در قسمت 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>

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