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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK521rlJ9SBIE_I4CsHgSAVg5m2HGCwVO6nrjQ4N6z3yPvW7JzdwP0HdMJWx4WW43g-rbc-Yz82IevX33SRgXHJ-CGpTe5-vsruj_nU14VLsJvOP_uFK3B1FoD8dJfkBij55ix3bkiWNK9/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizs-8GiFYXiXQr-nzvR86_7mF-Omzfm8XIbw3FlEhysOCzBWrrcR2_toJPALwoIygYNaAH5wqv36Xjg1zda8zasQG33zR8d1auJTmQOmrJk4PrvwEui-qRzPB4JGFLczE70C4JFwPzUZcE/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYRIXPGYo1I-yO55lxSGGMZoLmrLczhWiwPj9MwbM6EftkTAOe-GgFJwZhhyphenhyphenxIiWtENlHNnEtyKnIk7lbXaNQJxnR8CYFddCvtwBL3gI_J1OZP52lsir6jWwxlQ76JXcpstXPyG6EdQuX/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://meftunmede.blogspot.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://meftunmede.blogspot.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://meftunmede.blogspot.com/>webmasters</a> Tıkla
!' tickercontents[2]='Web tasarım dizayn
<a href=http://meftunmede.blogspot.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.
