Mahdigp

منوی کشویی با CSS3

4 پست در این موضوع قرار دارد

در این آموزش ما با استفاده از CSS3 یک منو Navigation ایجاد میکنیم ( معادل Navigation Menu رو نمیدونستم.) البته ما کمی هم از HTML باید استفاده کنیم! یعنی این غیر ممکن است بدون استفاده از HTML منویی بوجود بیاد .

این یک آموزش ساده می باشد . اما شما باید آشنایی با CSS و HTML داشته باشید .

1

به اشتراک گذاری این پست


لینک به پست

حالا خودتون یبار کامل این کد ها را اینجا بزارید و بگید هرکدام را کجا بزاریم

0

به اشتراک گذاری این پست


لینک به پست

کد هارو کجا بزارم؟؟ تو همون پست کامل توضیح داده شده...

0

به اشتراک گذاری این پست


لینک به پست

دوست عزیز

اگر قرار هست آموزش بزارید حداقل کلش رو اینجا بزارید و بعد منبع رو به سایت خودتون لینک بدید.

1

به اشتراک گذاری این پست


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

  • مطالب مشابه

    • توسط javadmezgi
      با سلام و احترام خدمت همه برنامه نویسان عزیز.
      سایتی که که من با قالب آماده راه اندازی کردم، زیر منو ها رو نمایش میده
      اما
      این زیر منو ها کنار هم چیده می شوند.
      لطفا سایت رو مشاهده کنید
      hb2018.ir
       
      من میخوام که این زیر منو ها ، زیر هم قرار بگیرند نه کنار هم
      لطفا راهنمایی کنید
      با عرض پوزش با کد نویسی آشنایی ندارم. کد بخش mega meno رو از قسمت style.css  براتون در زیر آوردم.
      لطفا اگر نیاز به ویرایش داره راهنمایی کنید
      #top-menu{ -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.2); box-shadow: 1px 1px 7px rgba(0,0,0,.2); } .navbar, .dropdown-menu, .navbar .nav>li>a, .dropdown-menu>li>a, .nav{ font-size: 14px; } .navbar-brand { font-size: 15px; } .megamenu>li>a, .navbar .navbar-nav>li>a { padding-right: 5px; padding-left: 5px; } .megamenu .menu-item-description { text-indent: 20px; } .megamenu .submenu-link { margin-bottom: 5px; padding: 5px; } .megamenu .dropdown-menu { padding-top: 10px; } .megamenu .dropdown-menu * { z-index: 10000; -webkit-backface-visibility: hidden; /* fix for chrome white flash */ } .megamenu .dropdown-menu a.submenu-title-link:hover, .megamenu .dropdown-menu a.submenu-child-link:hover{ font-weight: bold; padding-right: 0; padding-left: 10px; } .dropdown-menu { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; } .megamenu .dropdown { position: static !important; } .megamenu .dropdown-menu a, .megamenu .menu-item-description{ display: block; } .megamenu .dropdown-menu * { white-space: nowrap; } @media screen and ( min-width: 768px ) { .megamenu > li.dropdown:hover > ul.dropdown-menu, .megamenu .open > .dropdown-menu { left: auto; display: table; border-right: 2px solid red; max-width: 85%; } .megamenu .menu-col { display: table; } } @media screen and ( max-width: 768px ) { .megamenu .nav{ display: initial; } .megamenu .open > .dropdown-menu { display: block; } .megamen .dropdown-menu li { display: block; } } .navbar-right.megamenu .dropdown-menu { left: auto; right: 1; } #bottom-navbar-collapse{ text-align: center; } #bottom-navbar-collapse .navbar-nav{ display: inline-block; float: none; } #bottom-navbar-collapse .navbar-nav>.active>a { background-color: inherit; background-image: inherit; -webkit-box-shadow: inherit; box-shadow: inherit; }  
    • توسط rahmani.id.ir
      سلام
      با افزونه فونت ماندگار فونت بخش‌های مختلف رو تغییر دادم اما هر کاری کردم فونت منو تغییر نکرد.
       
      لطفا راهنمایی بفرمایید
    • توسط Ahmad64
      سلام وقت بخیر
      ما یه وب سایت جدید وردپرس را انداختیم فقط نحوه ساخت منو و کتگوری رو متوجه نشدیم ممنون میشم راهنمایی کنید.
      منوی اصلی (کنار لوگو ) = صفحه اصلی - بررسی تخصصی موبایل - بررسی تخصصی تبلت - بررسی تخصصی گجت های پوشیدنی (به ترتیب اولویت - بدون زیرشاخه)
      راحتتون کنم میخوام طوری بشه که وقتی میخوایم ویدیو آپلود کنیم بتونیم ویدیورو ببریم توی یکی از اون شاخه ها.
      ممنون میشم راهنمایی بفرمایید.
       
    • توسط vazizi69@yahoo.com
      سلام 
      چطور میتونم برای صفحه اصلی سایت و صفحه فروشگاه و یا برگه های دیگه برای هر کدوم  فهرست منو ( منوی اصلی افقی بالای صفحه ) متفات داشته باشم 
      مثلا منوی افقی بالای صفحه مخصوص محصولات رو فقط تو صفحه فروشگاه دیده بشه و در صفحه دیگه ای از سایت منوی دیگه ای رو تنظیم کنم که نشون داده بشه
    • توسط stevej
      سلام من یک افزونه برای وردپرس یا ووکامرس میخوام که منوش رو به همچین شکلی در بیاره لطفا بهم معرفی کنید اگر میشناسید