Hasil Belajar Ane. Membuat Link - Color dengan Css

Selamat siang agan-agan. maaf nich newbie pengen sharing hasil belajar newbie di carabikinwebsite.com mohon pencerahan buat suhu-suhu yang ada di forum ini.
Ceritanya tadi pagi dapet info dari temen sesama penggemar programming katanya ada website yang kasih kursus gratis.Sepertinya websitenya masih baru. Jadi langsung aja cek tkp dan belajar materi disana.
Salah satu materi favorit ane merubah warna link pada html dengan css

Ini screenshoot dari browser ane.


bentuknya kayak buku kalau diwebsite aslinya. Jadi link buat ngelinkin page itu warnanya bisa kita atur. Kalau menurut guru IT ane pas ane ajak diskusi. bisa buat dasar bikin menu hover yang keren banget. wah belajar dari yang sederhana dulu aja kalau ane.

kalau ane pelajari scriptnya
<style>

Code:

a:link  {color:green; background-color:transparent; text-decoration:none}

a:visited {color: pink; background-color:transparent; text-decoration:none}

a:hover  {color:red; background-color:transparent; text-decoration:underline}

a:active  {color:yellow; background-color:transparent; text-decoration:underline}

</style>

<a href="[URL]http://carabikinwebsite.com/[/URL]"> carabikinwebsite.com </a>

ini screenshoot di notepad++ ane

info ane lebih suka pakai notepad ++ dari pada notepad biasa

Nah ini yang ane fahami tentang script diatas
Tag <style>
buat mempengaruhi tampilan link yang nanti kita buat
didalam tag <style> ada beberapa kode

Code:

a:link    {color:green; background-color:transparent; text-decoration:none} (ini nich kode yang buat link yang kita buat berwarna ijo
a:visited {color: pink; background-color:transparent; text-decoration:none} kode ini yang buat link setelah diklik warnanya jadi pink
a:hover   {color:red; background-color:transparent; text-decoration:underline} kode ini yang buat warna link berwarna merah pas kursor berada di link
a:active  {color:yellow; background-color:transparent; text-decoration:underline} ini kode tambahannyanya brother

ini tampilan di browser ane

kalau mau rubah warnanya tinggal rubah kode color nya di dalam tag <style>

terima kasih dan mohon tambahan ilmunya

 

Ane juga lagi belajar di situs yang sama dapat info dari posting suhu sebelumnya. Tapi ane lebih suka belajar tutorialnya. kayaknya suhu belajar yang versi e-book ya. Ane masih new bie jadi belajar dari awal dulu deh.hehe

 

kita sama-sama masih belajar brother.hehe

 

gan aq mau nanya gimana caranya memnyembunyikan link website kita ketika kita post di grub ?
misalnya linknya http://www.bersosial.com
nah yang muncul nanti di layar misal klik disini dan lansung menuju ke link http://www.bersosial.com

 

boleh juga n di praktekan sama ane...

 

Mungkin kaya gini ??

HTML:

<a href="http://www.bersosial.com">Klik di sini</a>

 

Ane juga bikin tutorial web nih mas samperin dong Kodemania.net