• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
Blood

ساخت زیر منو برای منو های سایت با css

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

ارسال شده در (ویرایش شده)

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

سایت نمونه

دقیقا مثل همین میخوام

menu%2022.jpg

عکس منو های خودم در پایین

menu%20template.jpg

ویرایش شده در توسط M.At
0

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


لینک به پست

اگر به دنبال منوی dropdown جستجو کنید به نتیجه میرسید

نمونه

http://www.irpcn.com/web/drop-down-menu.html

http://rokesh.ir/wordpress-tutorials-making-drop-down-menu-for-wordpress/

2

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


لینک به پست

آیا خاصیت در css

border-left:1px solid #F3F3F3;

نازکتر هم هست یعنی به جای 1px کم تر هممیشه استفاده کرد مثلا 0.5 یا نازکتر؟

0

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


لینک به پست

مرسی از جوابهای سریع و مفیدت پارسا جان

یک سوال من این منو رو پیدا کردم لینک

و از این منو استفاده کردم

اما خیلی سریع زیر منوهای من بسته میشه مشکل از چی میتونه باشه کد رو قرار میدم لطفا مشاهده کنید

و خیلی سریع هم باز میشه من می خوام با افکتی محو از بالا به پایین بیاد یعنی مثل سایت منوهاش منظورم هست. لطفا مشاهده کنید و بگید که چه جوری این کار رو انجام باید داد؟

این هم کدهایی که من استفاده کردم


<nav>
<?php
if ( has_nav_menu( 'primary' ) ) {
wp_nav_menu( array( 'theme_location' => 'primary' ) );
}
else {
wp_page_menu();
}
?></nav>


nav {
margin:0 auto;
text-align: center;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {

list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: right;
height:70px;
line-height:70px;
background: transparent url(images/Menu-Image.png);
background-color:#89D2FD;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
nav ul li:hover {
background:#248FCA;
border-left:0.1em solid #B8E4FE;
width:188px;
}
nav ul li:hover a {
color: #fff;
}

nav ul li a {
display: block;
text-decoration: none;
font-size: 15px;
text-align:center;
color: #fff;
width:189px;

}


nav ul ul {
border-radius: 0px;
position: absolute; top: 100%;
border-top: 1px solid #BFE7FE;
}
nav ul ul li {
float: none;
background:#248FCA;
width:188px;
height:150px;
line-height:33px;
position: relative;
}
nav ul ul li a {
color: #fff;
}
nav ul ul li a:hover {
background: #78CCFD;
}

nav ul ul ul {
position: absolute; left: 100%; top:0;
}

0

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


لینک به پست

ارسال شده در (ویرایش شده)

با خاصیت زیر می تونید مدت زمان نمایش و یا تغییر رنگ عناصر در صفحه را تعیین کنید در مورد سوال بعدی شما که می خواهید از بالا به پایین باز شود به طور حتم باید از JQuery استفاده شود


transition: all 200ms ease 0s;

ویرایش شده در توسط XeonIran
0

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


لینک به پست

با خاصیت زیر می تونید مدت زمان نمایش و یا تغییر رنگ عناصر در صفحه را تعیین کنید در مورد سوال بعدی شما که می خواهید از بالا به پایین باز شود به طور حتم باید از JQuery استفاده شود


transition: all 200ms ease 0s;

ممنون از خاصیت z-index: 999 استفاده کردم درست شد

اما جی کوئری؟؟؟؟ به چه صورت مشابه ندارد جایی باشه استفاده کنم ؟

0

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


لینک به پست

و برای اینکه وقتی روی یک منو کیک میکنم و داخل اون صفحه میره میخوام رنگ اون منو مثلا آبی بشه ؟ اون چه جوریه؟

0

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


لینک به پست

ارسال شده در (ویرایش شده)

لطفا جواب بدین :(

ویرایش شده در توسط M.At
0

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


لینک به پست

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

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

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

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


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

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

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


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