Kullandığın kodun tamamını buraya eklermisin.
ErsaT hocam teşekkür ederim sorunumu askinbey'in koduyla çözdüm ilgin için teşekkürler
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çeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerç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çeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerç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çeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerç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
askinbey şimdi şöyle bir durum var
bu kodları sitede 2 yerde kullanmak istedim. İlk yaptığım sorunsuz çalışıyor 2.yi direk aynı dosyalar üzerinden yaptım çalışmıyor bende tüm dosyaları kopyaladım belli yerlerinde değişiklikler yaptım mesela css'lerde başlıklara tire koydum gibi oldu fakat hareket etmiyor bunu nasıl çözebilirim ? Bu kodlarla W3'ten geçtim sorun gözükmüyor sorun dediğim gibi 2. hareket etmiyor.Birde mouse üzerine geldiğinde durması gibi bir seçeneğimiz var mıdır ? Fazla oldum biraz ama cehalet böyle birşey işte