Elbette paylaşırım sizde ben gibi w3 takıntılıysanız işinize yarayacağını umuyorum

Demo : http://www.askinyilmaz.com/dedigimolay/index.html (linki kaldırırsam aşağıda kodları var)

W3 XHTML REFERANS | W3 CSS REFERANS
Hatta sizin için duyurular kısmını düzenledim sanırım benzer bi amaçla kullanacaksınız


XHTML KODU ;

<div class="aktiftemaduyurueklentisi"><div id="NewsVertical"><ul id="TickerVertical">

<li><img src="images/ok.jpg" border="0" class="NewsImg" alt=""/><span class="NewsTitle"><a href="#">Duyuru Başlık</a></span>Yinelenen bir sayfa i&ccedil;eriğinin okuyucunun dikkatini dağıttığı bilinen  bir ger&ccedil;ektir.<br /><span class="NewsFooter"><strong>Published July 25</strong> - 324 comments</span></li>

<li><img src="images/ok.jpg" border="0" class="NewsImg" alt=""/><span class="NewsTitle"><a href="#">Duyuru Başlık</a></span>Yinelenen bir sayfa i&ccedil;eriğinin okuyucunun dikkatini dağıttığı bilinen  bir ger&ccedil;ektir.<br /><span class="NewsFooter"><strong>Published July 25</strong> - 324 comments</span></li>

<li><img src="images/ok.jpg" border="0" class="NewsImg" alt=""/><span class="NewsTitle"><a href="#">Duyuru Başlık</a></span>Yinelenen bir sayfa i&ccedil;eriğinin okuyucunun dikkatini dağıttığı bilinen  bir ger&ccedil;ektir.<br /><span class="NewsFooter"><strong>Published July 25</strong> - 324 comments</span></li>
                                
</ul></div></div>

CSS KODU ;

#NewsTicker {
width : 250px;
height : 210px;
margin : 0 auto;
}
#controller {
padding : 6px;
font-size : 11px;
color : #666;
}
#play_scroll_cont {
display : none;
}
#TickerVertical {
display : block;
list-style : none;
margin : 0;
padding : 0;
}
#TickerVertical li {
display : block;
width : 250px;
color : #333333;
text-align : left;
font-size : 11px;
margin : 0;
padding : 6px;
float : left;
}
#TickerVertical li .NewsTitle {
display : block;
color : #000000;
font-size : 12px;
font-weight : bold;
}
#TickerVertical li .NewsTitle a:link, #TickerVertical li .NewsTitle a:visited {
display : block;
color : #000000;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
#TickerVertical li .NewsTitle a:hover {
text-decoration : underline;
}
#TickerVertical li .NewsImg {
float : left;
margin-right : 5px; margin-top:5px;
}
#TickerVertical li .NewsFooter {
color : #000000;
font-size : 10px;
}
#NewsVertical {
width : 250px;
height : 210px;
display : block;
overflow : hidden;
position : relative;
}
.aktiftemaduyurueklentisi {
width : 250px;
margin : auto;
 height : 220px; font-family:"Trebuchet MS"; font-size:11px; color:#333333;
}

Birde bunları unutmayın ;

<script language="javascript" src="mootools/mootools.svn.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript" src="newsticker.js"></script>

İndir : http://www.askinyilmaz.com/dedigimolay/dedigimolay.rar
İndir : http://rapidshare.com/files/31625461...molay.rar.html