در خواست کمک برای ایجاد یک صفحه، منو نما

[Arash_Niazmand]

سلام دوستان .
من کمک برای اجرای این Ui می خوام . خیلی به مشکل بر خوردم و باید تحویل بدم کارم رو .
ممنون میشم کمکم کنید .
اول این تصویر رو نگاه کنید .

53845

خوب در تصویر قسمت photo no.1 منظورم یک صفحه وب بوده که سمت چپ آرم سایت و در قسمت راست منو سایت . که 5 آیتم هست یا بیشتر . در تمام عرض صفحه پخش شدن .یعنی با تغیر سایز عرض فاصله بین آنها کم تر میشه .

من آیتم 3 رو رنگی کردم ... حالا روی آیتم 3 کلیک می کنم و مثل یک صفحفه باز میشه (photo no.2 ) و در لحظه ایی که باز شد که لودینگ و بعد تازه اطلاعات مربوط به آیتم 3 لود میشه .
امیدوارم که عمق بی تجربه بودن و نداشتن سواد من رو در jquery ببخشید .

راستی وقتی روی آیتم دیگه کلیک میشه آیتم باز ، بسته میشه و آیتم جدید باز مبشه .
اکر هم روی آرم سمت چپ کلیک بشه همه بسته میشن .

راستی شاید لازم باشه بگم که همه اطلاعات از یک وب سرویس خوانده می شه .
الان توی ایجاد UI , jquery گیرکردم .

از همه دوستان سپاسگذارم .

[Web.Designer01]

سلام
فکر میکنم اون چیزی که میخوای درست کنی دقیقا این باشه:
http://tympanus.net/Tutorials/ElegantAccordion/
میتونی دانلودش کنی و customizeش کنی.
موفق باشی

[Web.Designer01]

اقا مهران سلام:لبخند:

سلام مهران نه ایمان!
:عصبانی++:


سورسش کجاست؟
http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/

[Arash_Niazmand]

نه این نیست ...

بزار کمی ساده بگم .
2 تا Div هست که ارتفاع 100% دارن . توی سمت چپی یک لوگو هست .
در سمت راستی 5 تا Div دیگه . که نسبت عرض اینها با هم برابر هستند.
و خیلی ساده فقط وقتی روی یکی کلیک کنی باز میشه و مابفی جمع میشن .

متوجه منظورم شدی ؟

[LORD AELX]

نه این نیست ...

بزار کمی ساده بگم .
2 تا Div هست که ارتفاع 100% دارن . توی سمت چپی یک لوگو هست .
در سمت راستی 5 تا Div دیگه . که نسبت عرض اینها با هم برابر هستند.
و خیلی ساده فقط وقتی روی یکی کلیک کنی باز میشه و مابفی جمع میشن .

متوجه منظورم شدی ؟

اسم چیزی که می خواید Accordion هستش، ایشون هم فقط یک نمونه به شما نشون دادند... تو وب سرچ کنید نمونه های مختلف رو ببینید و از هر کدوم خوشتون اومد استفاده کنید یا حداقل با روش کار آشنا بشید و مطابق سلیقه خودتون، یکی بسازید.



GOOGLE TAGS: Accordion CSS, Accordion jQuery


موفق باشید :قلب:

[Arash_Niazmand]

اسم چیزی که می خواید Accordion هستش، ایشون هم فقط یک نمونه به شما نشون دادند... تو وب سرچ کنید نمونه های مختلف رو ببینید و از هر کدوم خوشتون اومد استفاده کنید یا حداقل با روش کار آشنا بشید و مطابق سلیقه خودتون، یکی بسازید.



GOOGLE TAGS: Accordion CSS, Accordion jQuery
موفق باشید :قلب:



بله دوست من کاملا درست هست .
ولی چندتا مشکل هست (اول سرچ کردم و بعد به نتیجه نرسیدم که پست کردم)
1 - از وسط به دو طرف باز نمیشه
2 اینکه مثل شکلی که بالا گذاشتم نیست .

از راهنمایی شما دوست عزیز سپاسگذارم .

[LORD AELX]

بله دوست من کاملا درست هست .
ولی چندتا مشکل هست (اول سرچ کردم و بعد به نتیجه نرسیدم که پست کردم)
1 - از وسط به دو طرف باز نمیشه
2 اینکه مثل شکلی که بالا گذاشتم نیست .

از راهنمایی شما دوست عزیز سپاسگذارم .


- سرچ کنید نمونه زیاد پیدا میشه، مخصوصا با همون کلماتی که گفتم... :لبخندساده:


1. این مورد کمتر از Accordion عمودی نیست!! :متفکر: مثلا:



http://www.marghoobsuleman.com/jQuery-common-accordion
http://www.dynamicdrive.com/dynamicindex17/haccordion.htm
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu
http://www.webdesign.org/html-and-css/tutorials/jquery-examples-horizontal-accordion.15528.html
http://www.portalzine.de/index?/Horizontal_Accordion
http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/


2. بدیهی است که دقیقا مطابق خواسته شما پیدا نمیشه، ولی شما اگر در حالت عادی توانایی ساخت این چنین منو هایی رو با CSS و jQuery ندارید، باید سرچ کنید، مثال را ببینید، نحوه کار را یاد بگیرید و سپس مطابق سلیقه خودتان آن را طراحی و پیاده سازی کنید.


Google: Horizontal Accordion CSS jQuery

موفق باشید :قلب:

[Arash_Niazmand]

- سرچ کنید نمونه زیاد پیدا میشه، مخصوصا با همون کلماتی که گفتم... :لبخندساده:


1. این مورد کمتر از Accordion عمودی نیست!! :متفکر: مثلا:



http://www.marghoobsuleman.com/jQuery-common-accordion
http://www.dynamicdrive.com/dynamicindex17/haccordion.htm
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu
http://www.webdesign.org/html-and-css/tutorials/jquery-examples-horizontal-accordion.15528.html
http://www.portalzine.de/index?/Horizontal_Accordion
http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/
2. بدیهی است که دقیقا مطابق خواسته شما پیدا نمیشه، ولی شما اگر در حالت عادی توانایی ساخت این چنین منو هایی رو با CSS و jQuery ندارید، باید سرچ کنید، مثال را ببینید، نحوه کار را یاد بگیرید و سپس مطابق سلیقه خودتان آن را طراحی و پیاده سازی کنید.


Google: Horizontal Accordion CSS jQueryموفق باشید :قلب:



دوست من ... از اینکه کمی صبور هستم و بعد از 7 سال کد نویسی در C# یاد گرفتم که کمتر بپرسم و قبل از هر پرسشی جستجو کنم اطمینان دارم .

برای اینکه شما و دوستان دیگه کمی بیشتر با سوال من درگیر بشید یک لینک میزارم ..
و ملاحظه کنید .

http://appear.dk/uk/

خوب حالا من دقیقا همین سایت بالا رو میخوام .

و این نمونه چیزی که می خواستم بود.
حالا اگر دوستی توانایی کمک داره که ممنونش میشم . در غیر اینصورت از توضیح یا دادن راه حل غیر منطقی خوداری کنید چون بیشتر گیج میشم . و وقت تحویل کارم هم بسیار کم هست .

باز هم از همه دوستان ممنونم .

:لبخندساده:

[exlord]

اگه مشکلت فقط تو باز شدن div هاست که وسط باز بسن خوب این که چیزی نیست تو متد animate یا fade حالا هرکدوم که استفاده شده .... به جای اینکه فقط width رو تغییر یدی همزمان left رو هم کم کن به اندازه نصف width در این صورت موقع باز شدن div مورد نظر میمونه وسط صفحه ...

[Arash_Niazmand]

اگه مشکلت فقط تو باز شدن div هاست که وسط باز بسن خوب این که چیزی نیست تو متد animate یا fade حالا هرکدوم که استفاده شده .... به جای اینکه فقط width رو تغییر یدی همزمان left رو هم کم کن به اندازه نصف width در این صورت موقع باز شدن div مورد نظر میمونه وسط صفحه ...

بسیار ممنون ..
این مشکل رو حل کردم و لی دیدید که هر جایی روی یک div کلیک میکنی باز میشه و بعد مختصات رو تنظیم میکنه .

سپاس .