سلامی دوباره به کاربران عزیز سایت دیزاینر . امروز پست جدیدی از منو حرفه ای فول سی اس اس براتون قرار میدم توپ امیدوارم مورد پسند شما عزیزان قرار بگیره در ادامه مطلب کدها و اموزش استفاده از منو رو براتون گذاشتم که میتونین به راحتی استفاده کنین .
فایل دانلودی که قرار دادم ۳ فایل درونش هست ۱ فایل فونت ۲ فایل سی اس اس ۳ اچ تی ام ال ابتدا برای به نمایش در اوردن منو …
این سری کد رو در قالبتون قرار بدین در قسمت < head > قالب .
<link rel="stylesheet" href="http://designr.ir/wp-content/uploads/2014/07/style.css" type="text/css" />
بعد از قرار دادن کد در قسمت بالا به قسمت اصلی یعنی کدهای به نمایش در اوردن منو میریم که باید اونها رو در قسمت < body > سایت قرار بدیم به صورت زیر .
<div class="d100 menu limoobile">
<div class="d1200" id="main-menu">
<div class="logo right">
<h1><a href="/">DESIGNR</a></h1>
</div>
<ul>
<li><a href="/news">اخبار</a>
<ul class="sub-menu">
<li><a href="/news/ios-news/">اخبار اپل</a></li>
<li><a href="/news/android-news/">اخبار اندروید</a></li>
<li><a href="/news/it-news/">اخبار فناوری اطلاعات</a></li>
<li><a href="/news/htc-news/">اخبار اچ تی سی</a></li>
<li><a href="/news/htc-news/">اخبار اپل</a></li>
<li><a href="/news/samsung-news/">اخبار سامسونگ</a></li>
<li><a href="/news/lg-news/">اخبار ال جی</a></li>
<li><a href="/news/huawei-news/">اخبار هواوی</a></li>
<li><a href="/news/sony-news/">اخبار سونی</a></li>
<li><a href="/news/nokia-news/">اخبار نوکیا</a></li>
<li><a href="/news/site-news/">اخبار سایت</a></li>
</ul>
</li>
<li><a href="/learn">آموزش</a>
<ul class="sub-menu">
<li><a href="/learn/ios-tuts/">آموزش iOS</a></li>
<li><a href="/learn/articles/">مقالات</a></li>
</ul>
</li>
<li><a href="/apple">اپل</a>
<ul class="sub-menu">
<li><a href="/apple/ios-software/">نرم افزار</a></li>
<li><a href="/apple/ios-game/">بازی</a></li>
</ul>
</li>
<li><a href="/androids">اندروید</a>
<ul class="sub-menu">
<li><a href="/androids/android-software/">نرم افزار</a></li>
<li><a href="/androids/android-game/">بازی</a></li>
<li><a href="/androids/android-graphic/luncher/">لانچر</a></li>
<li><a href="/androids/android-graphic/theme/">پوسته</a></li>
<li><a href="/androids/android-graphic/android-widget/">ویجت</a></li>
</ul>
</li>
<li><a href="/brand/">برندها</a>
<ul class="sub-menu">
<li><a href="/brd/htc/">اچ تی سی | HTC</a></li>
<li><a href="/brd/samsung/">سامسونگ | Samsung</a></li>
<li><a href="/brd/apple-brd/">اپل | Apple</a></li>
<li><a href="/brd/lg/">ال جی | LG</a></li>
<li><a href="/brd/sony-brd/">سونی | Sony</a></li>
<li><a href="/brd/huawei/">هواووی | Huawei</a></li>
<li><a href="/brd/nokia/">نوکیا | Nokia</a></li>
</ul>
</li>
<li><a href="/review/">نقد و بررسی</a>
<ul class="sub-menu">
<li><a href="/rev/mobile/">موبایل</a></li>
<li><a href="/rev/tablet/">تبلت</a></li>
</ul>
</li>
<li><a href="/tv">رسانه تصویری</a>
<ul class="sub-menu">
<li><a href="/tvs/introduction/">معرفی</a></li>
<li><a href="/tvs/review/">نقد و بررسی</a></li>
<li><a href="/tvs/tech/">تازه های تکنولوژی</a></li>
<li><a href="/tvs/tutorial/">آموزشی</a></li>
<li><a href="/tvs/test/">تست</a></li>
<li><a href="/tvs/mobile/">موبایل</a></li>
<li><a href="/tvs/tablet/">تبلت</a></li>
</ul>
</li>
<li><a href="/ads">تبلیغات</a></li>
<li><a href="/contact">تماس با ما</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
حالا میبینیم که منو به صورت کامل باز میشه .
اگه در فونت های منو مشکل داشتین تو فایل زیپ پوشه fonts رو در قالب خودتون اپلود کنین به راحتی به نمایش در میان .
امیدوارم مورد توجه شما عزیزان قرار گرفته باشه