On March 26, 2019 we launched new MODX Forums. Please join us at the new MODX Community Forums.
Subscribe: RSS
  • با سلام

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

     /*MENU left*/
    #menu li {
        list-style: none;
        color: #C7FF42;
        background-image: url(https://modx-iglusjax.stackpathdns.com/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(https://modx-iglusjax.stackpathdns.com/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(https://modx-iglusjax.stackpathdns.com/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(https://modx-iglusjax.stackpathdns.com/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(https://modx-iglusjax.stackpathdns.com/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(https://modx-iglusjax.stackpathdns.com/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]
    • ممنون این یک خیلی به درد من خورد
      با اجازه شما از کدها استفاده کردم
        آموزش ساخت ماژول برای مد ایکس "قسمت اول"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
      • حلال حلاله
        موفق باشی
          [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]