به کانال تلگرام ما بپیوندید
@Codenvis

کدنویس | قالب وردپرس |‌ قالب وبلاگ
کد منو انیمیشنی رنگی
حانی دیزاین | طراحی سایتحانی دیزاین | طراحی سایت

کد منو انیمیشنی رنگی

با سلام خدمت کاربران و وبمستران عزیز کدنویس ، در این مقاله با کد منو انیمیشنی رنگی که در دسته کد و ابزار قرار داره در خدمتتون هستیم تا اون رو به شما معرفی کنیم!

کد منو انیمیشنی رنگی یکی از زیباترین و جالب‌ترین کدهای منویی هست که من دیدم چون هم ظاهر جالب و کاربر پسندی داره و هم با افکت و انیمیشنی که روی این منو به کار رفته اون رو خیلی منحصر به فرد کرده!

کد منو رنگی

این منو بیشتر در سایت‌های تفریحی و پرتال‌های جامع به کار میرود ( البته در خیلی از سایت‌ها هم میشه استفاده کرد ) و برای اینکه کاربران سایت شما کمی با این منو سرگرم بشن گزینه خوبی هستش!

کد منو انیمیشنی رنگی بیشتر Js در اون به کار رفته و استایل کوتاهی داره بنابراین نگران پرحجم بودن و کاهش سرعت بارگذاریتون نباشید چون این منو بسیار حرفه‌ای هستش و در حالی که ظاهر و طراحی کاربر پسندی داره کدهای اون به صورت حرفه‌ای نوشته شده است!

کد منو انیمیشنی رنگی

خب حالا بریم سراغ پیش نمایش این منو!

پیش نمایش منو

بهد از مشاهده پیش نمایش نوبت آموزش راه‌اندازی این منو در قالبتون هستش!

فایل قالبتون رو باز کنید و قبل از تگ </head> کدهای زیر رو بزارید!

<!-- This Code Write By Codenvis.ir -->
<link media="screen" rel="stylesheet" type="text/css" href="http://dl.codenvis.ir/coding/colorful/colorful.css">
<script type="text/javascript" src="http://dl.codenvis.ir/coding/colorful/jquery.min.js"></script>
<script type="text/javascript" src="http://dl.codenvis.ir/coding/colorful/init.js"></script>
<script type="text/javascript" src="http://dl.codenvis.ir/coding/colorful/easing.js"></script>   
<!-- This Code Write By Codenvis.ir -->

بعد از اینکه این کد رو قرار دادید کد زیر رو هر جایی که میخواید کد منو انیمیشنی رنگی نمایش داده بشه بگذارید!

<!-- This Code Write By Codenvis.ir -->

<div id="menu">

<ul>
     
<li>
        <a href="">قالب وردپرس</a>
     </li>


<li>
        <a href="">قالب وبلاگ</a>
     </li>


<li>
        <a href="">افزونه وردپرس</a>
     </li>


<li>
        <a href="">آموزش طراحی</a>
     </li>


<li>
        <a href="">کد و ابزار</a>
     </li>


<li>
        <a href="">گرافیک تحت وب</a>
     </li>


<li>
        <a href="">ابزار‌های فتوشاپ</a>
     </li>


<li>
        <a href="">اسکریپت</a>
     </li>


<li>
        <a href="">کدنویس</a>
     </li>

    </ul>

</div>

<!-- This Code Write By Codenvis.ir -->

خب حالا میبینید که کد منو انیمیشنی رنگی به چه زیبایی در قالبتون نمایش داده میشه…

امیدوارم که از این مطلب استفاده کنید و از اون خوشتون اومده باشه ، برای حمایت از ما ، ما رو به دوستانتون معرفی کنید یا مطالب ما رو در شبکه‌های اجتماعیتون به اشتراک بگذارید!

یا علی ♥

حسین

حسین هستم مدیر و مؤسس سایت کدنویس ، دانشجوی رشته نرم افزار ، مسلط به Html،Css،Jquery،Php،Bootstrap،Wordpress و ...
امیدوارم بتونم کمکی به وبمستران بی‌شمار و عزیز ایرانی بکنم ♥

۱ نظر

فیلد امنیتی زیر را پر کنید *

ما را دنبال کنید

لطفا کدنویس را در شبکه های اجتماعی دنبال کنید تا از مطالب ویژه برخوردار بشید!!!

لطفا ما را در گوگل محبوب کنید ♥