bildirgec.org

html (Hyper Text Markup Language) internet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dildir. yazı, görsel, video gibi verileri ve bunları içeren sayfaları birbirine basitçe bağlamak yani web sitesi haline getirmek için kullanılan bir dildir.

wordoff online olarak html kodlarınızda temizlik yapan bir servis,

bu servisi kullanabilmek için html kodlarınızı anasayfadaki metin alanına yapıştırıp “clean up” tuşuna basmanız yeterli, bu servis şunları yapıyormuş ;

• boş olan elementleri temizliyor, kaldırıyor ve bir takım kodlar üzerinde de temizlik ve düzenleme yapıyor bildirgeç bunları kod olarak algıladığı için buraya yazamıyorum onun için diğer özellikleri için hakkında sayfasına bakabilirsiniz. temizlik sonrası kod önünüze çıkıyor buradan kopyalayıp kullanmak için alabilirsiniz.

Spry Framework

Merhabalar,

Bir önceki yazımda Spry’ı kulanma nedenleri ile birlikte efektleri işlemiştik. Şimdi ise Spry ile ipucu (tip) oluşturmayı deniyeceğiz. Önce Spry’ı bu adrestenindirelim .
Sonra sayfamıza şu dosyaları dahil(include) edelim.

1
2

<script src="http://arsiv.pilli.com/http://arsiv.pilli.com/js/SpryTooltip.js" type="text/javascript"></script>
<link href="css/oylesinebircssadresi.css" rel="stylesheet" type="text/css" />

Şimdi tooltip için Javascript kodumuzu yazıyoruz.

1
2
3
4
5
6
7
8
9
10
11
12

var sprytooltip1 = new Spry.Widget.Tooltip("cssip", "#css", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });
var sprytooltip2 = new Spry.Widget.Tooltip("htmlip", "#html", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });
var sprytooltip3 = new Spry.Widget.Tooltip("phpip", "#php", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });
var sprytooltip4 = new Spry.Widget.Tooltip("aspip", "#asp", {
										   closeOnTooltipLeave: true, hideDelay: 1000,  followMouse: true, useEffect:"fade", showDelay:100
										   });

Şimdi kodu inceliyelim. varsprytooltip1 ile ipucunu tanımlıyoruz. şimdi “cssip” olan tarafın nedemek olduğunu anlayalım. Mouse cssip idsine sahip olan yere geldinde tooltipi gösterecek. “css” ise açıklanacak olan ipucunun içeriği. Şimdi setuplara ({ } arasına) bakalım.