شخصی سازی و مرتب کردن ماژول ورود به سایت

[moradi2707 8]

دوستان یه قالب خریداری کردم میخوام ماژول ورود به سایتش رو یکم ویرایش کنم ...طوریکی یکم منظم بشه ..

الان مثلا تیک  دکمه مرا بخاطر بسپار پایین اون نوشته شده بجای اینکه روبه روی اون  یا قبلش باشه ...

همچنینی میخوام یکم ماژول رو زیباتر کنم اینجوری خیلی خشکه ...

ممنون میشم یکم راهنماییم کنید

[nbastreet 147]

دوست عزيز شما بايد براي اينكار css بدونيد و استايل هاي ماژول رو تغيير بدين!

اما در صورتي كه دمو آنلاين بذارين و بگين چه تغييراتي مي خواين بدين اينجا دوستان كمكتون مي كنن حتما!

موفق باشيد

[moradi2707 8]

دوست گرامی عکس پیوست  صفحه ورود به سایته .

اول از همه میخوام کل صفحه مرکزی بشه یعنی اون نام کاربری و رمز ورود و کادراشون بیان وسط صفحه و اینکه میخوام بالای فرم ورود یه عکس بزارم .

ویرایش شده بهمن 92 توسط moradi2707

[nbastreet 147]

دوست خوبم دمو آنلاين با عكس فرق داره! وقتي شما دمو آنلاين بذاري ما مي تونيم كد ها رو ببينيم اما اينجوري من چطوري شما رو راهنمايي كنم؟ اگر css بلد هستين كه بايد كلاس هاي مربوط به اين فرم رو پيدا كنيد و تغيير بدين!!!!

[moradi2707 8]

دوست خوبم دمو آنلاين با عكس فرق داره! وقتي شما دمو آنلاين بذاري ما مي تونيم كد ها رو ببينيم اما اينجوري من چطوري شما رو راهنمايي كنم؟ اگر css بلد هستين كه بايد كلاس هاي مربوط به اين فرم رو پيدا كنيد و تغيير بدين!!!!

بفرما داداش اینم دموی آنلاین

http://pardica.com/index.php/users/sign-in

[nbastreet 147]

براي وسط چين شدن در مسير 

http://pardica.com/templates/prestige_academy/css/com_content.css

در كلاس div.login, div.registration كد زير رو وارد كنيد ببينيد ميشه يا نه!!!

 

margin-right:auto;

margin-left:auto;

 

در مورد عكس هم فكر مي كنم توي تنظيمات ماژول ورود اين گزينه وجود داشته باشه!

[moradi2707 8]

براي وسط چين شدن در مسير 

http://pardica.com/templates/prestige_academy/css/com_content.css

در كلاس div.login, div.registration كد زير رو وارد كنيد ببينيد ميشه يا نه!!!

 

margin-right:auto;

margin-left:auto;

 

در مورد عكس هم فكر مي كنم توي تنظيمات ماژول ورود اين گزينه وجود داشته باشه!

سلام

داداش تغییری نکرد..

[مصطفی صفرعلی 2,891]

با سلام
 
کدهای زیر را به انتهای مسیر templates/prestige_academy/css/template_rtl.css اضافه کنید

label#remember-lbl {
margin: 5px 18px 5px 0;
}
input#remember {
margin: -18px 0 0 0;
position: absolute;
}
div#s5_component_wrap_inner div ul {
background: none repeat scroll 0 0 #FFFFFF;
margin: -30px 0 0;
padding: 0 20px 10px 0;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
border-radius: 0 0 10px 10px;
}
div.login {
background: none repeat scroll 0 0 #FFFFFF;
padding: 0 10px 1px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 10px 10px 0 0;
}

موفق و پیروز باشید
یا حق

[moradi2707 8]

با سلام

 

کدهای زیر را به انتهای مسیر templates/prestige_academy/css/template_rtl.css اضافه کنید

label#remember-lbl {
margin: 5px 18px 5px 0;
}
input#remember {
margin: -18px 0 0 0;
position: absolute;
}
div#s5_component_wrap_inner div ul {
background: none repeat scroll 0 0 #FFFFFF;
margin: -30px 0 0;
padding: 0 20px 10px 0;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
border-radius: 0 0 10px 10px;
}
div.login {
background: none repeat scroll 0 0 #FFFFFF;
padding: 0 10px 1px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 10px 10px 0 0;
}

موفق و پیروز باشید

یا حق

ممنون از پاسختون دوست گرامی

ولی متاسفانه تغییری ایجاد نشد

بازم ممنون

[مصطفی صفرعلی 2,891]

با سلام
 
کش جوملا و مرورگرتون رو ابتدا پاکسازی کنید سپس وارد سایتتون بشید
 
این کدها تو فایرفاکس مشکلی نداره ولی اگه تو مرورگرهای دیگه درست نمایش داده نشد باید یکسری هکها رو هم به برخی خاصیتها اضافه کنید . مثلا" بصورت زیر :

label#remember-lbl {
margin: 5px 18px 5px 0;
}
input#remember {
margin: -18px 0 0 0;
position: absolute;
}
div#s5_component_wrap_inner div ul {
background: none repeat scroll 0 0 #FFFFFF;
margin: -30px 0 0;
padding: 0 20px 10px 0;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}
div.login {
background: none repeat scroll 0 0 #FFFFFF;
padding: 0 10px 1px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}

موفق و پیروز باشید
یا حق

[moradi2707 8]

با سلام

 

کش جوملا و مرورگرتون رو ابتدا پاکسازی کنید سپس وارد سایتتون بشید

 

این کدها تو فایرفاکس مشکلی نداره ولی اگه تو مرورگرهای دیگه درست نمایش داده نشد باید یکسری ه-ک ها رو هم به برخی خاصیتها اضافه کنید . مثلا" بصورت زیر :

label#remember-lbl {
margin: 5px 18px 5px 0;
}
input#remember {
margin: -18px 0 0 0;
position: absolute;
}
div#s5_component_wrap_inner div ul {
background: none repeat scroll 0 0 #FFFFFF;
margin: -30px 0 0;
padding: 0 20px 10px 0;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
}
div.login {
background: none repeat scroll 0 0 #FFFFFF;
padding: 0 10px 1px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}

موفق و پیروز باشید

یا حق

این کدها باید دقیقا یه جای خاص قرار داده بشن یا اینکه فرقی نمیکنه .

چون کش رو هم پاک کردم باز تاثیری نداشت ...الان کدها رو گذاشتم خودتون میتونید نگاه کنید

[مصطفی صفرعلی 2,891]

با سلام

 

مشکل از بابت همون کش هستش

 

برای منم الان نمایش داده نمیشد . چند بار که CTRL+F5 رو زدم دیدم کدها اثر کردند

 

تست کنید

 

موفق و پیروز باشید

یا حق