În acest tutorial am să va arăt cum puteţi edita aspectul paginii de logare de la ACP , după bunul vostru plac ! Să începem ! Mergem în /forum/admin/skin_cp/acp.css şi căutăm :
body.login_screen {
background: -moz-linear-gradient(center top , #4A85B5 0%, #205889 100%) repeat scroll 0% 0% transparent;
height: auto !important;
}
Modificăm şi obţinem :
body.login_screen {
background: url("http://i.imgur.com/10GW1vp.jpg")repeatfixed 50% 0px / cover transparent;
color: #BCBCBC;
font: 11px tahoma,helvetica,arial,sans-serif;
position: relative;
}
Acum căutăm :
#login {
width: 450px;
height: 220px;
background: none repeat scroll 0% 0% #FFF;
margin: 10% auto 0px;
border-radius: 4px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
position: relative;
padding: 10px;
}
Modificăm şi obţinem :
#login {
width: 450px;
height: 220px;
background-color: rgba(25, 25, 25, 0.9);
margin: 10% auto 0px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
position: relative;
padding: 10px;
}
Mai avem de făcut o modificare şi am terminat , căutăm :
#login_submit {
background: none repeat scroll 0% 0% #E7EDF2;
border-top: 1px solid #D0DCE6;
padding: 20px 10px;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 0px 0px 4px 4px;
}
Modificăm şi obţinem :
#login_submit {
background-color: rgba(25, 25, 25, 0.9);
border-top: 1px solid rgba(25, 25, 25, 0.9);
padding: 20px 10px;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
border-radius: 0px 0px 4px 4px;
}
Rezultat final :
