En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

Html site kodu

Html site kodu
Websitenizi html kodlarındandan yapmak istermisiniz? Aşağıda sizler için bi örnek hazırladım. Üzerinde oynamalar yaparak sitenizi oluşturabilirsiniz.

ÖNİZLEME

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="author" content="Meftun MEDE">
<meta name="description" content="buraya, virgüllü, anahtar, kelime, koy,">
<meta name="keywords" content="buraya açıklama yaz">
<meta name="generator" content="Web Page Maker V2">
<title>sayfanızın başlığını yazın</title>
<style type="text/css">
/*----------Style Kodları----------*/
body{text-align:center;margin:0;}
div#container{position:relative;width:816px;margin-top:0;margin-left:auto;margin-right:auto;text-align:left;}
DIV,UL,OL /* Left */{margin-top:0;margin-bottom:0;}
.ws6{font-size:8px;}
.ws7{font-size:9.3px;}
.ws8{font-size:11px;}
.ws9{font-size:12px;}
.ws10{font-size:13px;}
.ws11{font-size:15px;}
.ws12{font-size:16px;}
.ws14{font-size:19px;}
.ws16{font-size:21px;}
.ws18{font-size:24px;}
.ws20{font-size:27px;}
.ws22{font-size:29px;}
.ws24{font-size:32px;}
.ws26{font-size:35px;}
.ws28{font-size:37px;}
.ws36{font-size:48px;}
.ws48{font-size:64px;}
.ws72{font-size:96px;}
.wpmd{font-size:13px;font-family:Arial;font-style:normal;font-weight:400;}
</style>
</head>
<body>
<div id="container">
<div id="text3" style="position:absolute; overflow:hidden; left:417px; top:84px; width:274px; height:359px; z-index:0; background-color:#F7F7F7">
<div class="wpmd"> 
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma"><U>
<br></U></font>
</div>
<ul> 
<li><font class="ws8" color="#808080" face="Tahoma"><U>Aradigin Meftun Mede bu degil mi?Tekrar dene</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma"><U>BU KISMADA AÇIKLAMALARINIZI YAZIN.</U></font></li>
<li><font class="ws8" color="#808080" face="Tahoma">LiNKLERiNiZi YAZILARINIZI YAZIN.ZiYARETCiYE iÇERiK TASARLAYIN.iÇERiK NE KADAR SiZiN OLURSA OLSUN O KADAR SiTE DEĞERiNiZ ARTAR.DOST SiTE EDiNEREK iNTERNETTE ADINIZI DUYURUN.GOOGLE ARAMA MOTORUNDA YER ALMAK iSTERSENiZ BiZi SiTENiZE EKLEYiN.BiR HAFTA iÇiNDE KAYIT EDiLMiS OLDUĞUNUZU GÖRECEKSiNiZ. </font></li> 
</ul> 
</div>
</div>
<div id="shape1" style="position:absolute; overflow:hidden; left:4px; top:661px; width:689px; height:18px; z-index:1; background-color:#A8A8A8">
</div>
<div id="shape9" style="position:absolute; overflow:hidden; left:4px; top:84px; width:83px; height:590px; z-index:2; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="hr1" style="position:absolute; overflow:hidden; left:11px; top:307px; width:380px; height:28px; z-index:3">
<hr size=3 width=380 color=#82B40C>
</div>
<div id="shape8" style="position:absolute; overflow:hidden; left:695px; top:86px; width:118px; height:589px; z-index:4; background-image:url(file:///C:/Program Files/Web Page Maker V2/Templates/Personal/Personal001/images/imageline2.gif)">
</div>
<div id="text5" style="position:absolute; overflow:hidden; left:414px; top:474px; width:275px; height:182px; z-index:5; background-color:#F4F4F4">
<div class="wpmd">
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>YAZI BAŞLIĞI. </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">BURAYA kısa açiklama ile yazi içerigini ekleyerek devam edin.Yazinin pesine bu ebata sigacak kodda ekleme sansiniz var :) </font>
</div> 
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">hedef url varsa yazisi ile ekle</font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodlari kullan yazi kullan bu sayfa kodlarini </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danisin</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div> 
</div>
</div>
<div id="image12" style="position:absolute; overflow:hidden; left:413px; top:452px; width:277px; height:15px; z-index:6"><img src="http://2.bp.blogspot.com/-Q9bIbxhi3XM/UUhhANDntpI/AAAAAAAAAs4/Q31e6Pq8IOQ/s1600/separador.gif" border=0 width=277 height=15>
</div>
<div id="shape11" style="position:absolute; overflow:hidden; left:3px; top:0px; width:695px; height:62px; z-index:7; background-color:#9ECE38">
</div> 
<div id="text4" style="position:absolute; overflow:hidden; left:6px; top:21px; width:250px; height:38px; z-index:8">
<div class="wpmd">
<div><font class="ws14" color="#FFFFFF" face="Tahoma">MEFTUN MEDE</font>
</div> 
</div>
</div>
<div id="image1" style="position:absolute; overflow:hidden; left:423px; top:95px; width:263px; height:120px; z-index:9"><img src="http://4.bp.blogspot.com/-n0JTbn19N64/TwgxyhCRMxI/AAAAAAAAGZg/pI41Dg_WGD8/s1600/Follow+By+Email.JPG" border=0 width=263 height=120>
</div> 
<div id="text2" style="position:absolute; overflow:hidden; left:427px; top:156px; width:243px; height:52px; z-index:10">
<div class="wpmd"> 
<div>
</div> 
</div>
</div>
<div id="text1" style="position:absolute; overflow:hidden; left:90px; top:321px; width:290px; height:23px; z-index:11">
<div class="wpmd">
<div><font class="ws7">haber sayfan mesaj panon</font>
</div> 
</div>
</div>
<div id="text6" style="position:absolute; overflow:hidden; left:3px; top:88px; width:83px; height:223px; z-index:12">
<div class="wpmd"> 
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div>
</div>
</div>
<div id="text7" style="position:absolute; overflow:hidden; left:301px; top:4px; width:384px; height:53px; z-index:13">
<div class="wpmd">
<div><font class="ws7">BURASI REKLAM KODLARINI KOYACAĞIN YER.iSTERSEN BANNER YADA YAZI EKLE</font>
</div> 
</div>
</div>
<div id="text8" style="position:absolute; overflow:hidden; left:701px; top:97px; width:106px; height:42px; z-index:14">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div> 
</div>
</div>
<div id="image2" style="position:absolute; overflow:hidden; left:698px; top:141px; width:110px; height:66px; z-index:15"><img src="http://2.bp.blogspot.com/_3Ih0zSkKmFI/SWvwRKGg3sI/AAAAAAAAEgA/91y2IJo44yw/s400/AdvantagesOfOnlineBanking-11.jpg" border=0 width=110 height=66>
</div>
<div id="text9" style="position:absolute; overflow:hidden; left:703px; top:215px; width:106px; height:449px; z-index:16">
<div class="wpmd">
<div><font class="ws7">BURAYA LiNKLERiNi UFAK BANNERLARI FALAN</font>
</div> 
</div>
</div>
<div id="text10" style="position:absolute; overflow:hidden; left:391px; top:662px; width:296px; height:90px; z-index:17">
<div class="wpmd">
<div><font class="ws7" color="#FFFFFF"><B><I>Copyright ekle burayada</I></B></font>
</div> 
</div>
</div>
<div id="text11" style="position:absolute; overflow:hidden; left:90px; top:692px; width:602px; height:186px; z-index:18">
<div class="wpmd">
<div><font class="ws7">bu kisim sayac reklam gibi kodlarinizi ekleyecegin yer</font>
</div> 
</div>
</div>
<div id="text12" style="position:absolute; overflow:hidden; left:88px; top:85px; width:323px; height:222px; z-index:19; background-color:#F4F4F4">
<div class="wpmd"> 
<div><font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div> 
<div><font class="ws8" color="#969696" face="Verdana">Eski adi 'Telmessos' "Aydinliklar Sehri", simdiki adi Fethiye olan ilçemizdeki Apartimizda evinizin sicakliginda tatil yapmak istemisiniz?</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/MeftunApart</font>
</div> 
<div><font class="ws8" color="#6FA6D2" face="Tahoma">http://www.facebook.com/Meftun.mede </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">https://twitter.com/MeftunApart</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div> 
</div>
</div>
<div id="html1" style="position:absolute; overflow:hidden; left:93px; top:344px; width:287px; height:109px; z-index:20">
<script type="text/javascript">
// http://www.MeftunMede.com ücretsiz Hizmetler 
// TKontak Meftun_hh@Hotmail.de 
//CONFIGURE MESSAGES AND VARIABLES 
var tickercontents=new Array() tickercontents[0]='Yazılar buraya gelecek 
<a href=http://www.MeftunMede.com>Link atılacak sayfa link ismi</a>
!' tickercontents[1]='yazıların nasıl artırılacağını biliyorsunuz.Mesaj paragraflarını artırın 
<a href=http://www.MeftunMede.com/>webmasters</a> Tıkla
!' tickercontents[2]='Web tasarım dizayn 
<a href=http://www.MeftunMede.com>JavaScript </a>
- Bedava Hizmetler!' var tickerwidth="200px" 
var tickerheight="70px" 
var fontcss="font: bold 14px Verdana; color:black" 
var tickdelay=3000 //delay btw messages var highlightspeed=2 
//2 pixels at a time. 
var highlightcolor="lightyellow" 
var backdroptextcolor="#E1E1E1" 
////Do not edit pass this line//////////////// 
document.write('
<style>#highlighterbg a{color:'+backdroptextcolor+'}
</style>') 
document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">') 
document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px">
</span>
<span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px">
</span>')
document.write('</div>')
var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() } 
if (document.all || document.getElementById) window.onload=start_ticking
</script> 
</div> 
<div id="text13" style="position:absolute; overflow:hidden; left:88px; top:462px; width:308px; height:194px; z-index:21; background-color:#F4F4F4">
<div class="wpmd"> 
<div>
<font class="ws8" color="#99CC00" face="Verdana"><B>
<br></B></font>
</div>
<div><font class="ws8" color="#99CC00" face="Verdana"><B>Meftun Apart . </B></font>
</div>
<div><font class="ws8" color="#FF9900" face="Tahoma">
<br></font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">Apartlarimiz deniz ve plaja 50 metre mesafede olup 8 full esyali ve havuzlu aparttan olusmaktadir. </font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">www.MeftunApart.com</font>
</div> 
<div><font class="ws8" color="#6FA6D2" face="Tahoma">kodları kullan yazı kullan bu sayfa kodlarını </font>
</div>
<div><font class="ws8" color="#6FA6D2" face="Tahoma">web page ile açop dahada geliştirebilirsiniz.bunun için bize danışın</font>
</div>
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div> 
<div><font class="ws8" color="#969696" face="Verdana">
<br></font>
</div>
<div><font class="ws8" color="#808080" face="Tahoma">
<br></font>
</div>
</div>
</div> 
</div>
</body>
</html>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

0 yorum:

Yorum Gönder

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

 
  • Meftun Apart

    Meftun Apart Fethiye

    Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

  • Meftun Mede Blogger

    MEDE Blogger Tema Yardım

    Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

  • Sitemap sayfası oluşturma

    Sitemap sayfası oluşturma

    Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

  • hit arttırma

    Sitenizin hitini arttırın!

    Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

  • internetten para kazan

    İnternetten para kazan !

    Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!