إنضم لنا

Cara menghilangkan garis kuning pada menu





Cara menghilangkan garis kuning pada menu



Hal ini memang terlihat sangat sepele namun buat saya ini sangat menggangu pandangan

Beberapa waktu yang lalu saya men download template pada forum yang memang menyediakan sebuah template, maklum karna saya tidak bisa membuat template blogger jadi saya mendownload di penyediaan template gratis hehee

Dan saya mendapatkan hal itu pada template yang saya download, O,iya Hal ini sama sekali tidak ada pengaruhnya pada penurunan traffic atau seo yah,

Seperti yang saya katakan di atas ini masalah sepele tidak ada sangkut pautnya dengan traffic seo ratting ataupun SERP hanya saja ini mengggangu pandangan saya makanya saya search siapa tau temen temen juga merasakan hal yang sama,

Situs situs besar pun nenggunakan hal seperti itu entah itu di sengaja atau tidak saya tidak tau kenapa seperti Youtube contohnya



Dan ada lagi amp project misalnya maklum saya orang kepo biasa untuk membuat materi


Kalian bisa melihat garis kuning pada sebuah menu yang saya beri tanda panah, Awalnya saya mencoba menghilangkan nilai
margin-bottom karna saya berfikir ini peran margin-bottom karna margin bottom pun memiliki kerja yang hampir sama tapi tenyata tidak,

Garis muncul secara alami
Yah garis itu muncul secara alami pada nilai button atau objek yang bisa di klik, namun garis itu mucul apa bila objek kita tap atau kita tahan beberapa detik bukan di klik,

Cara menghilangkan
Ada pun cara menghingkan garis tersebut caranya sebagai berikut,

Saya mengambil contoh dari template yang saya pake perhatikan css di bawah baik baik
1.
.btn-amp-sidebar{
    display: inline-block;
    background image: url(data:image/png;base64,);
    background-repeat: no-repeat;
    background-size: 20px  20px;
    background-position: center;
    background-color:tranparent;
    width:40px;
    height: 40px;
    border: none;
    position: fixed;
    top: 5px;
    left: 10px;
    z-index: 1001;
    cursor: pointer;
}
2.
.btn-amp-sidebar{
    display: inline-block;
    background image: url(data:image/png;base64,);
    background-repeat: no-repeat;
    background-size: 20px  20px;
    background-position: center;
    background-color:tranparent;
    width:40px;
    height: 40px;
    border: none;
    position: fixed;
    top: 5px;
    outline:none;
    left: 10px;
    z-index: 1001;
    cursor: pointer;
}
Apakah kalian melihat perbedaan dari 2 css di atas yang saya beri tanda dengan backgroun warna

Yah itu code yang harus kalian tambahkan untuk menghilangkan sebuah garis pada sebuah menu kalian harus menambahkan code outline:none; pada sebuah objek yang memiliki garis tersebut,

Ini bukan hal baru ini sudah lama, hanya saja saya yang telat update ,

Itu saja semoga teman teman bisa mengerti Penulis:

Seorang Penulis Asal Tegal jawa tengah 


PENTING !!!
Untuk pertanyaan di luar topik silahkan Gunakan Komentar Facebook atau Google+ sengaja Kami sediakan Untuk komentar random Dan untuk pertanyaan seputar article gunakan komentar disqus Terimakasih...

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments:

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Detail