Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj24.01.2009, 08:28 (UTC)    
Mesaj konusu: Sitende Duyurlar Değişken Olarak Yazsın

Bu kod sayesinde sitenizdeki yenilikleri çok güzel bir şekilde duyurabilirsiniz. Duyurular otamatik olarak değişiyor ve altında sayfanın başlığı yazıyor. Çok Güzel bir uygulama tavsiye ederim.

Kod:
<style type="text/css">

/*Example CSS for the two demo tickers*/

#domticker{
width: 200px;
height: 100px;
border: 1px dashed black;
padding: 5px;
background-color: #FFFFCA;
}

#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFCA;
}

#domticker a{
font-weight: bold;
}

#domticker2{
width: 350px;
height: 1.2em;
border: 1px solid black;
padding: 3px;
}

#domticker2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

</style>  <script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var tickercontent=new Array()
tickercontent[0]='<a href="http://www.iconlar.bloggum.com">Bloga Git</a><br />Artık Bizimde Blog Sayfamız Var'
tickercontent[1]='<a href="http://www.iconlar.tr.gg/forum.htm">Forum Sayfamız</a><br />Web Sitemizin Forum Bölümü Açılmıştır.'
tickercontent[2]='<a href="http://www.cssdrive.com" target="_new">Araç İconlari</a><br />Araç iconları sayfasına yeni bölümler eklendi.'

var tickercontent2=new Array()
tickercontent2[0]='<a href="http://www.news.com">News.com: Technology and business reports</a>'
tickercontent2[1]='<a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>'
tickercontent2[2]='<a href="http://news.bbc.co.uk">BBC News: UK and international news</a>'

</script>   <script type="text/javascript">

/***********************************************
* DHTML Ticker script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function domticker(content, divId, divClass, delay, fadeornot){
this.content=content
this.tickerid=divId //ID of master ticker div. Message is contained inside first child of ticker div
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is)
this.pointer=1
this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : ""
if (this.opacitystring!="") this.delay+=500 //add 1/2 sec to account for fade effect, if enabled
this.opacitysetting=0.2 //Opacity value when reset. Internal use.
document.write('<div id="'+divId+'" class="'+divClass+'"><div style="'+this.opacitystring+'">'+content[0]+'</div></div>')
var instanceOfTicker=this
setTimeout(function(){instanceOfTicker.initialize()}, delay)
}

domticker.prototype.initialize=function(){
var instanceOfTicker=this
this.contentdiv=document.getElementById(this.tickerid).firstChild //div of inner content that holds the messages
document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}
this.rotatemsg()
}

domticker.prototype.rotatemsg=function(){
var instanceOfTicker=this
if (this.mouseoverBol==1) //if mouse is currently over ticker, do nothing (pause it)
setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)
else{
this.fadetransition("reset") //FADE EFFECT- RESET OPACITY
this.contentdiv.innerHTML=this.content[this.pointer]
this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 100) //FADE EFFECT- PLAY IT
this.pointer=(this.pointer<this.content.length-1)? this.pointer+1 : 0
setTimeout(function(){instanceOfTicker.rotatemsg()}, this.delay) //update container
}
}

// -------------------------------------------------------------------
// fadetransition()- cross browser fade method for IE5.5+ and Mozilla/Firefox
// -------------------------------------------------------------------

domticker.prototype.fadetransition=function(fadetype, timerid){
var contentdiv=this.contentdiv
if (fadetype=="reset")
this.opacitysetting=0.2
if (contentdiv.filters && contentdiv.filters[0]){
if (typeof contentdiv.filters[0].opacity=="number") //IE6+
contentdiv.filters[0].opacity=this.opacitysetting*100
else //IE 5.5
contentdiv.style.filter="alpha(opacity="+this.opacitysetting*100+")"
}
else if (typeof contentdiv.style.MozOpacity!="undefined" && this.opacitystring!=""){
contentdiv.style.MozOpacity=this.opacitysetting
}
else
this.opacitysetting=1
if (fadetype=="up")
this.opacitysetting+=0.2
if (fadetype=="up" && this.opacitysetting>=1)
clearInterval(this[timerid])
}

</script>  <script type="text/javascript">

//new domticker(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds, optionalfadeswitch)

new domticker(tickercontent, "domticker", "someclass", 3000, "fadeit")
document.write("<br />")
new domticker(tickercontent2, "domticker2", "someclass", 3000)
</script>

______________

Mesaj24.01.2009, 08:43 (UTC)    
Mesaj konusu:

krdş gzl bir kod paylaşmşsn tebrikler
______________

Mesaj24.01.2009, 11:11 (UTC)    
Mesaj konusu:

@netgazi

Saolasın
______________

Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu