کد منو دایره ای
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش
کد منو دایره ایبازديد : 402
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
امضاي کاربر :

پاسخ ها

براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.