Mengubah Skema Warna Interface TMJ

Untuk penyesuaian tema sederhana, meng-upload sebuah style sheet CSS pada TMJ yang ada pada “Setup >> Langkah 5.6. “

https://lh3.googleusercontent.com/-FRdLudEcuec/WODj0usU3GI/AAAAAAAAEUA/Hbzk9TruNg0Lh2SyWJWQq-E0riCYdL9-QCL0B/h596/2017-04-02.png

Warna bisa ditentukan terutama warna button dan warna link. Untuk mengubahnya bisa kita gunakan pola CSS seperti ini :

Koding :

 /* Main Link Colors */
a:link {
    color: #87C344;
}
a:visited {
    color: #87C344;
}
a:hover, a:focus {
    color: #87C344;
}
a:active {
    color: #FEC010;
}

/*Top Nav Link Colors */
nav a:link {
    color: white;
}
nav a:visited {
    color: white;
}
nav a:hover, nav a:focus { 
    color: #FEC010;
} 
nav a:active {
    color: #FEC010;
}

/* Footer Link Colors */
#pageFooter a:hover, #pageFooter a:focus {
    color: #006A42;
}
#pageFooter a:active { 
    color: #FEC010;
}

/* Button Colors */
.button, .action, .options, .toggleExtras-inactive, .toggleExtras-active, .largeButton a {
    background-color: #87C344;
    border-color: #006A42;
}
.button:hover, .action:hover, .options:hover, .toggleExtras-inactive:hover, .toggleExtras-active:hover, .largeButton a:hover,
.button:focus, .action:focus, .options:focus, .toggleExtras-inactive:focus, .toggleExtras-active:focus, .largeButton a:focus,
.button:active, .action:active, .options:active, .toggleExtras-inactive:active, .toggleExtras-active:active, .largeButton a:active {
    background-color: #87C344;
    color: white;
}

Step by step :

Hasil :

Terimakasih 🙂

Referensi :
SKup Skripsi Yuli Widiastuti

5 Responses

Leave a Reply

You must be logged in to post a comment.