راست چین کردن صفحات ورود و ثبت نام در قالب جوملا

[gothic 10]

سلام دوستان

قالبی که نصب کردم، در صفحات ورود و غیره شکل نامناسبی داره...

و موقعیت فیلد ها با موقعیت متنهاشون متفاوت هست

چی کار باید کنم؟

/

html{direction:rtl}
a#logo,#logo-text {float:right}
a#logo {background-position:100% 50%}

/*Float Right*/
.mx_date,
#mx-top-menu{float:left}

/*Float Left*/
#mx-search,
#mx-banner,a.login_link{float:left}

/*top menu*/
#mx-top-menu li{border-right:1px solid #6f6f6f;border-left:none!important}

/*Search*/
#mx-search .mod-search input#mod-search-searchword, 
#mx-search .mod-search input#mod-finder-searchword{background-position:4% 50%!important}

/*news show sp2 latest update*/
.module.highlighted.title-ticker h3.header{right:0!important;width:90px;color:#fff!important;padding:5px 0!important;text-align: center;border-bottom:none!important}
.module.highlighted.title-ticker .mod-content{margin-right:100px!important;margin-left:auto}

#mx-leftcol, #mx-rightcol, #mx-maincol ,#mx-sideleft, #mx-sideright, #inner_content, .mx-block{float:right!important}
.mx-block .first {margin-left:0!important;margin-right:-10px}
.mx-block .last {margin-right:0!important;margin-left:-10px}

/*Hornav*/
#hormenu li .submenu,#sublevel li .submenu {direction:ltr}
.submenu-inner {direction:rtl}
#hormenu .megacol {float:right!important}
#hormenu ul.level-0,
#sublevel ul.level-1,#hormenu ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item
{float:right!important}
#hormenu ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {background: none!important}
#hormenu ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {padding-right: 0!important;padding-left: 12px!important}
#hormenu ul li.parent > a.menu-item span.menu,
#sublevel ul li.parent > a.menu-item span.menu {padding-right: 0!important;padding-left: 12px!important;background:url(../images/daddy_rtl.png) no-repeat 0 50%!important}
#hormenu ul.level-0 > li.menu-item span.has-image,
#sublevel ul.level-1 > li.menu-item span.has-image{padding-left:0!important;padding-right:18px;background-position:100% 50%!important}
.msildersContent,.msilders_target { direction:ltr !important}
.panel h3.pane-toggler a{background:#f5f5f5 url(../images/slider_plus_rtl.png) left top no-repeat;}
.panel h3.pane-toggler-down a {background:#f5f5f5  url(../images/slider_minus_rtl.png) left top no-repeat;border-bottom:solid 1px #ddd;}
/*Modules*/
#mx-bottom .separator .mod-block{}

/* Footer */
#mx-footer .cp {float:right;}
#mx-footer-nav{float:left}
a#pagetop{float:left}

/*Joomla*/
fieldset dd{float:right}
fieldset dt{float:right}
ul.buttonheading{float:left}
dl.article-info{float:right}
#form-login-username label, #form-login-password label, #form-login-remember label {float: right;text-align: right}
#adminForm table thead tr, #adminForm table thead tr th {text-align: right}
div.pagination ul{text-align:right}
div.pagination p.counter{float:left}
.filter-search{float:right}
div.categories-list dt {float: right}

.login label,.profile-edit dl dt,.remind dl dt,.reset dl dt,.registration dl dt{float:right;text-align:left}
.login .inputbox,.login input.required,.registration dl dd input.required,.remind dl dd input.required,.reset dl dd input.required,
.profile-edit .inputbox,.profile-edit input.required,.profile-edit input,.profile-edit select{margin:0 10px 0 0}
.login .button,.login button,.profile-edit button,.remind button,.reset button,.registration button{margin:0 160px 0 0}

/*Edit*/
.edit label{float:right;text-align:left}
label#jform_description-lbl {text-align:right}
.edit .inputbox,.edit input{margin:0 10px 0 0}
.edit select{margin:0 10px 0 0}
.edit div.formelm-buttons {margin:0 140px 20px 0}

/*Bootstrap*/
.pull-right {float:left}
.pull-left {float:right}
div.color-site{height:16px;line-height:16px; margin-top:6px; text-align: left;}
div.font-sizer{width:62px;height:16px;line-height:16px;float: left;}

کد بخش ورود هم اینه...

<fieldset>

<div class="control-group">

<div class="control-label">

<label id="username-lbl" for="username" class="required">

نام کاربری<span class="star"> *</span></label>

</div>

<div class="controls">

<input name="username" id="username" value="" class="validate-username required" size="25" required="" aria-required="true" autofocus="" type="text"> </div>

</div>

<div class="control-group">

<div class="control-label">

<label id="password-lbl" for="password" class="required">

رمز ورود<span class="star"> *</span></label>

</div>

<div class="controls">

<input name="password" id="password" value="" class="validate-password required" size="25" maxlength="99" required="" aria-required="true" type="password"> </div>

</div>

<div class="control-group">

<div class="control-label"><label>من را به یاد بیاور</label></div>

<div class="controls"><input id="remember" name="remember" class="inputbox" value="yes" type="checkbox"></div>

</div>

<div class="control-group">

<div class="controls">

<button type="submit" class="btn btn-primary">

ورود </button>

</div>

</div>

<input name="return" value="aW5kZXgucGhwP29wdGlvbj1jb21fdXNlcnMmdmlldz1wcm9maWxl" type="hidden">

<input name="ff272b8740d67640925c17b73e7d9fa6" value="1" type="hidden"> </fieldset>

ممنون :thanks:

[gothic 10]

البته float: left رو اضافه هم کردم به خط زیر اما فقط پوزیشنش جابجا شد

.profile-edit .inputbox,.profile-edit input.required,.profile-edit input,.profile-edit select{[color="#FF0000"]float:left[/color];margin:0 10px 0 0}

قبل از اضافه کردن

بعد از اضافه کردن

[clik8000 16]

دموی آنلاین بدید راهنماییتون کنم

[gothic 10]

دموی آنلاین بدید راهنماییتون کنم

سلام

این لینک ورود به سیستم و عضویت و ... هست

ورود به سیستم

ورود به سیستم

[clik8000 16]

این کدها رو توی فایل Template_rtl خودتون کپی کنید

html > body.bg.rtl.brown.clearfix > div#wrapper > div#mx-basebody > div.mx-base.main-bg.clearfix > div.clearfix > div#mx-maincol.clearfix > div#inner_content.clearfix > div.mx-component-area.clearfix > div.mx-inner.clearfix > div.mx-component-area-inner.clearfix > div.login > form.form-validate.form-horizontal.well > fieldset > div.control-group > div.control-label{float:right !important;width:130px;font-family:tahoma}
html > body.bg.rtl.brown.clearfix > div#wrapper > div#mx-basebody > div.mx-base.main-bg.clearfix > div.clearfix > div#mx-maincol.clearfix > div#inner_content.clearfix > div.mx-component-area.clearfix > div.mx-inner.clearfix > div.mx-component-area-inner.clearfix > div.login > form.form-validate.form-horizontal.well > fieldset > div.control-group > div.controls > input#remember.inputbox{float:right !important;width:30px;direction:rtl}
html > body.bg.rtl.brown.clearfix > div#wrapper > div#mx-basebody > div.mx-base.main-bg.clearfix > div.clearfix > div#mx-maincol.clearfix > div#inner_content.clearfix > div.mx-component-area.clearfix > div.mx-inner.clearfix > div.mx-component-area-inner.clearfix > div.registration > form#member-registration.form-validate.form-horizontal.well > fieldset > div.control-group > div.control-label{float:right;}
html > body.bg.rtl.brown.clearfix > div#wrapper > div#mx-basebody > div.mx-base.main-bg.clearfix > div.clearfix > div#mx-maincol.clearfix > div#inner_content.clearfix > div.mx-component-area.clearfix > div.mx-inner.clearfix > div.mx-component-area-inner.clearfix > div.registration > form#member-registration.form-validate.form-horizontal.well > fieldset > div.control-group > div.controls > input{float:left;margin-left:-110px !important;}

[gothic 10]

درست شد

دست گل شما درد نکنه

یک دنیا ممنون gift