Siteniz için bazı HTML kodları.

8 Mayıs , 2008

Görüntüleri NOTPAD'e yazarak IE (explorer tarayıcı) ile açabilirsiniz.

Güzel bir SAAT Kodu:

<embed src="http://www.kushinoi.co.jp/_sys/clocks/clock3.swf"

type="application/x-shockwave-flash"

pluginspace="http://www.macromedia.com/go/getflashplayer/"

width="200" height="200"></embed>

Güzel bir sayaç:

<script language="JavaScript" type="text/javascript" src="http://www.onlineziyaretci.com/sayac.php?userid=52589"></script><noscript><a href="http://www.onlineziyaretci.com"></a></noscript>

Slayt (değişen) resimler:

<script language="JavaScript1.1">
//Picture Cube slideshow - By Tony Foster III

//Modifications by JK

var specifyimage=new Array() //Your images / resimler

specifyimage[0]="http://img358.imageshack.us/img358/6378/45291571if9.jpg"

specifyimage[1]="http://img514.imageshack.us/img514/5071/18519128eu2.jpg"

specifyimage[2]="http://img507.imageshack.us/img507/7281/17461188py2.jpg"

specifyimage[3]="http://img507.imageshack.us/img507/2092/27613271rk5.jpg"

specifyimage[4]="http://img394.imageshack.us/img394/9225/80553799cj5.jpg"

var delay=3000 //3 seconds / 3 saniye bekleme

//Counter for array/sıralamadaki ikinci resim

var count =0;

var cubeimage=new Array()

for (i=0;i<specifyimage.length;i++){

cubeimage=new Image()

cubeimage.src=specifyimage

}

function movecube(){

if (window.createPopup)

cube.filters[0].apply()

document.images.cube.src=cubeimage[count].src;

if (window.createPopup)

cube.filters[0].play()

count++;

if (count==cubeimage.length)

count=0;

setTimeout("movecube()",delay)

}

window.onload=new Function("setTimeout('movecube()',delay)")

</script>

<img src="http://www.kayikcituning.ws.tc/1.JPG" name="cube" border=5 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" width="240" height="200" align="left">

Devam edecek....

10 Mayıs , 2008

Sitene mesaj gelmesini sağlayacak mail form. Bu çalışmayı da bilgisayarınızda (localhost) IIS programıyla yapabilirsiniz. Bir asp çalışması.

iletisim.asp

<body bgcolor="#8fbc8f">
<div style="position: absolute; width: 395px; height: 188px; z-index: 1; left: 220px; top: 200px" id="layer1">

<form action="gonder.asp" method="post">

<table border="0" width="100%" cellspacing="1" cellpadding="1" height="183">

<tr>

<td align="right" width="105"><b>Adınız:</b></td>

<td> <input type="text" name="a1" style="border: 1px solid #000000" size="30"></td>

</tr>

<tr>

<td align="right" width="105"><b>E-Mail'iniz:</b></td>

<td> <input type="text" name="a6" style="border: 1px solid #000000" size="30"></td>

</tr>

<tr>

<td align="right" width="105" height="36"><b>İletiniz:</b></td>

<td height="56"> <textarea rows="4" name="a7" cols="30" style="border: 1px solid #000000"></textarea></td>

</tr>

<tr>

<td align="right" width="105"> </td>

<td><b>&nbsp<input type=submit value=Gönder style="border: 2px solid #000000"></b></td>

</tr>

</form>

</table>

</div>

<div style="position: absolute; width: 260px; height: 27px; z-index: 2; left: 334px; top: 150px" id="layer2">

<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#CCFF66">

<tr>

<td><font size="2" face="Tahoma"><b>&nbspwww.siteadi.com İletişim Formu</b></font></td>

</tr>

</table>

</div>

gonder.asp

<head>
<meta http-equiv="Content-Language" content="tr">

</head>

<%

msg_txt = "<font face=""Tahoma"" size=""2""><b>E-istanbul</b>"

msg_txt = msg_txt & "<br><br><b>Adınız:</b> " & Request.form("a1")

msg_txt = msg_txt & "<br><b>Soyadınız :</b> " & Request.form("a21")

msg_txt = msg_txt & "<br><b>Mesleğiniz :</b> " & Request.form("a4")

msg_txt = msg_txt & "<br><b>Şehir :</b> " & Request.form("a5")

msg_txt = msg_txt & "<br><b>E-Mail :</b>" & Request.form("a6")

msg_txt = msg_txt & "<br><b>Yorumunuz :</b>" & Request.form("a7")

msg_txt = msg_txt & "</font>"

Set Mail = Server.CreateObject("Persits.MailSender")

Mail.Host = "mail.siteadi.com"'---------------------------------------> Mail server buraya yazılacak

Mail.From = Request.form("From")'----------------------------------> Kimden

Mail.FromName = Request.form("a1")'------------------------------> İsim

Mail.AddAddress "[email protected]"'---------------------------> Mail Adresi

Mail.Subject = "siteadi.com Mail Form!"'-----------------------------> Mail Konu

Mail.IsHTML = True

Mail.Body = msg_txt

On Error Resume Next

Mail.Send

%>

<p align="center"> </p>

<p align="center"> </p>

<p align="center"> </p>

<p align="center">Mesajınız Gönderildi.</p>

<p align="center"> İlginiz İçin Teşekkürler</p>

10 Mayıs , 2008

Aşağı açılır menü ile sitenize arka font rengi seçimi: Renk kodları ile oynayarak menü sayısını artırıp kendiniz de renk seçebilirsiniz.

<html>
<body>

<select name="schemesel" onChange="document.bgColor =

this.options[selectedIndex].value" size="1" style="background-color:

rgb(57,57,57); color: rgb(255,255,255)">

<option value="000000" selected>SİYAH </option>

<option value="0000FF">MAVİ </option>

<option value="A0A0A0">GRİ </option>

<option value="E9E900">SARI </option>

<option value="A0A0FF">ŞAFAK MAVİSİ </option>

<option value="C70000">KIRMIZI </option>

<option value="FFFFA0">AÇIK SARI </option>

<option value="F0F0FA">İNCİ BEYAZI</option>

<option value="FF00FF">MOR </option>

<option value="00FFFF">TURKUAZ </option>

</select>

</body>

</html>

10 Mayıs , 2008

Beğeneceğiniz üçlü, renkli drop down menü:

<html>
<head>

<style>

body{ background-color:#666666; font-family:arial;}

table{font-size:80%;

background:black;

width:80%}

a{color:black;text-decoration:none;font:bold}

a:hover{color:#FF0000}

td.menu{background:lightblue}

table.menu

{

font-size:100%;

position:absolute;

visibility:hidden;

}

</style>

<script type="text/javascript">

function showmenu(elmnt)

{

document.getElementById(elmnt).style.visibility="visible"

}

function hidemenu(elmnt)

{

document.getElementById(elmnt).style.visibility="hidden"

}

</script>

</head>

<body>

<table border="1">

<tr bgcolor="#FF8080">

<td onMouseOver="showmenu('link1')" onMouseOut="hidemenu('link1')">

<a href="#">Linkler</a><br />

<table class="menu" id="link1" width="120">

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>'>http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

</table>

</td>

<td onMouseOver="showmenu('link2')" onMouseOut="hidemenu('link2')">

<a href="#">Linkler</a><br />

<table class="menu" id="link2" width="120">

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

</table>

</td>

<td onMouseOver="showmenu('link3')" onMouseOut="hidemenu('link3')">

<a href="#">Linkler</a><br />

<table class="menu" id="link3" width="120">

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

<tr><td class="menu"><a href="http://www.turkish-media.com/forum/">Forum</a></td></tr>

</table>

</td>

</tr>

</table>

<p> </p>

</body>

</html>

10 Mayıs , 2008

Beğeneceğiniz bir dijital saat kodu:

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "tawHill001-blue.swf";obj.TimeZone = "EET";obj.width = 150;obj.height = 150;obj.wmode = "transparent";showClock(obj);</script>

Φ Notamatik · 11 Mayıs , 2008

Ah benim canım dostum Bilimselci'ciğime bak! Ne güzel şeyler yapmış. Ellerine sağlık, benim güzel dostum.

Sana mail de attım, almadın galiba, sonra yine atarım. Öptüm güzel yanaklarından.

17 Mayıs , 2008

Ah benim canım dostum Bilimselci'ciğime bak! Ne güzel şeyler yapmış. Ellerine sağlık, benim güzel dostum.
Sana mail de attım, almadın galiba, sonra yine atarım. Öptüm güzel yanaklarından.

Güzel dostum, senin için miniminnacık bilgiler ama. Galiba yeni heves olacak. Bilinenleri anlatma hevesi. Yeni bir heyecan.

Kısa bir mail aldım. Teşekkür ederim. Sana ihtiyaç var.

İyi dileklerimle.

20 Mayıs , 2008

Sağdan sola kayan resimler. Resim miktarı, kayma hızı, büyüklükler kod içerisinden ayarlanabilir. Resimler kodlarla aynı dosya içinde olmalıdır.

<body>

<div style="position: absolute; width: 200px; height: 200px; z-index: 1; left:10px; top:15px" id="layer1">

<script type="text/javascript">

//genislik degerini burdan

var sliderwidth="300px"

//yukseklik degerini burdan

var sliderheight="150px"

//slide hizi burdan (1-10)

var slidespeed=3

//arkaplan rengi:

slidebgcolor="#000000"

//resim ve linkler buraya...

var leftrightslide=new Array()

var finalslide=''

leftrightslide[0]='<a href=""><img src="resim1.jpg" border=1></a>'

leftrightslide[1]='<a href=""><img src="resim2.jpg" border=1></a>'

leftrightslide[2]='<a href=""><img src="resim3.jpg" border=1></a>'

leftrightslide[3]='<a href=""><img src="resim4.jpg" border=1></a>'

leftrightslide[4]='<a href=""><img src="resim5.jpg" border=1></a>'

//Specify gap between each image (use HTML):

var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):

var slideshowgap=5

////NO NEED TO EDIT BELOW THIS LINE////////////

var bgcolor='yellow'

var copyspeed=slidespeed

leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'

var iedom=document.all||document.getElementById

if (iedom)

document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')

var actualwidth=''

var cross_slide, ns_slide

function fillup(){

if (iedom){

cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2

cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3

cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide

actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth

cross_slide2.style.left=actualwidth+slideshowgap+"px"

}

else if (document.layers){

ns_slide=document.ns_slidemenu.document.ns_slidemenu2

ns_slide2=document.ns_slidemenu.document.ns_slidemenu3

ns_slide.document.write(leftrightslide)

ns_slide.document.close()

actualwidth=ns_slide.document.width

ns_slide2.left=actualwidth+slideshowgap

ns_slide2.document.write(leftrightslide)

ns_slide2.document.close()

}

lefttime=setInterval("slideleft()",30)

}

window.onload=fillup

function slideleft(){

if (iedom){

if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))

cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"

else

cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowga

p+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))

cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"

else

cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowga

p+"px"

}

else if (document.layers){

if (ns_slide.left>(actualwidth*(-1)+8))

ns_slide.left-=copyspeed

else

ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))

ns_slide2.left-=copyspeed

else

ns_slide2.left=ns_slide.left+actualwidth+slideshowgap

}

}

if (iedom||document.layers){

with (document){

document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')

if (iedom){

write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')

write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')

write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')

write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')

write('</div></div>')

}

else if (document.layers){

write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')

write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')

write('</ilayer>')

}

document.write('</td></table>')

}

}

</script>

<font face="Arial" size="0"><a href="www.htmlkodlar.net">htmlkodlar.net</a></font></p></div>

</body>

Φ haveran · 20 Mayıs , 2008

Sitenize haber ekleme kodu

<iframe src="http://www.haberalemi.net/site_manset_ic.php" name="I3" width="507" height="347" scrolling="No" frameborder="0" id="I3" border="0"></iframe><a href="http://maswey.blogspot.com" title="">.</a>

Φ haveran · 20 Mayıs , 2008

Sitenize galatasaray haberleri kodu ekleyin

<******
src="http://www.maraton.com.tr/content/468x60_gs.php" name="maraton"

id="maraton" width="468" height="78" marginwidth="0" marginheight="0"

hspace="0" vspace="0" scrolling="no" frameborder="0"></******>

Φ haveran · 20 Mayıs , 2008

Sitenize Atatürk html kodu ekle

<br><IMG alt="" src="http://80.190.202.79/pic/h/htmlkodcular/benigormek.gif"><br><a href="http://www.bizkodcuyuz.tr.gg/Yeni-Html-kodları-.htm">Sitene Ekle</a>

8 Ağustos , 2008

CSS kodlarıyla güzel bir menü örneği:

#maviblokmenu li a:hover {
background-color: #000069;

border-left-color: #000099;

}

#maviblokmenu div.menutitle{

color: white;

border-bottom: 1px solid black;

padding: 1px 0;

padding-left: 5px;

background-color: black;

font: bold 100% 'Trebuchet MS', Arial, sans-serif;

} </style>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1254" /></p>

<div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 315px">

<div class="menutitle">BİRİNCİ BAŞLIK</div>

<ul>

<li><a href="http://1.SATIR'>http://1.SATIR'>http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://2.SATIR'>http://2.SATIR'>http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://3. SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://4.SATIR'>http://4.SATIR'>http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

</ul>

<div class="menutitle">İKİNCİ BAŞLIK</div>

<ul>

<li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://3.SATIR'>http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://5.SATIR'>http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a style="BORDER-BOTTOM-COLOR: black"

href="http://6.SATIR URL ADRESİ ">SAYFA ADI & Buttonlar</a> </li>

</ul>

<div class="menutitle">ÜÇÜNCÜ BAŞLIK</div>

<ul>

<li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

<li><a style="BORDER-BOTTOM-COLOR: black"

href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>

</ul>

</div>

<body>

</body>

</html>

Giriş Yap

Siteniz için bazı HTML kodları.

Önerilen İletiler

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Yoruma sekme

Diğer sitelerde paylaş

Yoruma sekme

Diğer sitelerde paylaş

Yoruma sekme

Diğer sitelerde paylaş

Misafir bilimselci

Yoruma sekme

Diğer sitelerde paylaş

Katılın Görüşlerinizi Paylaşın

Önemli Bilgiler