Radyo sitelerine kullanışlı çeşitli HTML kodları

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

1

Thursday, 15.09.2016, 17:40

HTML

<center><!-- configurable script --><script type="text/javascript">// <![CDATA[
theimage = new Array();


// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/2.jpg", "http://www.gokcentunc.com", "Mavi Deniz"];
theimage[1]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/martilar.jpg", "http://www.gokcentunc.com", "Martilar - Marmara Dnz"];
theimage[2]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/tarlabasi-1.jpg", "http://www.gokcentunc.com", "Tarlabasi - Istanbul"];
theimage[3]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/marina_1.jpg", "http://www.gokcentunc.com", "Marina - Bodrum"];
theimage[4]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/bayan-1.jpg", "http://www.gokcentunc.com", "Bayan"];
theimage[5]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/kent_park1.jpg", "http://www.gokcentunc.com", "Kent Park - Sakarya"];
theimage[6]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/istiklal_cad_2.jpg", "http://www.gokcentunc.com", "Istiklal Cad - Istanbul"];
theimage[7]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/yat-1.jpg", "http://www.gokcentunc.com", "Antalya"];
theimage[8]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/sari_papatya_2.jpg", "http://www.gokcentunc.com", "Mavi Kelebek"];
theimage[9]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/arka_plan_reesmi_2.jpg", "http://www.gokcentunc.com", "Sinema Salonu"];
theimage[10]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/romantik_cift.jpg", "http://www.gokcentunc.com", "Romantizm"];
theimage[11]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/raki-sigara.jpg", "http://www.gokcentunc.com", "Raki & Sigara"];
theimage[12]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/kiz_kulesi-5.jpg", "http://www.gokcentunc.com", "Kiz Kulesi - Istanbul"];


///// Plugin variables

playspeed=3000;// The playspeed determines the delay for the "Play" button in ms
linksperline=2; // For the text links
playdiffernce=500; // The speed that the autoplay speed is changed by. 1000=1sec

//#####
//key that holds where in the array currently are
i=0;


//###########################################
window.onload=function(){

	//preload images into browser
	preloadSlide();

	//"jump to" box
	for (y=0;y<theimage.length;y++) {
		document.slideshow.imgComboBox[y]=new Option(theimage[y][2]);
	}

	//set the first slide
	SetSlide(0);

}

//###########################################
function SetSlide(num) {
	//too big
	i=num%theimage.length;
	//too small
	if(i<0)i=theimage.length-1;

	//switch the image

	document.images.imgslide.src=theimage[i][0];

	//if drop down box
	if(document.slideshow.imgComboBox){
		document.slideshow.imgComboBox.selectedIndex = i;
	}

	//if they want name of current slide
	document.getElementById('slidebox').innerHTML=theimage[i][2];

	//if they want current slide number and total
	document.getElementById('slidecount').innerHTML= "Resim "+(i+1)+" da "+theimage.length;

	//if they have the speed timer
	if(document.slideshow.slidespeed){
		SetSpeed(0);
	}

}


//###########################################
function PlaySlide() {
	if (!window.playing) {
		PlayingSlide(i+1);
		if(document.slideshow.play){
			document.slideshow.play.value="   Durdur   ";
		}
	}
	else {
		playing=clearTimeout(playing);
		if(document.slideshow.play){
			document.slideshow.play.value="   Baslat   ";
		}
	}
	// if you have to change the image for the "playing" slide
	if(document.images.imgPlay){
		setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
		imgStop=document.images.imgPlay.src
	}
}


//###########################################
function PlayingSlide(num) {
	playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}


//###########################################
function SetSpeed(num){
	if(playspeed+num>0){
		playspeed+=num;
		document.slideshow.slidespeed.value=playspeed;
	}
}


//###########################################
function preloadSlide() {
	for(k=0;k<theimage.length;k++) {
		theimage[k][0]=new Image().src=theimage[k][0];
	}
}
// ]]></script>

<!-- slide show HTML --><form name="slideshow">
<table style="width: 850px; height: 900px;" 1="" bgcolor="#808080" border="1" cellpadding="0" cellspacing="3">
<tr>
<td align="center"><a onmouseover="this.href=theimage[i][1];return false" href="#">

<script type="text/javascript">// <![CDATA[
document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
// ]]></script></a>

</td>

</tr><tr>

<td align="center"><select onchange="SetSlide(document.slideshow.imgComboBox.selectedIndex);" name="imgComboBox"></select></td>

</tr><tr>

<td align="center"><input title="Baş" onclick="SetSlide(0);" value="İlk Resim" type="button" /> 
<input title="Geri" onclick="SetSlide(i-1);" value="Geri" type="button" /> 
<input title="Baslat / Durdur" onclick="PlaySlide();" value="  Başlat   " name="play" type="button" /> 
<input title="İleri" onclick="SetSlide(i+1);" value="İleri" type="button" /> 
<input title="Son" onclick="SetSlide(theimage.length-1);" value="Son Resim" type="button" /></td>
</tr></table></td></tr></table></form>
<!-- end of slide show HTML --></center>


Sitenize uygulamak için "theimage[0]=["Buraya kendi koyacağınız resim URL sini koyun", "http://www.gokcentunc.com", "Buraya da Resmin adını yazın"];
<table style="width: burada  genişliği değiştirebilirsiniz px; height: burada da tablonun ana yüksekliğini değiştirebilirsiniz px;" 1="" bgcolor="#808080" border="1" cellpadding="0" cellspacing="3">

NOT: Resim boyutlarını toplu Resim düzenleme programında aynı ölçüde olacak şekilde büyük veya küçük yeniden formatlarsanız resimler aynı boyutta olur.
Güle Güle Kullanın.

Bu mesaj 1 defa düzenlendi, son düzenlemeyi yapan "Tomato54" (15.09.2016, 18:03)

Sayfanın en üstüne git

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

2

Wednesday, 12.10.2016, 23:59

Slayt Uygulaması

Slayt uygulaması HTML kodu:

Kaynak kod

[<center><!-- configurable script --><script type="text/javascript">// <![CDATA[
theimage = new Array();


// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
// Format: theimage[...]=[image URL, link URL, name/description]
theimage[0]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/2.jpg", "http://www.gokcentunc.com", "Mavi Deniz"];
theimage[1]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/martilar.jpg", "http://www.gokcentunc.com", "Martilar - Marmara Dnz"];
theimage[2]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/tarlabasi-1.jpg", "http://www.gokcentunc.com", "Tarlabasi - Istanbul"];
theimage[3]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/marina_1.jpg", "http://www.gokcentunc.com", "Marina - Bodrum"];
theimage[4]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/bayan-1.jpg", "http://www.gokcentunc.com", "Bayan"];
theimage[5]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/kent_park1.jpg", "http://www.gokcentunc.com", "Kent Park - Sakarya"];
theimage[6]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/istiklal_cad_2.jpg", "http://www.gokcentunc.com", "Istiklal Cad - Istanbul"];
theimage[7]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/yat-1.jpg", "http://www.gokcentunc.com", "Antalya"];
theimage[8]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/sari_papatya_2.jpg", "http://www.gokcentunc.com", "Mavi Kelebek"];
theimage[9]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/arka_plan_reesmi_2.jpg", "http://www.gokcentunc.com", "Sinema Salonu"];
theimage[10]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/romantik_cift.jpg", "http://www.gokcentunc.com", "Romantizm"];
theimage[11]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/raki-sigara.jpg", "http://www.gokcentunc.com", "Raki & Sigara"];
theimage[12]=["http://www.tuncvizyon.com/FileUpload/ep727585/Resim/kiz_kulesi-5.jpg", "http://www.gokcentunc.com", "Kız Kulesi - Istanbul"];


///// Plugin variables

playspeed=3000;// The playspeed determines the delay for the "Play" button in ms
linksperline=2; // For the text links
playdiffernce=500; // The speed that the autoplay speed is changed by. 1000=1sec

//#####
//key that holds where in the array currently are
i=0;


//###########################################
window.onload=function(){

	//preload images into browser
	preloadSlide();

	//"jump to" box
	for (y=0;y<theimage.length;y++) {
		document.slideshow.imgComboBox[y]=new Option(theimage[y][2]);
	}

	//set the first slide
	SetSlide(0);

}

//###########################################
function SetSlide(num) {
	//too big
	i=num%theimage.length;
	//too small
	if(i<0)i=theimage.length-1;

	//switch the image

	document.images.imgslide.src=theimage[i][0];

	//if drop down box
	if(document.slideshow.imgComboBox){
		document.slideshow.imgComboBox.selectedIndex = i;
	}

	//if they want name of current slide
	document.getElementById('slidebox').innerHTML=theimage[i][2];

	//if they want current slide number and total
	document.getElementById('slidecount').innerHTML= "Resim "+(i+1)+" da "+theimage.length;

	//if they have the speed timer
	if(document.slideshow.slidespeed){
		SetSpeed(0);
	}

}


//###########################################
function PlaySlide() {
	if (!window.playing) {
		PlayingSlide(i+1);
		if(document.slideshow.play){
			document.slideshow.play.value="   Durdur   ";
		}
	}
	else {
		playing=clearTimeout(playing);
		if(document.slideshow.play){
			document.slideshow.play.value="   Baslat   ";
		}
	}
	// if you have to change the image for the "playing" slide
	if(document.images.imgPlay){
		setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
		imgStop=document.images.imgPlay.src
	}
}


//###########################################
function PlayingSlide(num) {
	playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
}


//###########################################
function SetSpeed(num){
	if(playspeed+num>0){
		playspeed+=num;
		document.slideshow.slidespeed.value=playspeed;
	}
}


//###########################################
function preloadSlide() {
	for(k=0;k<theimage.length;k++) {
		theimage[k][0]=new Image().src=theimage[k][0];
	}
}
// ]]></script>

<!-- slide show HTML --><form name="slideshow">
<table style="width: 850px; height: 900px;" 1="" bgcolor="#808080" border="1" cellpadding="0" cellspacing="3">
<tr>
<td align="center"><a onmouseover="this.href=theimage[i][1];return false" href="#">

<script type="text/javascript">// <![CDATA[
document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
// ]]></script></a>

</td>

</tr><tr>

<td align="center"><select onchange="SetSlide(document.slideshow.imgComboBox.selectedIndex);" name="imgComboBox"></select></td>

</tr><tr>

<td align="center"><input title="Baş" onclick="SetSlide(0);" value="İlk Resim" type="button" /> 
<input title="Geri" onclick="SetSlide(i-1);" value="Geri" type="button" /> 
<input title="Baslat / Durdur" onclick="PlaySlide();" value="  Başlat   " name="play" type="button" /> 
<input title="İleri" onclick="SetSlide(i+1);" value="İleri" type="button" /> 
<input title="Son" onclick="SetSlide(theimage.length-1);" value="Son Resim" type="button" /></td>
</tr></table></td></tr></table></form>/code]



Animasyonlu Sayfa açılışı Kodu:

[code]<center><script type="text/javascript">// <![CDATA[
var winheight=100
var winsize=100
var x=5
/*
Animated Window Opener Script (updated 00/04/24)- 
© Dynamic Drive (http://tuncnostaljiradyo.tr.gg/)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
// ]]></script><center><a href="javascript:openwindow('http://www.flickr.com/photos/dunpeal/')"><b style="color: red;">Gokcen TUNC
<b style="color: blue;">Flickr Photostream <b style="color: brown;">L&uuml;tfen, Animasyonun bitip a&ccedil;ılmasını bekleyiniz</b></b></b></a>
<center><a href="javascript:openwindow('http://www.tuncvizyon.com/?SyfNmb=1&amp;pt=Anasayfa')">
<b style="color: blue;">TUN&Ccedil; Vizyon <b style="color: black;">-&amp;-<b style="color: red;">TV
<b style="color: brown;"> L&uuml;tfen, Animasyonun bitip a&ccedil;ılmasını bekleyiniz.</b></b></b></b></a></center></center>

<center><p><b style="color: brown;">Animasyonlu Sayfa Ge&ccedil;işi</b> <b style="color: red;">DİKKAT! 
<b style="color: blue;">Uygulamak i&ccedil;in, aşağıdaki HTML kodunu sitenize ekleyiniz.</b> </b></p>

<center><div id="grab-codes"><textarea name="DESTEK2" id="grabbit" onmouseover="this.focus()" onfocus="this.select()" rows="3" cols="50" width="250" height="50">
&lt;html&gt;&lt;body&gt;&lt;script type="mce-mce-mce-text/javascript"&gt; 
&lt;!--
var winheight=100
var winsize=100
var x=5
/*
Animated Window Opener Script (updated 00/04/24)- 
&copy; Dynamic Drive (http://tuncnostaljiradyo.tr.gg/)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&amp;&amp;document.all)&amp;&amp;!(window.resizeTo&amp;&amp;document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight&gt;=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize&gt;=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//--&gt;
&lt;/script&gt;&lt;center&gt;&lt;a href="javascript:openwindow('http://www.flickr.com/photos/dunpeal/')" 
data-mce-href="javascript:openwindow('http://www.flickr.com/photos/dunpeal/')"&gt;&lt;b style="color:red" 
data-mce-style="color: red;"&gt;Gokcen TUNC&lt;b style="color:blue" 
data-mce-style="color: blue;"&gt;Flickr Photostream &lt;b style="color:brown" 
data-mce-style="color: brown;"&gt;L&uuml;tfen, 
Animasyonun bitip a&ccedil;ılmasını bekleyiniz&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/a&gt;&lt;center&gt;&lt;a 
href="javascript:openwindow('http://www.tuncvizyon.com/?SyfNmb=1&amp;pt=Anasayfa')" 
data-mce-href="javascript:openwindow('http://www.tuncvizyon.com/?SyfNmb=1&amp;pt=Anasayfa')"&gt; &lt;b style="color:blue" 
data-mce-style="color: blue;"&gt;TUN&Ccedil; Vizyon &lt;b style="color:black" 
data-mce-style="color: black;"&gt; -&amp;-&lt;b style="color:red" 
data-mce-style="color: red;"&gt;TV&lt;b style="color:brown" 
data-mce-style="color: brown;"&gt; L&uuml;tfen, 
Animasyonun bitip a&ccedil;ılmasını bekleyiniz.&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/a&gt;&lt;/center&gt;&lt;/center&gt;&lt;/body&gt;&lt;/html&gt;
</textarea></div></center></center></center>

Bu mesaj 1 defa düzenlendi, son düzenlemeyi yapan "Atilla_Ky" (13.10.2016, 00:05) düzenleme sebepleri: içerik düzenlendi

Sayfanın en üstüne git

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

3

Monday, 17.10.2016, 19:07

Perdeli sayfa açılış HTML Kodu

Kaynak kod

<!-- corrects IE6 width calculation --><div class="columns-inner"><div class="columns-inner"><div class="columns-inner"><div class="column-center-outer"><div class="column-center-inner"><div class="main section"><div class="widget Blog"><div class="blog-posts hfeed"><!-- google_ad_section_start(name=default) --><div class="post-header"><div class="post-header-line-1"></div></div><div class="post-body entry-content"><br /> <a name="more"></a><br /> <!--Kod Dostu Perde İntrosu Kodu START--> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır--> <!--Telif sahibi: koddostu.com--><div class="kod-dostu-od od-25-ds" id="koddostu-2block"></div><div class="kod-dostu-od od-24-ds" id="koddostu-1block"></div><a class="kod-dostu-od od-26-ds" id="koddostu-3block" onfocus="this.blur();" href="javascript:void(0)"></a></div></div></div></div></div></div></div></div></div><style type="text/css"><!--
a.kod-dostu-od{position:fixed;z-index:999900;}div.kod-dostu-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d 
url(http://3.bp.blogspot.com/-wngxLxO4ZsA/USedcyyF0EI/AAAAAAAASg0/wPdGFXG-TPE/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;}
div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(http://3.bp.blogspot.com/-wngxLxO4ZsA/USedcyyF0EI/AAAAAAAASg0/wPdGFXG-TPE/s1600/koddostupowered.jpg) 
no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent 
url(http://3.bp.blogspot.com/-mRw0L-hknVM/USefTv3HgrI/AAAAAAAAShE/YRd_iHDElhM/s1600/rope.png) no-repeat top left;}
--></style><style type="text/css"><!--
div.kod-dostu-od{_position:absolute;}a.kod-dostu-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}
--></style><div class="columns-inner"><div class="columns-inner"><div class="columns-inner"><div class="column-center-outer"><div class="column-center-inner"><div class="main section"><div class="widget Blog"><div class="blog-posts hfeed"><div class="columns-inner"><div class="column-center-outer"><div class="column-center-inner"><div class="main section"><div class="widget Blog"><div class="blog-posts hfeed"><div class="post-body entry-content"><script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script><script type="text/javascript">// <![CDATA[
var tdt=0;
$("#koddostu-3block").click(function(){
var tdta=tdta+1
if(tdta==5){
window.open('http://www.koddostu.com','')
}
if($("#koddostu-1block").offset().left ==0){
$("#koddostu-3block").animate({
top: "0px"
}, 800, function(){
$("#koddostu-3block").animate({
top: "-15px"
}, 300)
});
$("#koddostu-1block").animate({
width: "200px",
left: "-125px",
}, 1100);
$("#koddostu-2block").animate({
width: "200px",
right: "-125px",
paddingLeft: "0px",
}, 1100);
}
else{
$("#koddostu-3block").animate({
top: "0px"
}, 300, function(){
$("#koddostu-3block").animate({
top: "-75px"
}, 800)
});
$("#koddostu-1block").animate({
width: "50%",
left: "0px"
}, 1100);
$("#koddostu-2block").animate({
width: "50%",
right: "0px",
paddingLeft: "35px"
}, 1100);
}
});
// ]]></script><meta http-equiv="Page-Enter" content="revealTrans(duration=2, Transition=23)" />
<meta http-equiv="Page-Exit" content="revealTrans(duration=2, Transition=24)" /><br /><br />
<center></center></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><style type="text/css"><!--
A{text-decoration:none}
--></style>
<div class="columns-inner">
<div class="columns-inner">
<div class="columns-inner">
<div class="column-center-outer">
<div class="column-center-inner">
<div class="main section">
<div class="widget Blog">
<div class="blog-posts hfeed">
<div class="columns-inner">
<div class="column-center-outer">
<div class="column-center-inner">
<div class="main section">
<div class="widget Blog">
<div class="blog-posts hfeed">
<div class="post-body entry-content">
<center><center><h1>
<b style="color:blue">Buradan yukarısını Sayfanızın kod kısmının en başına koyunuz.</b>

Sayfanın en üstüne git

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

4

Monday, 17.10.2016, 19:10

Site Çeviri "Translate" HTML Kodu

Kaynak kod

<!-- Begin TranslateThis Button --><div id="translate-this">
<a href="http://translateth.is/" class="translate-this-button">Translate</a></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">// <![CDATA[
TranslateThis();
// ]]></script><!-- End TranslateThis Button -->

Sayfanın en üstüne git

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

5

Monday, 17.10.2016, 19:13

Sitelere "Online" Satranç Oyunu HTML Kodu

[code
<center><div style="width: 650px;">
<iframe width="650" height="575" align="middle" src="http://www.chesshotel.com/chess.html" scrolling="no" frameborder="no"></iframe>
<center><span style="padding: 0 4px 4px 4px; background: #999999; font-family: verdana,arial; font-size: 12px; float: center;">
<b style="color: white;">"CLOSE"den kapatıp,
<b style="color: black;">Type a username'e
<b style="color: yellow;">Bir Nick Yazarak
<b style="color: blue;"> Oyuna Giriniz</b></b></b></b></span></center></div></center>][/code]

Sayfanın en üstüne git

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

6

Monday, 17.10.2016, 22:12

Üzerine gelince resmi değiştiren uygulama HTML Kodu

[code <script type="text/javascript">// <![CDATA[
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}

function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}

function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
// ]]></script> <a onmouseout="rollout('home')" onmouseover="rollover('home')" href="http://www.tuncvizyon.com/?SyfNmb=1&pt=Anasayfa">
<img border="0" title="TIKLAYIN! Sitemin Girişidir" alt="" name="home" src="http://www.tuncvizyon.com/FileUpload/ep727585/Resim/safiye_bulut.jpg" /></a>
<script type="text/javascript">// <![CDATA[
setrollover("http://www.tuncvizyon.com/FileUpload/ep727585/Resim/muslum_gurses2.jpg");
// ]]></script>

][/code]

Sayfanın en üstüne git

Tomato54

Stajyer

Mesajlar: 78

Kayıt tarihi: Mar 4th 2011

7

Wednesday, 19.10.2016, 04:02

Görsellere büyüteç İle bakma HTML & CSS kodu:

[code
Görsellere Büyüteç İle Bakma HTML & CSS Kodu:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<div class="buyutec">
<div class="mercek"></div>
<img class="kucuk" src="http://www.tuncvizyon.com/FileUpload/ep727585/Resim/toprak_ilac__toyota_fabrikasi.jpg" width="300" height"175"/>
</div>
<html>
<head>
<body>
<style type="text/css">
.buyutec {
width: 300px;
margin: 0 auto;
position: relative;
cursor: none}
.mercek {
width: 175px;
height: 175px;
position: absolute;
border-radius: 100%;
box-shadow: 0 0 20px 5px #29a2d6;
display: none;
}

.kucuk { display: block;}
</style> </body></head>
</html>

<script>
$(document).ready(function(){
var gercek_uzunluk = 0;
var gercek_genislik = 0;
$(".mercek").css("background","url('" + $(".kucuk").attr("src") + "') no-repeat");
$(".buyutec").mousemove(function(e){
if(!gercek_uzunluk && !gercek_genislik)
{
var image_object = new Image();
image_object.src = $(".kucuk").attr("src");
gercek_uzunluk = image_object.width;
gercek_genislik = image_object.height;
}else{
var buyutec_offset = $(this).offset();
var mx = e.pageX - buyutec_offset.left;
var my = e.pageY - buyutec_offset.top;
if(mx < $(this).width() && my < $(this).height() && mx > 0 && my > 0)
{$(".mercek").fadeIn(100);}
else{$(".mercek").fadeOut(100);}
if($(".mercek").is(":visible"))
{
var rx = Math.round(mx/$(".kucuk").width()*gercek_uzunluk - $(".mercek").width()/2)*-1;
var ry = Math.round(my/$(".kucuk").height()*gercek_genislik - $(".mercek").height()/2)*-1;
var bgp = rx + "px " + ry + "px";
var px = mx - $(".mercek").width()/2;
var py = my - $(".mercek").height()/2;
$(".mercek").css({left: px, top: py, backgroundPosition: bgp});
}
}
})
})
</script>

][/code]

Sayfanın en üstüne git

AllaTurkaa