Hasil Belajar Ane. Membuat Link - Color dengan Css

Discussion in 'HTML & Website Design' started by ninobalmy, Jun 16, 2016.

  1. ninobalmy

    ninobalmy New Member

    Joined:
    Aug 24, 2013
    Messages:
    19
    Likes Received:
    4
    Trophy Points:
    3
    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.
    carabikinwebsite1.jpg

    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
    carabikinwebsite2.jpg
    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
    carabikinwebsite.jpg
    kalau mau rubah warnanya tinggal rubah kode color nya di dalam tag <style>

    terima kasih dan mohon tambahan ilmunya
     
    Last edited by a moderator: Jun 16, 2016
    Night Hunter likes this.
  2. Night Hunter

    Night Hunter New Member

    Joined:
    Jun 16, 2016
    Messages:
    5
    Likes Received:
    1
    Trophy Points:
    3
    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 carabikinwebsite2.jpg
     
    ninobalmy likes this.
  3. ninobalmy

    ninobalmy New Member

    Joined:
    Aug 24, 2013
    Messages:
    19
    Likes Received:
    4
    Trophy Points:
    3
    kita sama-sama masih belajar brother.hehe
     
  4. rempong

    rempong New Member

    Joined:
    Jun 18, 2016
    Messages:
    12
    Likes Received:
    10
    Trophy Points:
    3

    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
     
  5. jokosatriopermana

    jokosatriopermana Member

    Joined:
    Dec 30, 2015
    Messages:
    192
    Likes Received:
    5
    Trophy Points:
    18
  6. anton_sudibyo

    anton_sudibyo Member

    Joined:
    Dec 23, 2015
    Messages:
    459
    Likes Received:
    35
    Trophy Points:
    28
    Mungkin kaya gini ??
    HTML:
    <a href="http://www.bersosial.com">Klik di sini</a>
     
  7. kodemania

    kodemania New Member

    Joined:
    Jul 26, 2016
    Messages:
    9
    Likes Received:
    0
    Trophy Points:
    1
    Google+:
    Ane juga bikin tutorial web nih mas samperin dong Kodemania.net
     
Loading...

Share This Page