We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 20289
    • 958 Posts
    با سلام

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

     /*MENU left*/
    #menu li {
        list-style: none;
        color: #C7FF42;
        background-image: url(imgs/button-li.gif);
        background-repeat: no-repeat;
        background-position: 0 -1px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 22px;
        }
        #menu li.here {
        font-size: 1em;
        background-image: url(imgs/button-li-here.gif);
        background-repeat: no-repeat;
        background-position: 0 -3px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 22px;
        }
    #menu li li {
        font-size: 1em;
        background-image: url(imgs/button-lili.gif);
        background-repeat: no-repeat;
        background-position: 0 -3px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 20px;
        }
    #menu li li.here {
        font-size: 1em;
        background-image: url(imgs/button-lili-here.gif);
        background-repeat: no-repeat;
        background-position: 0 -3px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 20px;
        }
    #menu li li li {
        font-size: 1em;
        background-image: url(imgs/button-lilili.gif);
        background-repeat: no-repeat;
        background-position: 0 -3px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 22px;
        }
        #menu li li li.here {
        font-size: 1em;
        background-image: url(imgs/button-lilili-here.gif);
        background-repeat: no-repeat;
        background-position: 0 -3px;
        padding-top: 2px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 22px;
        }
    #menu ul {
        padding: 10px;
        margin: 5px;
        }
    #menu ul ul {
        display:none;
        padding: 5px 10px 10px 0;
    }
    #menu li.here ul {
        display:block;
        padding: 3px 0 2px 13px;
        font-size: 1em !important;
        background-repeat: no-repeat;
        background-position: 0 5px;
      }
    #menu ul ul ul {
        padding: 0 !important;
        margin: 0 0 -4px 0 !important;
        }
    #menu a {
        font-size: 1em;
        text-decoration: none;
        }
    #menu a:link {
        color: #C7FF42;
        font-weight: normal;
        }
    #menu a:visited {
        color: #C7FF42;
        }
    #menu a:hover {
        color: #FFFFFF;
        }
      /*END MENU left*/
    


    همانطور که مشاهده کردید در این مجموعه کد 6 تصویر مختلف از نماد(آیکون) فهرست پویا داریم که بایستی در محلی که خود تعیین میکنیم قرار داده تا مورد استفاده کد باشد
    تصاویر را به دلخواه خود میتوانید تعریف کنید
    بعنوان مرجع استفاده تصاویر در پیوست این موضوع آورده شده است که میتوانید از آنها استفاده کنید

    نامهای استفاده شده بصورت پیشفرض در کد به شرح زیر است

    button-li.gif
    button-li-here.gif
    button-lili.gif
    button-lili-here.gif
    button-lilili.gif
    button-lilili-here.gif


    منبع: tattoocms.it
      [img]http://i10.tinypic.com/52c4eir.gif[/img][/td]
      [td][Wiki] [Persian support forum]
      [SVN] [RTL SVN Branch] [bugs] [FishEye+Crucible] [Learn MODx!] | [My Google Code]
      [font=tahoma][برای دسترسی به راهنمای فارسی به [url=http://www.modxcms.ir]
      • 3026
      • 189 Posts
      ممنون این یک خیلی به درد من خورد
      با اجازه شما از کدها استفاده کردم
        آموزش ساخت ماژول برای مد ایکس "قسمت اول"1
        http://modxcms.com/forums/index.php/topic,8990.0.html
        آمورش ساخت ماژول قسمت دوم2
        http://modxcms.com/forums/index.php/topic,9265.0.html
        کار با فرم الکترونیک مد ایکس
        http://modxcms.com/forums/index.php/topic,9305.0.html
        فارسی Skin graft ماژول پوسته ساز
        http://modxcms.com/forums/index.php/topic,9379.0.html
        • 20289
        • 958 Posts
        حلال حلاله
        موفق باشی
          [img]http://i10.tinypic.com/52c4eir.gif[/img][/td]
          [td][Wiki] [Persian support forum]
          [SVN] [RTL SVN Branch] [bugs] [FishEye+Crucible] [Learn MODx!] | [My Google Code]
          [font=tahoma][برای دسترسی به راهنمای فارسی به [url=http://www.modxcms.ir]