- renkler

renkler

“Çek-Bırak” özellikli nesneler oluşturmak

rozet Şimdiyse size linkerinize nasıl effekt vericeğinizi anlatıcaz. Linklerinize gökkuşağı effekti vermeyi, sadece bir renk vermeyi ve nasıl altı çizili yapıldığını bu dersimizde öğrene bilirsiniz. Bir çok sitede renk editörü bulunmaktadır. Kodda değişiklik yapmanız gereken renk kodu da vardır. Ayrıca bedava-sitem'de sayfa başlığını yazarken renkini belirte bilirsiniz. Oradan istedğiniz renkin kodunu ala bilirsiniz. Linkin üzerine gelince altı çizili yapıb yapmayacağınız size bağlı. Aşağıdakı anlatımda nasıl yapıcağınız gösterilmiştir. Gökkuşağı kodu "HackerFriend" arkadaşımız tarafından yapılmıştır. Biz o kodu kısaltarak .js türlü dosyaya yükleyip sayfamıza yerleştirdik. Kodda bir sorun oluşursa bize bildiriniz.

Sitenize Bir Renk Effekti

Aşağdakı kodumuza bakalım:

    <style type="text/css">					
body {
margin:0 16px 16px 16px;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
}
a:link, a:visited {
color:#DF9300;
text-decoration:none;
}
a:hover {
text-decoration:underline;
</style>
    

1. Yukarıdakı kodda kırmızıyla gösterilmiş "#DF9300" renk kodunu istedğiniz renk koduyla değişe bilirsiniz. Hangi kodun hangi renge ait olduğunu öğrenmek için bedava-sitem'de "sayfalarımı değiştir" bölümüne girin. "Yeni Sayfa Ekle" tuşuna basın. Sayfanın ismine renk vermek için yanda renk editörü var. Oradan istedğiniz rengin kodunu öğrenerek kodda değişiklik yapa bilirsiniz.

2. Yukarıda yeşil renkle gösterilmiş kod linkin üzerine gelince altının çizilip çizilmemesini göstermektedir. Eğer o kodu koymazsanız altı çizili gözükmez. Eğer olduğu gibi koyarsanız, link hangi renkteyse o renkte linkin altı çizilir.

3. Değişiklik yapmış olduğunuz kodu "tasarım ayarları"ndan istenilen bir kutucuğa koya bilirsiniz.

Sitenize Gökkuşağı Effekti

Gökkuşağı effekti ilk kez "HackerFriend" kullanıcısı tarafından yapılmıştır. O kod "JavaScript" kod tipindendir. Ayrıca kod çok uzundu. Biz o kodu kısaltarak .js türlü dosyaya yükleyip sayfamıza yerleştirdik. Şu anda sitemizde görüntülemektesiniz. Gökkuşağı effektinin kodu aşağıdadır.
:

    <script type="text/javascript" src="http://site.mynet.com/webmaster_sir/HAZIR_DOSYALAR/gokkusagi.js"></script>
    

Bu Kadar Basit..