<![CDATA[ تهیه منوی(فهرست) هوشمند برای مدایکس - My Forums]]> https://forums.modx.com/thread/?thread=56729 <![CDATA[Re: &#1578;&#1607;&#1740;&#1607; &#1605;&#1606;&#1608;&#1740;(&#1601;&#1607;&#1585;&#1587;&#1578;) &#1607;&#1608;&#1588;&#1605;&#1606;&#1583; &#1576;&#1585;&#1575;&#1740; &#1605;&#1583;&#1575;&#1740;&#1705;&#1587;]]> https://forums.modx.com/thread/56729/#dis-post-333190 موفق باشی
]]>
motsmart Nov 23, 2006, 11:15 AM https://forums.modx.com/thread/56729/#dis-post-333190
<![CDATA[Re: &#1578;&#1607;&#1740;&#1607; &#1605;&#1606;&#1608;&#1740;(&#1601;&#1607;&#1585;&#1587;&#1578;) &#1607;&#1608;&#1588;&#1605;&#1606;&#1583; &#1576;&#1585;&#1575;&#1740; &#1605;&#1583;&#1575;&#1740;&#1705;&#1587;]]> https://forums.modx.com/thread/56729/#dis-post-333189 با اجازه شما از کدها استفاده کردم]]> beginner Nov 22, 2006, 12:34 AM https://forums.modx.com/thread/56729/#dis-post-333189 <![CDATA[&#1578;&#1607;&#1740;&#1607; &#1605;&#1606;&#1608;&#1740;(&#1601;&#1607;&#1585;&#1587;&#1578;) &#1607;&#1608;&#1588;&#1605;&#1606;&#1583; &#1576;&#1585;&#1575;&#1740; &#1605;&#1583;&#1575;&#1740;&#1705;&#1587;]]> https://forums.modx.com/thread/56729/#dis-post-333188 با سلام
کد کامل فهرست (منوی) سه پله ای و افقی با استفاده از کدهای سی اس اس برای استفاده از قابلیتهای مدیریت محتوای مدایکس در بکارگیری فهرست پویا و هوشیار

 /*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]]>
motsmart Nov 11, 2006, 01:55 PM https://forums.modx.com/thread/56729/#dis-post-333188