Personalizare Acp Login Page

[Sebastian C. 522]

Î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") repeat fixed 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 :

http://i.imgur.com/hzifAMu.png

 

Va mulţumesc pentru atenţie , dacă consideraţi acest tutorial util nu uitaţi să apăsaţi butonul "Like"

Edited August 1, 2015 by Sebastian C.

[Alexandru C. 338]

Folositor , mulțumim

+1 de la mine!

[(c) AcTiViSiOn 5]

Nu imi apare asa...

[Sebastian C. 522]

Nu imi apare asa...

 

Cod-urile nemodificate sunt luate din sursa web deoarece n-am nici un exemplar de la acp.css nemodificat cauta doar numele codului nu si continutul si il vei gasi !

[+tazzy* 9]

soWTF

 

Thanks ! 

[swag 1]

+1 bravo ff frumos !

[+Stefan 73]

Sunt si pe webflake acp-uri gata facute. Dar oricum, folositor

[gadeas 1,008]

Sunt si pe webflake acp-uri gata facute. Dar oricum, foarte folositor

Foarte folositor nu e, dar na.

 

Frumos tutorialu (fie sau nu copy/paste), este personalizare pentru ACP, adica vorbim de ceva ce ar trebui sa aiba acces maxim 4-5 persoane ( si 4-5 persoane mi se pare mult ) si restu nici macar sa nu vada aceasta pagina

[K3ny 1]

Dar numele cum îl schimb?

[+Furious 32]

Ce misto arata acp-ul :>

[+Andrei T. 34]

Ms. Frumos tutorial. +1

[REYES 0]

Am intrat in www.******.*****/admin/skin_cp/acp.cs si imi apare: http://i.imgur.com/zMhD3pz.png

[Sebastian C. 522]

Mergem în /forum/admin/skin_cp/acp.css şi căutăm :

Adica in FTP nu web .

[PlaY4FuN 7]

Frumos dar nu-mi place jos dunga neagra.

[REYES 0]

Mergem în /forum/admin/skin_cp/acp.css şi căutăm :

Adica in FTP nu web .

 

Nu inteleg :? Ce sa fac sa editez?

[+C A T A L I N 35]

Nu inteleg :? Ce sa fac sa editez?

Caută in ftp forum/admin/skin_cp/acp.CSS si dai click dreapta si dai edit si după faci pași care a spus sebi

[Labrinth 15]

 

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") repeat fixed 50% 0px / cover transparent;
    color: #BCBCBC;
    font: 11px tahoma,helvetica,arial,sans-serif;
    position: relative;
    overflow:hidden;
}

Daca va apare bara de scroll , adaugati overflow:hidden; in body.login_screen { .

Edited June 18, 2015 by Labrinth

[Andrei_Terlea 0]

Foarte Frumos. .

[DivineLife 0]

Mie nu imi mere...

Imi puteti da donwload  editat deja.

[+Lolo. 14]

folositor, +1

[YonutzX 1]

Mulțumesc frumos. Chiar ma ajutat. Am efectuat toți pașii și mia mers. 

[Mr.SLow 4]

Multumesc +1 , doar ca mie acolo jos unde scrie ,,Login'' imi arata cu alb..!

[Turbyn3. 0]

Mie nu imi merge. Am descarcat fisierul acp.css din ftp, l-am modificat exact asa cum a scris aici, l-am urcat iar in ftp ( cel modificat ) si acum ACP-ul imi arata ca inainte. De ce?