• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش منوی آبشاری
#1
دوستان سی اس اس کار میشه آموزش منوی آبشاری رو بنویسید ممنون میشم
  پاسخ
تشکر شده توسط :
#2
تا دلتون بخواد آموزشش اونم با css3 تو اینترنت فراوان هست.
  پاسخ
تشکر شده توسط : newphp
#3
نقل قول:دوستان سی اس اس کار میشه آموزش منوی آبشاری رو بنویسید ممنون میشم
اینقدر بدم میاد براش اسم الکی میذارن. منو آبشاری چیه دیگه؟!
ببین دوست عزیز آدم عاقل بخاطر یه نفر نمیشینه آموزش بنویسه یا بده. اینجا انجمن پاسخ به سوالات هست. فقط و فقط.
پس لطفاً خودت سرچ کن و تمرین کن. اگر توش به مشکل خوردی اینجا مطرح کن
غایب
  پاسخ
تشکر شده توسط : zoghal masoudmanson Alaa
#4
(۱۳۹۱ خرداد ۱۶, ۱۱:۳۷ ب.ظ)cyletech نوشته:
نقل قول:دوستان سی اس اس کار میشه آموزش منوی آبشاری رو بنویسید ممنون میشم
اینقدر بدم میاد براش اسم الکی میذارن. منو آبشاری چیه دیگه؟!
ببین دوست عزیز آدم عاقل بخاطر یه نفر نمیشینه آموزش بنویسه یا بده. اینجا انجمن پاسخ به سوالات هست. فقط و فقط.
پس لطفاً خودت سرچ کن و تمرین کن. اگر توش به مشکل خوردی اینجا مطرح کن
تو اینترنت دهات ما به نام cascading menu نوشته شده بود و دیکشنری دهاتمون هم معنی این کلمه رو آبشاری نوشته بود واسه همین بنده هم جسارت کردم و به این نام صداشون کردم که همینجا از شما معذرت میخوام بخاطر این حماقتم


داداش میخوای یه چوبی چیزی بر دار بزن سیا ه و کبودمون کن شاید آروم شدی
  پاسخ
تشکر شده توسط : takphp
#5
علی رضا جان توی وب عموما Drop-Down Menus شناخته میشه.
اما در اپلیکشن رومیزی منوی آبشاری(این اسم خوبست Big Grin) یا cascading menu برروی کامپوننت ها نام گزاری میشد.

اما من شخص cascading menu رو منوهایی که به صورت درختی و زیر محموعه هم دیگه باز میشند. می شنایم
  پاسخ
تشکر شده توسط : newphp cyletech
#6
Dream Weaver هم یه spry menu داره که میتونه باهاش کار کنی، اگه با Right 2 Left ش هم مشکل پیدا کردی همیجا سرچ کن، پیدا میکنه Solve ش رو...
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط : newphp
#7
خب Drop-drown منو میخوای بگو منو باز شو Big Grin یا خود کلمه انگلیسیشو بگو. گاهی اوقات نباید بعضی کلمات رو ترجمه کرد چون کلاً معنیش عوض میشه و طرف مقابل که نمیدونه گیج میشه و نمیفهمه منظور شما چیه مثل خود من.

ببین تنها کاری که باید کنی اینه که ترتیبش رو بدونی. استاندارد اینه که از برچسب های ul و li استفاده بشه. خب همونطور که همه میدونیم باید اول یدونه ul باشه بعد li. اولین li برای عنوان منوی ماست. اگر این عنوان بخواد زیر مجموعه داشته باشه، باید داخل خود li یک ul دیگه باشه که باز باکس دیگری تولید بشه. من حالا یه نمونه ساده برات نوشتم امیدوارم از روش بتونی مدل خودت رو بسازی.
کد:
<style type="text/css">
ul.ulone
{
    list-style:none;
    background-color:yellow;
    font-family:'open sans';
    font-size: .8em;
}
ul > li
{
    display:inline-block;
    background-color: gray;
    color:#fff;
    height: 18px;
    margin-right:20px;
    padding: 3px;
    -webkit-user-select:none;
    cursor:default;
}
ul > li:hover
{
    background-color:#333333
}
li:hover > ul
{
    display:block;
}

li > ul
{
    display:none;
    position:absolute;
    margin-left: -43px;
    margin-top:3px;
}
li > ul > li
{
    display:block;
}
li > ul > li:hover
{
    background-color:#aeaeae;
}
</style>
<body>
<div>
<ul class="ulone">
<li>drop-down
<ul>
<li>number 1</li>
<li>number 2</li>
</ul>
</li>
<li>no drop-down</li>
</ul>
</div>
</body>
غایب
  پاسخ
تشکر شده توسط : hamid_80386 newphp masoudmanson zoghal sulduz
#8
(۱۳۹۱ خرداد ۱۷, ۱۰:۱۸ ق.ظ)cyletech نوشته: خب Drop-drown منو میخوای بگو منو باز شو Big Grin یا خود کلمه انگلیسیشو بگو. گاهی اوقات نباید بعضی کلمات رو ترجمه کرد چون کلاً معنیش عوض میشه و طرف مقابل که نمیدونه گیج میشه و نمیفهمه منظور شما چیه مثل خود من.

ببین تنها کاری که باید کنی اینه که ترتیبش رو بدونی. استاندارد اینه که از برچسب های ul و li استفاده بشه. خب همونطور که همه میدونیم باید اول یدونه ul باشه بعد li. اولین li برای عنوان منوی ماست. اگر این عنوان بخواد زیر مجموعه داشته باشه، باید داخل خود li یک ul دیگه باشه که باز باکس دیگری تولید بشه. من حالا یه نمونه ساده برات نوشتم امیدوارم از روش بتونی مدل خودت رو بسازی.
کد:
<style type="text/css">
ul.ulone
{
    list-style:none;
    background-color:yellow;
    font-family:'open sans';
    font-size: .8em;
}
ul > li
{
    display:inline-block;
    background-color: gray;
    color:#fff;
    height: 18px;
    margin-right:20px;
    padding: 3px;
    -webkit-user-select:none;
    cursor:default;
}
ul > li:hover
{
    background-color:#333333
}
li:hover > ul
{
    display:block;
}

li > ul
{
    display:none;
    position:absolute;
    margin-left: -43px;
    margin-top:3px;
}
li > ul > li
{
    display:block;
}
li > ul > li:hover
{
    background-color:#aeaeae;
}
</style>
<body>
<div>
<ul class="ulone">
<li>drop-down
<ul>
<li>number 1</li>
<li>number 2</li>
</ul>
</li>
<li>no drop-down</li>
</ul>
</div>
</body>


میشه یه توضیح بدی راجع به
چیزایی که تو استایل بالا استفاده کردی؟؟

کد:
-webkit-user-select:none;
    cursor:default;

اینا کارشون چیه؟
  پاسخ
تشکر شده توسط :
#9
webkit که برای کروم هست
-webkit-user-select:none; هم یعنی: The user cannot select any content:

یعنی اینکه متن درون المنت قابل سلکت شدن نیست
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط : newphp cyletech
#10
من از این سی اس اس استفاده کردم ، جواب گرفتم . فقط یه مشکلی دارم و اونم اینه که زیر مجموعه منو ، میره زیر اسلایدشو
پایین منوی من ، یه اسلایدشو قرار داره ، میخوام وقتی روی منو میرم که زیر مجموعش نمایش داده میشه ، بیاد بالای اسلاید ، ولی میره زیرش و یه جورایی دیده نمیشه اصلا
کمکم کنید
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان