منوی سایت یکی از مهم ترین بخش های موجود در سایت می باشد که کاربران را به بخش های اصلی سایت هدایت می کند و داشتن منویی زیبا که کاربران را به دیدن از دیگر بخش های سایت ترغیب کند هم مهم می باشد. در این مطلب قصد داریم به شما آموزش دهیم چگونه منویی زیبا با استفاده از CSS3 و HTML طراحی کنید!
مرحله اول: پیاده سازی HTML
در این مرحله ابتدا طرح HTML منو را طراحی می کنیم.
<ul class="menu">
<li><a href="#">پیشخوان</a></li>
<li><a href="#">لینک ها</a></li>
<li><a href="#">نمایش</a>
<ul>
<li><a href="#" class="documents">برنامه ها</a></li>
<li><a href="#" class="messages">پیغام ها</a></li>
<li><a href="#" class="signout">خروج از سایت</a></li>
</ul>
</li>
<li><a href="#">بارگذاری فایل</a></li>
<li><a href="#">ویدئو</a></li>
<li><signout { background: url(../img/arrow.png) no-repeat right; }
همچنین می توانید در زیر دموی اسکریپت را ببینید یا آن را دریافت کنید!
برچسب ها:
آموزش css3 آموزش ساخت منو آموزش طراحی سایت آموزش طراحی سایت تصویری آموزش طراحی منوی سایت آموزش پرشین اسکریپت طراحی منو سایت منوی css منوی css3