WEB DİZAYN
MOVING BOXES
Farklı bir uygulama daha size farklı uygulamalar ve bunları nasıl kodunuza gömeniz hakkında bilgiler vermeye çalısıyorum ve yararlı oluyorsa ne muTLu bana... KodunHead kısmına aşağıdaki gibi olmalıdır.
< script src="js/jquery-1.3.1.min.js" type="text/javascript" charset="utf-8">< /script>
< script src="js/slider.js" type="text/javascript" charset="utf-8">< /script>
Body kısmına bu kodlar gömülmesi yeterli olacaktır.
< div id="wrapper">
< img src="images/movingboxes.png" alt="moving boxes" />
< div id="slider">
< img class="scrollButtons left" src="images/leftarrow.png">
< div style="overflow: hidden;" class="scroll">
< div class="scrollContainer">
< div class="panel" id="panel_1">
< div class="inside">
< img src="images/1.jpg" alt="picture" />
< h2>Haber Başlığı< /h2>
< p>Küçük bir açıklama yazabilirsiniz... < a href="http://flickr.com/photos/justbcuz/112479862/">Daha Fazlası...< /a>
< /div>
< /div>
< div class="panel" id="panel_2">
< div class="inside">
< img src="images/2.jpg" alt="picture" />
< h2>Haber Başlığı < /h2>
< p>Küçük bir açıklama yazabilirsiniz... < a href="http://flickr.com/photos/joshuacraig/2698975899/">Daha Fazlası...
< /div>
< /div>
< div class="panel" id="panel_3">
< div class="inside">
< img src="images/3.jpg" alt="picture" />
< h2>Haber Başlığı< /h2>
< p>Küçük bir açıklama yazabilirsiniz... < a href="http://flickr.com/photos/ruudvanleeuwen/468309897/">Daha Fazlası...< /a>
< /div>
< /div>
< div class="panel" id="panel_4">
< div class="inside">
< img src="images/4.jpg" alt="picture" />
< h2>Haber Başlığı< /h2>
Küçük bir açıklama yazabilirsiniz... < a href="http://flickr.com/photos/emikohime/294092478/">Daha Fazlası...< /a>
< /div>
< /div>
< div class="panel" id="panel_5">
< div class="inside">
< img src="images/5.jpg" alt="picture" />
< h2>Haber Başlığı< /h2>
< p>Küçük bir açıklama yazabilirsiniz... < a href="http://flickr.com/photos/fensterbme/499006584/">Daha Fazlası...< /a>
< /div>
< /div>
< /div>
< div id="left-shadow">< /div>
< div id="right-shadow">< /div>
< /div>
< img class="scrollButtons right" src="images/rightarrow.png">
< /div>
< /div>
