[Tutorial] Personalizare Acp Login Page

Mesaje : 11 Data de inscriere : 05/06/2016

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

}

» [Regulament] Postare Tutorial .
» [Tutorial]Protecție AdminCP
» [TUTORIAL] Culoare diferită la posturile Administratorilor
» [Tutorial] Eliminare index.php din link