Link Ayarları Nasıl Yapılır?

Bazı sitelerde görüyoruz, linkin rengi kırmızı, üzerine gidince yeşil, tıklayınca pembe oluyor. Bunu kod kullanmadan nasıl yapabiliriz onu öğreneceğiz.


İlk olarak şu adresi vereyim: Modify > Page Properties (Kısayol: Ctrl + J) tıklıyoruz..






Daha sonra ekrana bir pencere gelecek . Bu pencerenin sol tarafından "link" kısmına tıklıyoruz . Dersimizin konusu işte burası.






Burada ben 1, 2, 3, 4, 5 olmak üzere 5 parçaya böldüm. Bu şekilde daha anlaşılacağını sanıyorum. Şimdi bunları tek tek yorumlayalım.



    1. Link Color: Bu seçenekten seçeceğiniz renk sizin link renginiz olacak.  Ben bu örneğimizde "Kırmızı" rengi seçtim.



    2. Visited Links: Bu seçenekten seçeceğiniz renk sizin linke tıkladığınızı belli etmek için kullanılır.Ben "Mavi" seçtim.



    3. Rollever Links: Bu seçenekten seçeceğiniz renk siz üzerine gelince olacak renktir. Ben "Yeşil" renk olarak seçtim.



    4. Active Links::Bu seçenekten seçeceğiniz renk ise tıklandığı zaman değişecek renktir.Ben "Pembe" seçiyorum.



    5. Underline Style::Bu bölümden ise hangi durumlarda linkin altı çizili olacağını ayarladığımız yerdir.Bunu daha detaylı şekilde anlatacağım.






Evet arkadaşlar, "5. Underline Style" bölümünü de böldüm.



    1.Always underline: Bunu seçerseniz her zaman linkin altı çizili olur.

    2.Never underline: Bunu seçerseniz hiçbir zaman altı çizili olmaz.

    3.Show underline only on rollever: İsminden de anlaşılacağı gibi üzerine gidince altı çizilecek linkimizin..

    4.Hide underline on rollever:  Bunda ise tam tersi üzerine gidince altı çizili olmayacak..



Şimdi örneklere bakalım:


Link Rengi Kırmızı





Üzerine gelince Yeşil





Tıklayınca Pembe





Linkimize tıklandığı zaman tıklandığı belli olsun diye rengi mavi olacak


  • Etiketler;
Fuat ŞENGÜL
Fuat ŞENGÜL Samsun Havza ilçesinde 23.05.1990 da doğdu. Bilgisayar ile lise öğreniminde tanışan yazar Pascal, C/C++, Assembly ve Visual Basic dilleriyle birlikte yazılıma adım attı. 2008 yılında Fırat Üniversitesi Teknik Eğitim Fakültesi Bilgisayar öğretmenliğini kazandı. Öğrenimi sırasında web ve masaüstü yazılımları konusunda projelere imza atan yazar 2012 yılında mezun oldu. Yazar C/C++, C#, Asp.Net, Matlap, Jquery, Css ve Html gibi programlama dillerine hakim ve bu diller ile projeler üretmeye devam etmektedir. Bilişim Teknolojileri öğretmeni olarak görev yapmaktadır.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Çok sağol ama ben çok arıyordum bunları :gul:
[b] biras daha çaLışmam gerekecek
:Güzel calişma Ama Css leri kullanarakta Bunları Yapabılıyoruz... Yanlız Benım anlamadım Bunun burada yapmak ıle Css'de yapmanın ne + ve - var.. Css İle yapmak Taha ıyı degılmı Acaba..
Çok iyi bir ders devamını bekliyoruz.
ders basit gibi duruyor ama çok güzel,saol
Çok iyi bir ders devamını bekliyoruz.
BEN YENİ BAŞLAYAN BİR KİŞİYİM. GERÇEKTEN SAÐOL ARKADAŞ İYİ ANLATMIŞSIN HAYAT PAYLAŞINCA GÜZELDİR. İNŞALLAH BENDE ÖÐRENİNCE BİLGİMİ PAYLAŞACAÐIM. SAYGILARIMLA,
çok tşekkkürler geyet güzel anlatmışsınız.. çok yararlı oldu benimi için:gul:
gerçekten güzel,eline sağlık
çok güzel olmuş emeğine sağlık.
çok yararkı oldu
benim içide çok yaralı oldu teşkkür ederim
YAPIYOM YAPIYOM EKRANA GELMİYO:uzul:
Tşk arkadaşım..
:gul::D valla Allah razı olsun hocam çok teşekkürler bişey sormak istiyorum gizli layer yapılımını daha açık şekilde anlatırmısınız? rica ederim:-dusun: e-posta adresime gönderirseniz
teşekkür ederim ama ben söylediğiniz yere tıklayınca farklı bir pencere açılıyor.link falan çıkmıyor.acaba kullandığım proğram eski olabilirmi.
harikasın
en iyisi dreamweaver da CSS yi öğrenmek ondan daha kolay oluyor
Eline emegine saglik tesekkurler
Süpersin
:kirp:

Yukarı Git