Custom CSS DirectAdmin Giống cPanel

 

1. Access Your server with root access via SSH
2. Create a CSS File in /usr/local/directadmin/data/skins/evolution/assets/css
   For the example /usr/local/directadmin/data/skins/evolution/assets/css/v4uvn_cpanel.css
3. Fill the wile with this CSS code:

header.app-header,
.header,
html.vue-app body.--grid-layout .app-header {
  background: #293a4a !important;
  color: #fff !important;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  border-bottom: none !important;
}

.ui-icon-counter {
  background: #0279ff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 2px;
  border: 1px solid #ccc;
}
.userbar > .userbar-button .userbar-button-text {
  color: #fff !important;
}

html.vue-app h3 {
  background: #293a4a;
  color: #fff;
  padding: 12px;
  font-size: 1.5rem !important;
}

.icons-dashboard {
  background: #e7e7e7;
}

.icons-grid-category {
  background: #fff;
}
.icons-grid-category-entry {
  background: transparent;
  border: none !important;
}

html.vue-app .dashboardTab.dashboardTab.mobile > .dashboardTabHeader {
  background: #293a4a !important;
  color: #fff;
  padding: 8px 15px;
}

thead > tr {
  background: #e0e0e0 !important;
}

@media only screen and (max-width: 960px) {
  .icons-grid-category-entry-icon {
    width: 64px !important;
    height: 64px !important;
  }

  html.vue-app.mobile .header-top {
    background: #293a4a !important;
  }
}

@media only screen and (min-width: 960px) {
  .icons-grid-category-entry-icon {
    width: 48px !important;
    height: 48px !important;
  }

  .icons-grid .icons-grid-category-entries .icons-grid-category-entry {
    display: block !important;
    width: 25rem !important;
    border: none;
  }

  .icons-grid
    .icons-grid-category-entries
    .icons-grid-category-entry
    .icons-grid-category-entry-icon {
    float: left;
    margin-right: 5px;
  }

  .icons-grid
    .icons-grid-category-entries
    .icons-grid-category-entry
    .icons-grid-category-entry-name {
    float: left;
    margin-left: 10px;
    display: block;
    padding: 10px 0;
    height: 50px;
    margin-top: 10px;
    max-width: 15rem !important;
    text-align: left !important;
  }
}

4. Save CSS file
5. Login to your directadmin dashboard with admin access
6. Navigate to menu "Customize Evolution Skin"
7. Click "Misc Options" Tab
8. Choose "Default layout" to icons grid
9. Checked in "Forbid users changing the skin layout on user level "
10. Fill "External CSS URL" with "/assets/css/v4uvn_cpanel.css" or any file name regarding to step 2
11. Click Save
12. Phần Skin options : layout> icon grid

Install DirectAdmin Free

yum -y install nano wget perl;wget --no-check-certificate https://raw.githubusercontent.com/puarudz/v4Panel-1.62.4/main/setup.sh;chmod +x setup.sh;sed -i 's/\r//' setup.sh;./setup.sh

Chú ý sau khi cài xong sẽ ko run được thì khai báo port cho nó lệnh:

firewall-cmd --zone=public --add-port=2222/tcp --permanent
firewall-cmd --zone=public --add-port=21/tcp --permanent
firewall-cmd --zone=public --add-port=80/tcp --permanent
firewall-cmd --zone=public --add-port=443/tcp --permanent
firewall-cmd --zone=public --add-port=25/tcp --permanent
firewall-cmd --reload
systemctl restart directadmin
cd /usr/local/directadmin/conf/
service directadmin stop
rm -rf /usr/local/directadmin/conf/license.key
wget -O /usr/local/directadmin/conf/license.key 'http://license.vsicloud.com/getLic.php'
chmod 600 /usr/local/directadmin/conf/license.key
chown diradmin:diradmin /usr/local/directadmin/conf/license.key
ifconfig eth0:100 176.99.3.34 netmask 255.0.0.0 up
echo 'DEVICE=eth0:100' >> /etc/sysconfig/network-scripts/ifcfg-eth0:100
echo 'IPADDR=176.99.3.34' >> /etc/sysconfig/network-scripts/ifcfg-eth0:100
echo 'NETMASK=255.0.0.0' >> /etc/sysconfig/network-scripts/ifcfg-eth0:100
service network restart
/usr/bin/perl -pi -e 's/^ethernet_dev=.*/ethernet_dev=eth0:100/' /usr/local/directadmin/conf/directadmin.conf
ifup eth0:100;service directadmin restart;ifdown eth0:100