saeedparsa

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

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

آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

الان اون کدهای انیمیشن به چه صورته؟(منظورم حالت باز شدن زیر منو هست )

بعضی از منوها وقتی زیر منو باز میشه یه فلش مثل تولتیپ زیرش قرار میگیره میشه بگید کد css چطوریه؟

مرسی

Share this post


Link to post
Share on other sites

کد css را در زیر قرار دادم.

باید برای استفاده خودتون شخصی سازیش کنید

@import 'http://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
ul#css3menu1 ul{
visibility:hidden;position:absolute;left:0;top:400%;opacity:0;-moz-transition:all 0.5s;-webkit-transition:opacity 0.5s,top 0.5s,left 0.5s;-o-transition:opacity 0.5s,top 0.5s,left 0.5s,visibility 0.5s;transition:opacity 0.5s,top 0.5s,left 0.5s;background-color:#E3E3E3;border-width:1px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-style:solid;border-color:#D3D2D2 #D3D2D2 #E3E3E3;padding:0 0 3px;}
ul#css3menu1 li:hover>ul{
visibility:visible;opacity:1;}
ul#css3menu1 li{
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
z-index:1;}
ul#css3menu1 ul ul{
position:absolute;left:200%;top:0;}
ul#css3menu1>li:hover>ul{
top:100%;}
ul#css3menu1 ul li:hover>ul{
left:100%;}
ul#css3menu1{
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;background-color:#F9F9F9;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
*display:inline;}
* html ul#css3menu1 li a{
display:inline-block;}
ul#css3menu1>li{
margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:13px Open Sans,Arial,sans-serif;color:#787878;cursor:default;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
float:none;margin:0;}
ul#css3menu1 ul a{
text-align:left;padding:10px 12px;background-color:#F9F9F9;border-width:0 0 1px 0;border-style:solid;border-color:#D3D2D2;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;color:#787878;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
border-style:none;color:#DB3937;text-decoration:none;}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:3px;}
ul#css3menu1 ul span{
background-image:none;padding-right:10px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
background-color:#F9F9F9;border-style:solid;border-color:#D3D2D2;color:#DB3937;text-decoration:none;}
ul#css3menu1>li>a{
padding:10px 12px;}
ul#css3menu1 li.topfirst>a{
background-color:#F9F9F9;border-width:1px 1px 4px 1px;border-style:solid;border-color:#D3D2D2 #D3D2D2 #E3E3E3 #D3D2D2;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:10px 12px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{
background-color:#F9F9F9;border-style:solid;border-color:#D3D2D2 #D3D2D2 #DB3937 #D3D2D2;}
ul#css3menu1 li.topmenu>a{
background-color:#F9F9F9;border-width:1px 1px 4px 0px;border-style:solid;border-color:#D3D2D2 #D3D2D2 #E3E3E3 transparent;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:10px 12px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
background-color:#F9F9F9;border-style:solid;border-color:#D3D2D2 #D3D2D2 #DB3937 transparent;}

Share this post


Link to post
Share on other sites

من هرچی سعی کردم نتونستم منوهای ساخته شده با maximenu رو سفارشی کنم.دوستان میشه یکم راهنمایی کنین چطوری باید اینکارو بکنم.توی فولدر css فقط چندتا فایل php قرار داره فایل css نیست.چکار باید بکنم...؟

Share this post


Link to post
Share on other sites
من هرچی سعی کردم نتونستم منوهای ساخته شده با maximenu رو سفارشی کنم.دوستان میشه یکم راهنمایی کنین چطوری باید اینکارو بکنم.توی فولدر css فقط چندتا فایل php قرار داره فایل css نیست.چکار باید بکنم...؟

نوع فایل ها php هست ولی اگر بازشون کنید ، میبینید که کد های css دارند.

این کار بخاطر معرفی یک متغییر ( که همان شناسه منوست ) انجام شده. از همان فایل های php باید تغییرات css را اعمال کنید.

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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