مشکل در نمایش منوی آبشاری

[heapland 1]

پهنای باند!

در حد کیلوبایت هست، اصلا در نظر گرفته نمیشه

من از جی کوئری استفاده می کردم روزی یک گیگ پهنای باند مصرف می شد ، بعد که پیگیری کردم از سرویس دهنده هاست دیدیم که بیشترین حجم رو همین جی کوئری منو آبشاری مصرف میکنه ، کسی منویی سراغ نداره که سبک باشه و مشکلی با iE نداشته باشه؟

[mam1371 56]

کدی که فرمودند لایه را محو می کنه (شیشه ای) و برای اینکه فقط بک گراند رذا تغییر دهید می تونید از

background: rgba(255, 255, 255, .5);

استفاده کنید که .5 مقدار محوی رنگه

سلام متاسفانه بگ گراند رو در اینترنت اکسپلوره محو میکنه

ویرایش شده تیر 92 توسط mam1371

[mam1371 56]

سلام

دوستان این منوی آبشاری من هست ببینید :

میخام به این تبدیل شه ! :

منظم شه در استایل خودم منو شکلی هست که زیر شاخه وقتی به این اضافه میکن م به همین ریخته میشه !

عکس گویای حرفام هست میخام مثل اون منظم شه

فایل استایلم هم این هست لطف کنید راهنمایی کنید .

ممنون

#nav ul li a {
display:block;
padding:10px;
height:23px;
-webkit-border-radius:5px;
border-radius: 5px;
color: #000;
}
/* submenu, it's hidden by default */
#nav ul ul {
	 position:absolute;
	 right:0;
display:none;
-moz-border-radius: 3px;
border-radius: 3px;
	 background: rgba(255, 255, 255, .8);
	 height:500px;
width:170px;
padding: 5px;
text-align: justify;
-webkit-box-shadow: 0px 0px 10px 0px #999;
font: 11px tahoma !important;
box-shadow: 0px 0px 10px 0px #999;
}
#nav ul ul a {
display:block;
height:15px;
padding: 4px;
background: #fff;
margin: 6px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 3px solid #eee;
border-top: 1px solid #eee;
}

ویرایش شده تیر 92 توسط mam1371

[imanfakhar 26231]

سلام متاسفانه بگ گراند رو در اینترنت اکسپلوره محو میکنه

بک گراند در اکسپلور محو نمی شه مگر یا با کدی که جناب پارسا دادند و filter های ie یا اینکه برای اکسپلور یک فایل gif محو ییک در یک پیکسلی بسازید ئو با یک هک در قالبتون برای ie قرارش بدید

[mam1371 56]

بک گراند در اکسپلور محو نمی شه مگر یا با کدی که جناب پارسا دادند و filter های ie یا اینکه برای اکسپلور یک فایل gif محو ییک در یک پیکسلی بسازید ئو با یک هک در قالبتون برای ie قرارش بدید

 background: #E6EBFA; /* Old browsers */

با این کد درستش کردم

حالا واسه تغییر رنگ شما گفتی عدد اخر رو تغییر بدم

وقتی تغییر میدی

تغییر رنگها از 1-9 بعد اون هر عددی بدی تاثیر نداره

اگه داره هم تو همون بازس

مثلا 11 تو بازه 1 هست !! یعنی عدد اول رنگ اصلی . عدد دوم تقریبا از خوانواده همون رنگ هست

اگه میشه بگید رنگای دیگه متمایل کردنشون چطور هست

background: rgba(255, 255, 255, .5);

[Morteza 34190]

مطالعه کنید کمکتون میکنه:

http://css-tricks.com/rgba-browser-support/

[heapland 1]

کسی نیست که بتون مشکل ما رو حل کنه

[mam1371 56]

مطالعه کنید کمکتون میکنه:

http://css-tricks.com/rgba-browser-support/

عالی بود خدا خیرت بده

فقط لطف میکنی پست قبلی منو جواب بدی !

تنظیم استایل صفحه قبل هست

[Morteza 34190]

کسی نیست که بتون مشکل ما رو حل کنه

فهرست کاملا css میخواین؟ اینها رو بررسی کنید:

http://allbloggingtips.com/2012/01/28/pure-css3-multi-level-drop-down-menu-v2/
http://www.placetodownload.com/2012/08/pure-css3-multi-level-drop-menu-for.html

فقط لطف میکنی پست قبلی منو جواب بدی !

پست شماره چند هست؟

[heapland 1]

فهرست کاملا css میخواین؟ اینها رو بررسی کنید:

http://allbloggingtips.com/2012/01/28/pure-css3-multi-level-drop-down-menu-v2/
http://www.placetodownload.com/2012/08/pure-css3-multi-level-drop-menu-for.html

پست شماره چند هست؟

این کدها رو هم در سایت قراردادم بازم در IE درست نشون داده نمیشه ویرایش شده تیر 92 توسط heapland

[imanfakhar 26231]

 background: #E6EBFA; /* Old browsers */

با این کد درستش کردم

حالا واسه تغییر رنگ شما گفتی عدد اخر رو تغییر بدم

وقتی تغییر میدی

تغییر رنگها از 1-9 بعد اون هر عددی بدی تاثیر نداره

اگه داره هم تو همون بازس

مثلا 11 تو بازه 1 هست !! یعنی عدد اول رنگ اصلی . عدد دوم تقریبا از خوانواده همون رنگ هست

اگه میشه بگید رنگای دیگه متمایل کردنشون چطور هست

background: rgba(255, 255, 255, .5);

عدد آخر بین 0 تا یک متغیره و مقدار شفافیته سه عدد دیگه که هر سه 255 هستند نماد رنگ های rgb (قرمز - سبز - آبی) هستند که در این حالت سفیدند و در حالت سه صفر مشکی

[mam1371 56]

پست شماره چند هست؟

پست شماره 28 بی جواب موند

خیلی متشکرم

[imanfakhar 26231]

پست شماره 28 بی جواب موند

خیلی متشکرم

تست کنید

#nav li a {
display:block;
padding:10px;
height:23px;
-webkit-border-radius:5px;
border-radius: 5px;
color: #000;
}
/* submenu, it's hidden by default */
#nav li ul {
		 position:absolute;
		 right:0;
display:none;
-moz-border-radius: 3px;
border-radius: 3px;
		 background: rgba(255, 255, 255, .8);
		 height:500px;
width:170px;
padding: 5px;
text-align: justify;
-webkit-box-shadow: 0px 0px 10px 0px #999;
font: 11px tahoma !important;
box-shadow: 0px 0px 10px 0px #999;
}
#nav li ul a {
display:block;
height:15px;
padding: 4px;
background: #fff;
margin: 6px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 3px solid #eee;
border-top: 1px solid #eee;
}

[mam1371 56]

تست کنید

#nav li a {
display:block;
padding:10px;
height:23px;
-webkit-border-radius:5px;
border-radius: 5px;
color: #000;
}
/* submenu, it's hidden by default */
#nav li ul {
		 position:absolute;
		 right:0;
display:none;
-moz-border-radius: 3px;
border-radius: 3px;
		 background: rgba(255, 255, 255, .8);
		 height:500px;
width:170px;
padding: 5px;
text-align: justify;
-webkit-box-shadow: 0px 0px 10px 0px #999;
font: 11px tahoma !important;
box-shadow: 0px 0px 10px 0px #999;
}
#nav li ul a {
display:block;
height:15px;
padding: 4px;
background: #fff;
margin: 6px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 3px solid #eee;
border-top: 1px solid #eee;
}

سلام

تست کردم اما یکم مشکل داره !!

این عکس رو لطفا ببینید ! ممنون

مشکل اینجاست در یک سطر نیس م نحوه باز شدن زیر مجموعه 2 تاشون پشت سر هم هست

[Morteza 34190]

شما از css-reset در پوسته استفاده کردید؟

چون در حالت عادیتفاوت های اساسی در مرورگر ie با سایر مرورگرهاست

[mam1371 56]

سلام

مرتضی جان الان من فقط اینو رو میخام با مرورگرهای دیگه غیر از اکسپلوره فیکس کنم برای اکسپلوره یک بک گراند ثابت در نظر گرفتم

الان این تصویر متعلق به مرورگر فایر فاکس هست

با کمی دست کاری میشه درستش کرد که متاسفانه من مبتدی هستم !!

هر چی position و display مد هاشون رو عوض کردم باز هم نشد اگه راهنمایی کندی ممنون میشم

باتشکر

[Morteza 34190]

خوب برای همین مورد فیکس عرض کردم که کد برای css reset استفاده کنید

[mam1371 56]

خوب برای همین مورد فیکس عرض کردم که کد برای css reset استفاده کنید

سلام

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

از اینکه با صبر جوابمون رو میدی

متشکرم

[Morteza 34190]

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

ببینید شما اول css-reset رو از آدرس زیر دریافت کنید و به پوسته اضافه کنید

http://www.cssreset.com/

اولین گزینه رو بگیرید

ببینید چه تغییراتی ایجاد میشه؟

تا ادامه بدیم

-----

مثل اینکه یک کد استاندارد برای فهرست ها باید بنویسم

[mam1371 56]

ببینید شما اول css-reset رو از آدرس زیر دریافت کنید و به پوسته اضافه کنید

http://www.cssreset.com/

اولین گزینه رو بگیرید

ببینید چه تغییراتی ایجاد میشه؟

تا ادامه بدیم

-----

مثل اینکه یک کد استاندارد برای فهرست ها باید بنویسم

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

لینک رو که دادین کد رو در داخل استایل کپی کردم متاسفانه هیچ تاثیری نداشت کدی که

ایمان جان دادن خیلی نزدیک به درست شدن بود

اگه لطف کنید یک نیگاهی بندازین ممنون میشم

پیشاپیش تشکر از زحمتایی که میکشید

[Morteza 34190]

کد ایمان عزیز در کدوم پست به خواسته تون نزدیک هست؟

[mam1371 56]

#nav li a {
display:block;
padding:10px;
height:23px;
-webkit-border-radius:5px;
border-radius: 5px;
color: #000;
}
/* submenu, it's hidden by default */
#nav li ul {
				 position:absolute;
				 right:0;
display:none;
-moz-border-radius: 3px;
border-radius: 3px;
				 background: rgba(255, 255, 255, .8);
				 height:500px;
width:170px;
padding: 5px;
text-align: justify;
-webkit-box-shadow: 0px 0px 10px 0px #999;
font: 11px tahoma !important;
box-shadow: 0px 0px 10px 0px #999;
}
#nav li ul a {
display:block;
height:15px;
padding: 4px;
background: #fff;
margin: 6px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 3px solid #eee;
border-top: 1px solid #eee;
}

سلام

تست کردم اما یکم مشکل داره !!

این عکس رو لطفا ببینید ! ممنون

مشکل اینجاست در یک سطر نیس یعنی حالت display: inline نیست !!! و به صورت عمودی اومده پایین

ونحوه باز شدن زیر مجموعه 2 تاشون پشت سر هم هست

بفرمایید مرتضی جان

ویرایش شده تیر 92 توسط mam1371

[Morteza 34190]

آدرس سایت رو هم بدید تا با کدتون ست کنم

[mam1371 56]

آدرس سایت رو هم بدید تا با کدتون ست کنم

www.hadafdownload.com

ممنون

[Morteza 34190]

کد زیر رو به استایلتون اضافه کنید:

#nav ul ul {width: 200px; }
#nav ul li {position: relative;}
#nav ul ul li{float:none}
#nav ul ul ul{top:-5px;margin-right:200px}

در فایل plugins بخش زیر:

 $('#nav li').hover(
function () {
//show its submenu
$('ul', this).slideDown(400);

},
function () {
//hide its submenu
$('ul', this).slideUp(400);
}
);

بشه:

 $('#nav li').hover(
function () {
//show its submenu
$(this).find('>ul').slideDown(400);

},
function () {
//hide its submenu
$(this).find('>ul').slideUp(400);
}
);

عکس پیوست شد