Î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 :

Cod:


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 :

Cod:

body.login_screen {
    background: url("http://i.imgur.com/10GW1vp.jpg") repeat fixed 50% 0px / cover transparent;
    color: #BCBCBC;
    font: 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
}


Acum căutăm :


Cod:

#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 :


Cod:

#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 :


Cod:

#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 :


Cod:

#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;

}