İpucu kodu – JavaScript

Sizlere daha önce bir çok yerde ipucu görüntülemek için kullandığım şeffaf yapı kodlarını sunmak istiyorum.

Buradan bir örneğini görebilir ve dilerseniz sitelerinize uygulayabilirsiniz. Bu kodun amacı bir buton yada bir yazımıza yaptığımız title (Açıklama) kısmını daha renkli daha çekici bir şekilde sunmaktır. Verilen örnekte de deneme adlı yazının üzerine geldiğimizde renkli bir pencere içerisinde ister istediğimiz bir resim istersek te istediğimiz bir yazıyı yayınlayabiliyoruz.
Bu yapıyı kendi sitemizde kullanabilmemiz için bize aşağıda sunacağım iki yapıyı kullanmamız gerekiyor. Birincisi main.css(style lerin bulunduğu dosya) ve ikincisi html kodumuzun içerisinde yer alacak olan javascript kodları.

main.css kodlarımızı buradan inceleyebilirsiniz. Buradan açılan penceremizin rengini ve birtakım özelliklerini ayarlıyabiliyoruz. Bunu kodu eklemek istediğimiz klasöre kopyalıyoruz. Bu css dosyasını ana sayfamızın içerisine yazacağımız kodlardan çağıracağımız için yerini ona göre de belirleyebilirsiniz.
Sayfamıza yerleştireceğimiz kodlar örnekte verdiğim ipucu.htm görebilirsiniz yada buradan inceleyebilirsiniz.

Bizim için önemli htm nin içerisindeki link rel=”stylesheet” xhref=”main.css” mce_href=”main.css” type=”text/css” satırı (bu satırı örnekte de görüldüğü gibi iki head ın arasına koymalısınız) ve body blokları arasında yer alan fonksiyonlardır.

Bunlardan sonra da son olarak link vereceğimiz yerdeki a href içerisine onmouseover=”popupLayer(‘Bundan Sonrasında Burası Senin’)” onmouseout=”kill()” bunları eklememiz gerekmektedir. Bu Fonksiyonu çağırmaktadır. Örnekte verdiğim kodları incelerseniz bunu daha iyi anlıyacaksınız.

Özetlemek gerekirse main.css yi kodu uygulayacağınız sayfa ile aynı klasöre kopyalayın. Uygulayacağınız sayfanın kodları içerisine iki head arasına css nin yolunu belirtip body arasına da fonksiyonları yerleştirdikten sonra resim ve yazılarınızın  link bağlantısını verdiğim komutları yerleştirdiğinizde işlem tamamdır.

Çok güzel karma karışık anlattım. Anlıyan olursa haber versin