[Tutorial] Personalizare Acp Login Page

    Distribuiţi
    avatar
    DevilCry
    Membru
    Membru

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

    [Tutorial] Personalizare Acp Login Page

    Mesaj Scris de DevilCry la data de Dum Iun 19, 2016 1:43 pm

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

    }

      Acum este: Lun Iun 25, 2018 8:45 am