ashkan91

ایجاد یک منو خاص در وبسایت توسط وردپرس

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

با سلام و خسته نباشید

عذر میخوام یه سوالی داشتم من از خیلی از بچه های طراحی وب پرسیدم متاسفانه به جواب درستی نرسیدم و هرکس یه نظری میداد که نتیحه نمیگرفتم، سوالم این هستش که بعضی از سایت ها یک منو کشویی ایجاد میکنند که شکلش با منو کشویی های عادی فرق داره درواقع انگار یک افزونه اینکار را انجام میده اسم اون افزونه رو میخواستم یا روش ایجاد چنین منویی. برای درک بهتر لینک سایتی که الان نمونه آن منو را ایجاد کرده را بهمراه اسکرینشات میفرستم خدمتتون

منو به رنگ قرمز و در سمت چپ تصویر بالای صفحه قرار دارد. نام منو: " مبلغ جمع آوری شده برای خیریه" میباشد 

http://goldtag.net/tehran

پی نوشت: وقتی اشاره گر ماوس را روی منو میبریم منو کشویی باز میشود.

اسرکین شات 

http://s6.uplod.ir/i/00925/8d78a8qa4hka.jpg

8d78a8qa4hka.jpg

0

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


لینک به پست

سلام و درود @ashkan91

 

این مورد صرفا با CSS قابل ایجاده منو هم نیست.

با استفاده پروپرتی top با مقدار منفی المنت ما بخشیش میره خارج از صفحه و همچنین با صفر کردن top بعد از قرار گرفتن موس روی المنت این افکت ایجاد میشه.

البته postion المنت باید absolute باشه.

 

موفق باشید

1

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


لینک به پست
در 11 ساعت قبل، mehran-b گفته است :

سلام و درود @ashkan91

 

این مورد صرفا با CSS قابل ایجاده منو هم نیست.

با استفاده پروپرتی top با مقدار منفی المنت ما بخشیش میره خارج از صفحه و همچنین با صفر کردن top بعد از قرار گرفتن موس روی المنت این افکت ایجاد میشه.

البته postion المنت باید absolute باشه.

 

موفق باشید

داداش اگه کسی رو میشناشید که بتونه این تکه کد رو بنویسه و هزینه ش رو بهش بدم ممنون میشم که معرفی کنید

0

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


لینک به پست
در ۱ ساعت قبل، ashkan91 گفته است :

داداش اگه کسی رو میشناشید که بتونه این تکه کد رو بنویسه و هزینه ش رو بهش بدم ممنون میشم که معرفی کنید

از طریق خصوصی به بنده پیام بدید.

0

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


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط unid_user
      سلام دوستان
      من میخوام یه منوی آبشاری درست کنم اما برای استایل دادن (انیمیشن) به کلاس menu1 مشکل دارم. لطفا راهنمایی کنید.

      ممنون
       
      <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>dropdown</title> <link rel="stylesheet" href="style.css"> </head> <body> <nav> <ul> <li>Style 1 <ul class="drop-menu menu-1"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> <li>Style 2 <ul class="drop-menu menu-2"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> <li>Style 3 <ul class="drop-menu menu-3"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> <li>Style 4 <ul class="drop-menu menu-4"> <li>yek</li> <li>do</li> <li>se</li> <li>chahar</li> <li>panj</li> <li>shesh</li> </ul> </li> </ul> </nav> </body> </html>  
      قسمت css:
      nav { padding: 50px; text-align: center; } nav ul { list-style: none; padding: 0; margin: 0; display: inline-block; background: #ddd; border-radius: 5px; } nav ul li { float: left; width: 150px; height: 65px; line-height: 65px; position: relative; text-transform: uppercase; font-size: 14px; color: rgba(0, 0, 0, 0.7); cursor: pointer; } nav ul li:hover { background: #d5d5d5; border-radius: 5px; } nav ul .drop-menu { position: absolute; top: 100%; left: 0%; width: 100%; padding: 0; } nav ul .drop-menu li { background: #666; color: rgba(255, 255, 255, 0.7); } nav ul .drop-menu li:hover { background: #606060; } nav ul .drop-menu li:last-child { border-radius: 0px 0px 5px 5px; } nav ul .drop-menu li { display: none; } nav ul li:hover >.drop-menu li { display: block; } /* ============= MENU 1 ============= */ nav ul li:hover >.drop-menu .menu-1 li { opacity: 0; animation: animation-name: menu1; animation-duration: 300ms; animation-timing-function: ease-in-out; fill-mode: forwards; } @keyframes menu1 { 0%; opacity: 0; transform: rotateY(-90deg) translateY(30px); 100%; opacity: 1; transform: rotateY(0deg) translateY(0px); }  
    • توسط hosseinrasouli
      سلام به مهندسین.
      من میخواهم منو چند ستونه داشته باشم  و اینکارو با تغییر فایل style.css خود قالب انجام بدم.  (نمی خواهم از افزونه های مگامنو استفاده کنم)
      تغییراتی رو در style.css قالب انجام دادم ولی عملی نشد .
      فایل style.css و تصویر منو سایت پیوست است . ( خواهشمند است دوستان برنامه نویس راهنمایی کنند) style.css

    • توسط runy
      سلام
      منوی آبشاری سایت من خوب عمل نمی کنه. وقتی میرم روش منو باز میشه ولی تا موس می خواه بره روی یکی از زیر منو ها منو بسته شده
      خودتون ببینید http://nedaj.ir در بالا قسمت گالری عکس بروید منوش باز نمی مونه چرا؟
    • توسط masood1111
      سلام. من خیلی گشتم و خیلی از افزونه ها را امتحان کردم. دوستان یه افزونه یا آموزش منو کشویی عمودی برای سایدبار معرفی می کنید به ما؟
      ساده و خوب.