kayan yazı

nasi · 18/12/2006, 14:16

arkadaşlar kayan yazı deniyorum... aşağı ve yukarı butonları olacak şekilde..

yazının boyu fazla olduğu için 768 e göre oluşturulan uzunluk maalesef aşağıya doğru uzuyor ve kötü bir görüntü veriyor.. bunu engellemenin bir yolu var mı acaba? nasıl bir kod olabilir acaba?

kGlz · 18/12/2006, 14:42

@nasi kodlarını görebilirsek belki yardımımız dokunur.kolay gelisn.

nasi · 18/12/2006, 17:42

<html>

<body>

<script language="JavaScript1.2">

//Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and TOS
//Visit http://www.dynamicdrive.com

iens6=document.all||document.getElementById
ns4=document.layers

//specify speed of scroll (greater=faster)
var speed=5

if (iens6){
document.write('<div id="container" style="position:relative;width:175;height:160;bord er:1px solid black;overflow:hidden">')
document.write('<div id="content" style="position:absolute;width:170;left:0;top:0">' )
}
</script>

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">
<layer name="nscontent" width=175 height=160 visibility=hidden>


<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the
combination of HTML, JavaScript, and CSS</font></p>
<p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p>
<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows
content on a page to change on the fly, without reloading the page</font></p>
<p><font size="2" face="Arial">- CSS allows for the separation between content
definition and formatting</font></p>
<p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p>
<p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic
Drive</a> provides free, cut and paste DHTML scripts</font></p>


</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="175px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="upimage.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="downimage.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheig ht*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",100)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+sp eed
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",100)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility ="show"
}
window.onload=getcontent_height
</script>

</body>
</html>

bir de bunun etrafında siyah bir çizgi oluyor... onu kaldırmak ya da rengini değiştirmek mümkünmü acaba?

kGlz · 18/12/2006, 21:59

merhaba @nasi
aşağıdaki kısmı değiştirdiğimde sanırım istediğin oldu.sen bi dene.kolay gelsin.

Kod:

if (iens6){
document.write('<div id="container" style="position:relative;width:200;height:160;overflow:auto">')
document.write('<div id="content" style="position:absolute;width:170;left:0;top:0">' )
}

"overflow:auto" yaparak yazının taşmasını otomatik olarak kutunun ayarlamasını sağladık.
ayrıca bu kodların içöindeki "border:1px solid black" ifadesinide sildim.o ifade siyah çizginin olmasını sağlıyodu.onu silerek dış çizginin olmamasını sağlarsın.yada "border:1px solid red" diyerek rengini istediğin şekilde değiştirirsin.
kolay gelsin

nasi · 18/12/2006, 23:08

eyvallah hemşo çok teşekkür ederim

18/12/2006, 14:16	#1 (permalink)
nasi Üye Üyelik Tarihi: 12/2006 Mesaj: 3	kayan yazı arkadaşlar kayan yazı deniyorum... aşağı ve yukarı butonları olacak şekilde.. yazının boyu fazla olduğu için 768 e göre oluşturulan uzunluk maalesef aşağıya doğru uzuyor ve kötü bir görüntü veriyor.. bunu engellemenin bir yolu var mı acaba? nasıl bir kod olabilir acaba?

18/12/2006, 14:42	#2 (permalink)
kGlz Ceviz Kıracağı Üyelik Tarihi: 06/2006 Yer: Kocaeli Mesaj: 314	@nasi kodlarını görebilirsek belki yardımımız dokunur.kolay gelisn. __________________ http://www.kGlz.com

18/12/2006, 21:59	#4 (permalink)
kGlz Ceviz Kıracağı Üyelik Tarihi: 06/2006 Yer: Kocaeli Mesaj: 314	merhaba @nasi aşağıdaki kısmı değiştirdiğimde sanırım istediğin oldu.sen bi dene.kolay gelsin. Kod: if (iens6){ document.write('<div id="container" style="position:relative;width:200;height:160;overflow:auto">') document.write('<div id="content" style="position:absolute;width:170;left:0;top:0">' ) } "overflow:auto" yaparak yazının taşmasını otomatik olarak kutunun ayarlamasını sağladık. ayrıca bu kodların içöindeki "border:1px solid black" ifadesinide sildim.o ifade siyah çizginin olmasını sağlıyodu.onu silerek dış çizginin olmamasını sağlarsın.yada "border:1px solid red" diyerek rengini istediğin şekilde değiştirirsin. kolay gelsin __________________ http://www.kGlz.com

Benzer Konular
Konu	Konuyu açana göre	Forum	Cevap	En Son Mesaj
kayan yazı	Gurhan	Web Tasarım	6	17/06/2008 20:06
Kayan Yazı efekti..	laptopcu	Web Tasarım	1	07/12/2006 16:56
kayan yazı	vampire	Javascript / DHTML / Ajax	3	07/12/2006 16:53
Photoshopta Kayan yazı ?	aynalı	Photoshop / Corel / PSP	13	10/05/2005 10:40
after effects te kayan yazı	cezmettin	Photoshop / Corel / PSP	0	20/10/2004 15:32

18/12/2006, 17:42	#3 (permalink)
nasi Üye Üyelik Tarihi: 12/2006 Mesaj: 3	<html> <body> <script language="JavaScript1.2"> //Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com) //For full source code and TOS //Visit http://www.dynamicdrive.com iens6=document.all\|\|document.getElementById ns4=document.layers //specify speed of scroll (greater=faster) var speed=5 if (iens6){ document.write('<div id="container" style="position:relative;width:175;height:160;bord er:1px solid black;overflow:hidden">') document.write('<div id="content" style="position:absolute;width:170;left:0;top:0">' ) } </script> <ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160"> <layer name="nscontent" width=175 height=160 visibility=hidden> <!--INSERT CONTENT HERE--> <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the combination of HTML, JavaScript, and CSS</font></p> <p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p> <p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows content on a page to change on the fly, without reloading the page</font></p> <p><font size="2" face="Arial">- CSS allows for the separation between content definition and formatting</font></p> <p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p> <p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic Drive</a> provides free, cut and paste DHTML scripts</font></p> <!--END CONTENT--> </layer> </ilayer> <script language="JavaScript1.2"> if (iens6) document.write('</div></div>') </script> <table width="175px"><td><p align="right"> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="upimage.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="downimage.gif" border=0></a></p></td> </table> <script language="JavaScript1.2"> if (iens6){ var crossobj=document.getElementById? document.getElementById("content") : document.all.content var contentheight=crossobj.offsetHeight } else if (ns4){ var crossobj=document.nscontainer.document.nscontent var contentheight=crossobj.clip.height } function movedown(){ if (iens6&&parseInt(crossobj.style.top)>=(contentheig ht(-1)+100)) crossobj.style.top=parseInt(crossobj.style.top)-speed else if (ns4&&crossobj.top>=(contentheight(-1)+100)) crossobj.top-=speed movedownvar=setTimeout("movedown()",100) } function moveup(){ if (iens6&&parseInt(crossobj.style.top)<=0) crossobj.style.top=parseInt(crossobj.style.top)+sp eed else if (ns4&&crossobj.top<=0) crossobj.top+=speed moveupvar=setTimeout("moveup()",100) } function getcontent_height(){ if (iens6) contentheight=crossobj.offsetHeight else if (ns4) document.nscontainer.document.nscontent.visibility ="show" } window.onload=getcontent_height </script> </body> </html> bir de bunun etrafında siyah bir çizgi oluyor... onu kaldırmak ya da rengini değiştirmek mümkünmü acaba?

18/12/2006, 23:08	#5 (permalink)
nasi Üye Üyelik Tarihi: 12/2006 Mesaj: 3	eyvallah hemşo çok teşekkür ederim

Seçenekler
Yazdırmaya Uygun Sayfa Sayfayı E-posta İle Gönder