راست چین کردن Jquery Ui

[mehdi_522]

دوستان سلام
میخواستم سوال کنم که چطور میشه تم های jquery ui را راست چین کرد که بشه در یک برنامه کاربردی از اون استفاده کرد

[Variable]

سلام . من ندیدم که بشه از طریق تنظیمات تو جیکوری این کار و کرد. ولی تونستم که با سی اس اس و انجام تغییراتی اون کارو بکنم

[shmata]

در تکمیل صحبت های دوستمون باید بگم برای راست چین کردن JQuery UI میتونید از این مقاله (http://docs.joomlafarsi.com/index.php/%D8%A2%D9%85%D9%88%D8%B2%D8%B4_:_%D8%B1%D8%A7%D8%B 3%D8%AA_%DA%86%DB%8C%D9%86_%DA%A9%D8%B1%D8%AF%D9%8 6_%D9%82%D8%A7%D9%84%D8%A8%D9%87%D8%A7%DB%8C_%D8%A C%D9%88%D9%85%D9%84%D8%A7)استفاده کنید برای JQuery UI کاربرد داره .

[nn9090]

سلام
من یه منو jquery دارم هر کار می کنم گزینه های منو به سمت راست نمیان میشه لطفا کمک کنید؟؟

/**
*********************************************
* Prototype of styles for horizontal CSS-menu
* @data 30.06.2009
*********************************************
* (X)HTML-scheme:
* <div id="menu">
* <ul class="menu">
* <li><a href="#" class="parent"><span>level 1</span></a>
* <ul>
* <li><a href="#" class="parent"><span>level 2</span></a>
* <ul><li><a href="#"><span>level 3</span></a></li></ul>
* </li>
* </ul>
* </li>
* <li class="last"><a href="#"><span>level 1</span></a></li>
* </ul>
* </div>
*********************************************
*/

/* menu::base */
div#menu {
height: 51px;
padding-left: 14px;
background: url('../images/left.png') no-repeat;
_background: url('../images/left.gif') no-repeat;
width:auto;
}

div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
div#menu ul.menu {
padding-right: 731px;
background: url('../images/right.png') no-repeat right 0;
_background: url('../images/right.gif') no-repeat right 0;
}

div#menu li {
position: relative;
margin: 0;
padding: 0 0px 0 0;
display: block;
float: right;
z-index: 9;
width: auto;
}
div#menu ul ul li {
z-index: 9;
}
div#menu li div {
list-style: none;
float: right;
position: absolute;
z-index: 11;
top: 51px;
left: -13px;
visibility: hidden;
width: 194px;
margin: 0px 0 0 -4px;
padding: 0;
background: url('../images/subsubmenu-top.png') no-repeat 0px 0;
_background: url('../images/subsubmenu-top.gif') no-repeat 0px 0;
}
div#menu ul ul {
z-index: 12;
padding: 0px 4px 10px 4px;
background: url('../images/submenu-bottom.png') no-repeat 0px bottom;
_background: url('../images/submenu-bottom.gif') no-repeat 0px bottom;
margin: 10px 0 0 0;
}
div#menu li:hover>div {
visibility: visible;
}

div#menu a {
position: relative;
z-index: 10;
height: 50px;
display: block;
float: right ;
line-height: 50px;
text-decoration: none;
margin-top: 1px;
white-space: nowrap;
width: auto;
padding-right:5px;
text-align:right;
direction: rtl;
}
div#menu span {
margin-top: 2px;
padding-left: 0px;
color: #A18DC8;
font: bold 12px tahoma, Arial,Helvetica;
background: none;
line-height: 50px;
display: inline-block;
cursor: pointer;
background-repeat: no-repeat;
background-position: 95% 0;
text-align: right;
direction: rtl;
}

/* menu::level1 */
div#menu a {
padding: 0 10px 0 0;
line-height: 50px;
height: 51px;
margin-right: 5px;
_margin-right: 1px;
background: none;
}
div#menu a:hover {
background: url('../images/selected.png') repeat-x right -1px;
color: #FFFFFF;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
color: #FFFFFF;
background: url('../images/selected.png') repeat-x right -1px;
}

div#menu ul.menu>li:hover>a span {
color: #FFFFFF;
}
div#menu li { }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li {
background: none;
padding: 0;
}
div#menu ul ul a {
padding: 0px;
height: auto;
float: none;
display: inline-block ;
line-height: 25px;
z-index: -1;
padding-left: 5px;
white-space: normal;
width: 164px;
margin: 0 8px;
text-transform: none;
border-top: 1px solid #DACEF2;
border-bottom: 1px solid #9876DC;
}

div#menu ul ul a span {
font-weight:normal;
padding: 0 5px;
line-height: 25px;
font-size: 12px;
color: #5A4780;
}
div#menu li.current ul a,
div#menu li.current ul a span {
background:none;
}
div#menu ul ul a:hover {
background:none;
background-color: #9876DC;
}
div#menu ul ul a:hover span {
background:none;
color: #FFFFFF;
}
div#menu ul ul a.parent {
background: url('../images/submenu-pointer.png') no-repeat left bottom;
_background: url('../images/submenu-pointer.gif') no-repeat left bottom;
}
div#menu ul ul a.parent span {
background:none;
}
div#menu ul ul a.parent:hover {
background: url('../images/submenu-pointer.png') no-repeat left bottom;
_background: url('../images/submenu-pointer.gif') no-repeat left bottom;
background-color: #9876DC;
color: #FFFFFF;
}
div#menu ul ul a.parent:hover span {
background:none;
}
div#menu ul ul span {

margin-top: 0;
text-align: right;
direction: rtl;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
width: 194px;
padding: 0;
margin: -51px 0 0 192px !important;
margin-left: 192px;
}
div#menu ul ul ul {
padding: 10px 4px 0 4px;
}
div#menu ul ul div li {
position:relative;
top:-10px;
}

/* lava lamp */
div#menu li.back {
background: url('../images/selected.png') repeat-x 0 0;
width: 5px;
height: 51px;
z-index: 8;
position: absolute;
padding: 0;
margin: 0 0 10px -5px;
}

div#menu li.back .left {
padding:0;
width:auto;
background: url('../images/selected.png') repeat-x right 0;
height: 51px;
margin: 0 0 0 5px;
float: none;
position: relative;
top: 0;
left: 0;
visibility: visible;
}