Oh Snap!

Hit enter after type your search item

    Cara Cek dan Mengatasi template Css yang Tidak Terpanggil

    /
    /
    /
    0 Views
    443
    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

    Adverstisment

    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
    1

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

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

    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

    Leave a Comment

    Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

    This div height required for enabling the sticky sidebar
    Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views : Ad Clicks :Ad Views :