Cara Cek dan Mengatasi template Css yang Tidak Terpanggil

template Css yang Tidak Terpanggil
Cara Cek dan Mengatasi template Css yang Tidak Terpanggil-Halo gaes , saya mau update lagi nih pumpung lagi mood nulis, pada kesempatan kali ini saya akan memberikan tips Cara Cek dan Mengatasi template Css yang Tidak Terpanggil, bagi seorang web developer khusunya bagian Front End CSS merupakan salah satu hal yang sangat vital, tanpa CSS web yang kita buat akan terlihat biasa saja dan tidak menarik, karena fungsi CSS sendiri memang untuk mempercantik tampilan sebuah website, seperti yang kita ketahui untuk membuat website seminimal minimalnya harus ada 2 komponen yang ada yaitu HTML dan CSS, jika sudah mahir kamu bisa menambahkan javascript untuk memanipulasi DOMnya, apa itu DOM? silahkan googling karena pada artikel kali ini saya tidak akan membahas itu.

Ketika kita membuat website , mungkin kita akan di hadapkan dengan sebuah permasalahan yaitu CSS tidak terpanggil artinya semua elemen yang sudah kita rubah warnaya,ganti backgroundya dan lainya tidak berpengaruh apa apa. hal itu bisa saja terjadi karena kamu membuat CSS eksternal  dan salah melakukan pemanggilan file nah sebenarnya  ada 2 cara untuk mengatasi dan meminimalisir hal itu

CSS Internal


CSS internal adalah membuat CSS kita menjadi satu dengan kode HTML , dengan menerapkan CSS internal maka kecil kemungkinan kalau CSS kita mengalami masalah pemanggilan , jikapun tetap tidak error maka kemungkinan yang terjadi adalah kamu salah memanggil Class atau tag yang ingin di manipulasi(di rubah).

contoh : .wrapper { margin : 0 } atau h1 { font-family : serif }

CSS Inline


CSS inline adalah membuat CSS kita didalam class atau tag yang ingin kita rubah , dengan menerapkan ini akan memperkecil kemungkinan kalau css tidak terpanggil karena kita sudah secara spesifik membuat kode didalam tag yang ingin kita rubah, jika terdapat kesalahan maka bisa terjadi pada kode CSS nya misalkan typo dalam menulis kodenya

contoh  : <h1 style="font-size:14px" >

Lalu caranya bagaimana memeriksa kalau CSS eksternal kita sudah terhubung ke dalam kode HTML kita?  ada cara caranya gaes dan itu sangat mudah apalagi jika kamu mendownload template dari internet,


Tekan CTRL + U atau View Page Source di halaman web kita
Cara Cek dan Mengatasi template Css yang Tidak Terpanggil
Cara Cek dan Mengatasi template Css yang Tidak Terpanggil

Kemudian tekan link css yang telah kamu buat ,
cek satu satu jika lebih dari satu untuk memastikan, untuk contoh liat gambar



jika dia sudah terhubung  maka tampilan dia akan menampilkan kode CSS kita



namun jika salah dia akan menampilkan kalau CSS kita tidak di temukan


untuk mengatasi hal tersebut sangatlah mudah kamu periksa lagi kode link menuju CSS eksternal mu dan lakukan pengecekan seperti diatas apakah sudah terhubung, ini juga berlaku pada file javascript yah, kamu bisa melakukan debuging dengan cara yang sama

mudah kan gaes, hal ini sering terjadi ketika kita mendownload sebuah template dari internet entah itu template Admin LTE dan sejenisnya, maka hal ini memang perlu di perhatikan dan ingat gaes jika kita menggunakan file PHP khusunya Framework codeigniter kita perlu menambahkan <?echo base url('folder css') ?>  di depan link cssnya
contoh  : <link rel="stylesheet" href="<?php echo base_url() ?>assets/bower_components/Ionicons/css/ionicons.min.css">

jika kamu sekarang sedang memecah template admin lte silahkan baca artikel ku yang ini  ara Memecah Template Boostrap Admin LTE di CodeIgniter Menjadi dinamis

nah jadi itu gaes Cara Cek dan Mengatasi template Css yang Tidak Terpanggil mudah kan?  jika artikel ini bermanfaat share ya gaes

Tag : Cara Cek dan Mengatasi template Css yang Tidak Terpanggil

#cek css tidak terpanggil
#mengatasi css tidak terpanggil
#css tidak terpanggil
#template css tidak terpanggil


Related Posts

Post a Comment

Subscribe Our Newsletter