pillinetwork hesabınızla giriş yapın.

Etiket:

opacity hakkındaki yazılar:

Spry ile İpuçları

Spry Framework
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="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.

Spacer
Spacer
/* s4l1h yazdı. 30 Mart 2009 15:41. 2 yorum var */

Sizi CSS3 İle Tanıştıracak 5 Teknik

CSS, websitelerini stillemek için iyi bilinen ve geniş kesimler tarafından kullanılan bir dildir. Halen üzerinde çalışılan üçüncü sürümü ile geliştiricilere zaman kazandıracak pek çok özellik CSS'ye dahil edilecektir. Her ne kadar sadece en modern tarayıcılar tarafından bu özellikler desteklense de, yakında geniş kesimler tarafından kullanılabilecek olan bu yeniliklerin neler olduğunu şimdiden görmek güzel. Bu rehberde size CSS3 ile hayatımıza girecek olan 5 tekniği göstereceğim.

1: Genel Biçimlendirme

\

Dersimize başlamadan önce gelin dersimiz süresince kullanacağımız genel biçimlendirmemizi oluşturalım.

Spacer
Spacer
/* pinkfloyd yazdı. 03 Ocak 2009 18:00. 10 yorum var */

etiket menüsü

Bu site

Nokta ve pilli ortak yapımı olan kodaman.org hep birlikte içerik üretip gelirini yazarları ile paylaştığımız kolektif bir kod yazarları blogudur. Siz de katılabilirsiniz.

pilliilan

son yorumlar

arama

pillinetwork