ساخت منوی زیبای سایت ریسپانسیو برای موبایل و تبلت به همراه جستجوگر -

ساخت منوی زیبای سایت ریسپانسیو برای موبایل و تبلت به همراه جستجوگر

جدول محتویات

برای این کار شما یک فایل html و یک فایل css و یک فایل js نیاز دارید. که ما کد های هر سه رو در زیر گذاشتیم.البته شما میتوانید به دلخواه هر کد را ویرایش و یا کدهای جدیدی اضافه کنید و یا حتی از فونت های دیگر و رنگ های دلخواه استفاده نمایید.

ابتدا برای فونت و فعال شدن منو در هدر سایت یا هدر فایل HTML کد های فونت و جاوا اسکریپت زیر را قرار دهید.

کد فونت:

<link href='https://fonts.googleapis.com/css?family=Mada' rel='stylesheet' type='text/css'>

کد جاوا اسکریپت:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

سپس کدهای هر یک از بخش های زیر را وارد سایت نمایید. مثلا کدهای css رو در قسمت اصلی کدهای خود استفاده کنید توجه نمایید که کدها را قبل از اضافه کردن به سایت خود از فایل های سایت خود بک آپ تهیه نمایید تا در صورت تداخل امکان بازگردانی آنها راحت باشد.

See the Pen
by Asakereh (@Asakereh)
on CodePen.

پیش نمایش دموی کامل

شما میتوانید از این منوی زیبا در سایت ها ، مدیریت محتوا و اپ های خود استفاده نموده .

برای درج نظر از فرم زیر استفاده نمایید. تا منوهای جدیدتری ارائه کنیم.


Read All Post

دیدگاهتان را بنویسید

برچسب: ###
دسته بندی:آموزشی (35) , CSS (3)

پست های مرتبط

M F