Costum Warna Template Aplikasi PPDB 5 Pro

Secara default Aplikasi PPDB 5 Pro hanya memiliki satu varian warna yaitu biru, tetapi Anda bisa membuat atau mengcostum warna/tema dari Aplikasi PPDB 5 Pro ini dengan mudah 

Berikut ini adalah Costum Warna Template Aplikasi PPDB 5 Pro

1. Buka folder themes/kenny/dist/css
2. Disana nanti terdapat file costum.css, pada file itu Anda bisa melakukan costum dengan pengetahuan css yang Anda miliki
3. Tetapi jika Anda tidak memiliki pengetahuan css, Anda bisa melihat beberapa contoh kode css dengan tema Merah (red) dan Hijau (green) berikut
4. Tema Merah(red). Replackan kode dibawah pada file costum.css Anda
   

   
   .navbar.navbar-inverse{background:#c10729;border-color:#c10729}.navbar.navbar-inverse.navbar-fixed-top{border-bottom:1px solid #c10729}.side-nav li a:hover{color:#8b0713}a.toggle-left-nav-btn i{font-size:30px;color:#fff}.pagination > li.active > a,.pagination > li.active > span{background:#8b0713}footer{background:#c10729}.accordion-struct.panel-group .panel .panel-heading.activestate{background:#8b0713;border-bottom:1px solid #8b0713}.bg-blue{background:#8b0713!important}.panel-primary > .panel-heading{background-color:#a21010}.label-primary{background:#a21010}.navbar .brand-img{margin:5px 0 0}.form-table{display:inline-block}.form-table .btn.btn-xs{padding:0;margin-right:18px}.profile-box .profile-info-wrap{background-image:linear-gradient(to bottom,#8b0713 0%,#c47070 100%)}.profile-box .social-info{background:linear-gradient(to top,#5c0202 0%,#c47070 100%);padding:30px 100px}.profile-box .social-info i{font-size:42px}.bg-gd0{background:linear-gradient(to top,#36c7ac,#76d5b5d9)}.bg-gd1{background:linear-gradient(to bottom,#36c7ac,#76d5b5d9)}.bg-gd2{background:linear-gradient(to top,#6ab4d8,#4a98aa)}.bg-gd3{background:linear-gradient(to bottom,#86bfdb,#4a98aa)}#single-wrapper{min-height:100%;background:url(../img/bg1.JPG) top center repeat;overflow:hidden;width:100%;padding:0 15px}.myicon{font-size:12px;color:#123456;background:#fff;padding:12px 15px;border-radius:30%;font-family:FontAwesome;width:100%;margin:5px}.myicon-2{font-size:12px;background:#fff;padding:12px 15px;border-radius:30%;width:50%;margin:5px}.table-hover > tbody > tr:hover{background-color:#8b0713!important;color:#fff}.card-view-transparent{background:#ffffff80}.card-view-2{background:#33d57a}.card-view-3{background:linear-gradient(to bottom,#2dcd6c 0%,#b2d64e 100%)}.card-view-4{background:linear-gradient(to top,#5c0202 0%,#c47070 100%)}@media (max-width: 378px){.profile-box .social-info i{font-size:22px}}
   

5. Tema Hijau (green). Replackan kode dibawah pada file costum.css Anda
   

     
     .navbar.navbar-inverse{background:#13763b;border-color:#13763b}.navbar.navbar-inverse.navbar-fixed-top{border-bottom:1px solid #13763b}.side-nav li a:hover{color:#135e31}a.toggle-left-nav-btn i{font-size:30px;color:#fff}.pagination > li.active > a,.pagination > li.active > span{background:#135e31}footer{background:#135e31}.accordion-struct.panel-group .panel .panel-heading.activestate{background:#135e31;border-bottom:1px solid #135e31}.bg-blue{background:#135e31!important}.panel-primary > .panel-heading{background-color:#13763b}.label-primary{background:#13763b}.navbar .brand-img{margin:5px 0 0}.form-table{display:inline-block}.form-table .btn.btn-xs{padding:0;margin-right:18px}.profile-box .profile-info-wrap{background-image:linear-gradient(to bottom,#135e31 0%,#99c470 100%)}.profile-box .social-info{background:linear-gradient(to top,#145c02 0%,#86c470 100%);padding:30px 100px}.profile-box .social-info i{font-size:42px}.bg-gd0{background:linear-gradient(to top,#36c7ac,#76d5b5d9)}.bg-gd1{background:linear-gradient(to bottom,#36c7ac,#76d5b5d9)}.bg-gd2{background:linear-gradient(to top,#6ab4d8,#4a98aa)}.bg-gd3{background:linear-gradient(to bottom,#86bfdb,#4a98aa)}#single-wrapper{min-height:100%;background:url(../img/bg1.JPG) top center repeat;overflow:hidden;width:100%;padding:0 15px}.myicon{font-size:12px;color:#123456;background:#fff;padding:12px 15px;border-radius:30%;font-family:FontAwesome;width:100%;margin:5px}.myicon-2{font-size:12px;background:#fff;padding:12px 15px;border-radius:30%;width:50%;margin:5px}.table-hover > tbody > tr:hover{background-color:#135e31!important;color:#fff}.card-view-transparent{background:#ffffff80}.card-view-2{background:#33d57a}.card-view-3{background:linear-gradient(to bottom,#2dcd6c 0%,#b2d64e 100%)}.card-view-4{background:linear-gradient(to top,#135e31 0%,#73c470 100%)}@media (max-width: 378px){.profile-box .social-info i{font-size:22px}}
     
     

6. Simpan selesai, jika tidak terjadi perubah, clear cache browser Anda

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple