WEB DİZAYN
jFancy TiTLe
Burada en önemli özellik kesinlik resmin üstüne css ile oyanayara istediğimiz şekilde yazıyı eklememiz bu şekilde istediğimiz gibi bar'lar oluşturabiliriz. Gerekli olan açıklama aşağıdadır. Head kısmı aşağıdaki gibi olmalıdır.
< link rel="stylesheet" type="text/css" href="css/style.css"/>
< link rel="stylesheet" type="text/css" href="css/jfancytile.css"/>
< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">< /script>
< script type="text/javascript" src="js/jquery.jfancytile.js">< /script>
< script type="text/javascript" src="js/jquery.easing.1.3.js">< /script>
< script type="text/javascript" src="js/script.js">< /script>
Body kısmı aşağıdaki gibidir.
< div id="wrapper">
< div id="content">
< h4>Demo 1 - Genel Ayarlı< /h4>
< div id="demo1">
< ul>
< li>< img src="images/01_frog.jpg" alt="Buraya" />< /li>
< li>< img src="images/02_shark.jpg" alt="istediğinizi" />< /li>
< li>< img src="images/03_tiger.jpg" alt="yazabilirsiniz" />< /li>
< li>< img src="images/04_snake.jpg" alt="ve ayarlarını" />< /li>
< li>< img src="images/05_spider.jpg" alt="yapabilirsiniz" />< /li>
< /ul>
< /div>
< h4>Demo 2 - Kullanıcı Ayarlı< /h4>
< div id="demo2">
< ul>
< li>< img src="images/06_demoiselle.jpg" alt="Buraya" />< /li>
< li>< img src="images/07_insect.jpg" alt="istediğinizi" />< /li>
< li>< img src="images/08_babybug.jpg" alt="yazabilirsiniz" />< /li>
< li>< img src="images/09_bug.jpg" alt="ve ayarlarını" />< /li>
< li>< img src="images/10_dragonfly.jpg" alt="yapabilirsiniz" />< /li>
< /ul>
< /div>
< /div>
< /div>
