Yeni sayfanın başlığı
Tasarımın üzerindeki yazı: <div id="design">
<div id="top">
<div class="logo"></div>
<div class="reklam"><script type="text/javascript">
<!--
var reklamstore_region_id = "154907";
var reklamstore_client_id = "50684";
var reklamstore_ad_type = "all";
var reklamstore_ad_width = 468;
var reklamstore_ad_height = 60;
var reklamstore_ad_format = "468x60";
var reklamstore_ad_frameborder = 0;
var reklamstore_color_border = "#336699";
var reklamstore_color_bg = "#6699CC";
var reklamstore_color_link = "#000000";
var reklamstore_color_url = "#000000";
var reklamstore_color_text = "#FFFFFF";
var reklamstore_size_link = "12";
var reklamstore_screen_size = window.screen.width + " " +window.screen.height;
//-->
</script>
<script type="text/javascript" src="http://www.reklamstore.com/admanager/render_ads.js">
</script></div>
<div class="ustmenu">
<div style="text-align: right;"><iframe width="75%" height="30" frameborder="0" scrolling="no" src="http://www.veteknoloji.com/kayanhaber.php" id="kayanhaber"></iframe></div>
<table cellspacing="0" cellpadding="0" width="80" align="right" border="0" style="width: 70px; height: 15px">
<tbody>
<tr>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div></div>
<div id="icerik">
<div id="icontent">
<div class="sagmenu"><div id="my_menu" class="sdmenu">
<div>
<span>Ana Menü</span>
<a href="http://bilgiliwebnet.tr.gg">Ana Sayfa</a>
<a href="http://bilgiliwebnet.tr.gg/Top-liste.htm">Toplist</a>
<a href="http://bilgiliwebnet.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretci Defteri</a>
<a href="http://bilgiliwebnet.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletisim</a>
<a href="http://bilgiliwebnet.tr.gg/Forum.htm">Forum</a>
<a href="http://bilgiliwebnet.tr.gg/sitemap.htm">sitemap</a>
<a href="http://bilgiliwebnet.tr.gg/dost-siteler.htm">Banner Takaslar</a>
</div>
<div>
<span>Anlatimlar</span>
<a href="http://bilgiliwebnet.tr.gg/Resimli-Anlatimlar.htm">Resimli Anlatimlar</a>
<a href="http://bilgiliwebnet.tr.gg/Anlatici-Konular.htm">Anlatici Konular</a>
<a href="http://bilgiliwebnet.tr.gg/tekno-Bilgiler.htm">Tekno Bilgiler</a>
<a href="http://bilgiliwebnet.tr.gg/flash-derslerimiz.htm">Flash Dersler</a>
<a href="http://bilgiliwebnet.tr.gg/photoshop-anlatimlari.htm">photoshop anlatimlari</a>
</div>
<div>
<span>Webmaster</span>
<a href="http://bilgiliwebnet.tr.gg/webmaster-bilgi.htm">Webmaster Bilgi Arsivi</a>
<a href="http://bilgiliwebnet.tr.gg/Css-Bilgi-Ar%26%23351%3Bivi.htm">Css Dersleri</a>
<a href="http://www.bilgiliwebnet.tr.gg/3.htm">Css Tasarimlar</a>
<a href="http://www.bilgiliwebnet.tr.gg/4.htm">Kod Deneme</a>
<a href="http://www.bilgiliwebnet.tr.gg/5.htm">Javascript </a>
<a href="http://www.bilgiliwebnet.tr.gg/6.htm">Css Menüler</a>
<a href="http://www.bilgiliwebnet.tr.gg/7.htm">Css Araclar</a>
<a href="http://www.bilgiliwebnet.tr.gg/8.htm">Yararli Linkler</a>
</div>
<div class="collapsed">
<span>Html Kodlar</span>
<a href="http://bilgiliwebnet.tr.gg/banner-De%26%23287%3Bi%26%23351%3Bim-A%26%23287%3Bi.htm">Banner Değişim Aği</a>
<a href="http://www.bilgiliwebnet.tr.gg/11.htm">Gİf Kodları</a>
<a href="http://www.bilgiliwebnet.tr.gg/12.htm">Link Kodları</a>
<a href="http://www.bilgiliwebnet.tr.gg/13.htm">Haber Kodları</a>
<a href="http://www.bilgiliwebnet.tr.gg/14.htm">Saat Tarih Kodları</a>
<a href="http://bilgiliwebnet.tr.gg/kod-Arsivi.htm">Her Telden Kod</a>
</div>
<div>
<span>Photoshop</span>
<a href="http://www.bilgiliwebnet.tr.gg/1h.htm">Photoshop Nedir?</a>
<a href="http://www.bilgiliwebnet.tr.gg/2h.htm">Photoshop Tarihi</a>
<a href="http://www.bilgiliwebnet.tr.gg/3h.htm">Araç Çubukları</a>
<a href="http://www.bilgiliwebnet.tr.gg/4h.htm">Layer/Katmanlar</a>
<a href="http://www.bilgiliwebnet.tr.gg/5h.htm">Kısa Yol Tuşları</a>
<a href="http://www.bilgiliwebnet.tr.gg/6h.htm">Videolu Dersleri</a>
<a href="http://www.bilgiliwebnet.tr.gg/56.htm">Photoshop Dersleri</a>
</div>
<div>
<span>İconlar</span>
<a href="http://www.bilgiliwebnet.tr.gg/1i.htm">Silah İconlari</a>
<a href="http://www.bilgiliwebnet.tr.gg/2i.htm">Muzik İconlari</a>
<a href="http://www.bilgiliwebnet.tr.gg/3i.htm">Program İconlari</a>
<a href="http://www.bilgiliwebnet.tr.gg/4i.htm">Menü İconlari</a>
<a href="http://www.bilgiliwebnet.tr.gg/5i.htm">Oyun İconlari</a>
</div>
<div>
<span>Yardimci konular</span>
<a href="http://bilgiliwebnet.tr.gg/Adobe-Photoshop-Kurulumu.htm">Photoshop Kurulumu</a>
<a href="http://bilgiliwebnet.tr.gg/Google-Pagerank-Hakk%26%23305%3Bnda.htm">Pagerank Hakkında</a>
<a href="http://bilgiliwebnet.tr.gg/Hit-Artt%26%23305%3Brman%26%23305%3Bn-Yollar%26%23305%3B.htm">Hit Arttırmanın Yolları</a>
<a href="http://bilgiliwebnet.tr.gg/Google-Adsense-Hakk%26%23305%3Bnda.htm">Adsense Hakkında</a>
<a href="http://bilgiliwebnet.tr.gg/Alexa-Rank-Hakk%26%23305%3Bnda.htm">Alexa Rank Hakkında</a>
<a href="http://bilgiliwebnet.tr.gg/Yerli-Arama-Motorlari.htm">Yerli Arama Motorlari</a>
<a href="http://bilgiliwebnet.tr.gg/Google-h-nin-Tarihi.htm">Google'nin Tarihi</a>
<a href="http://bilgiliwebnet.tr.gg/Pr-Arttirmanin-Yollari.htm">Pr Arttirmanin Yollari</a>
<a href="http://bilgiliwebnet.tr.gg/Trustrank-Hakk%26%23305%3Bnda.htm">Trustrank Hakkında</a><a href="http://bilgiliwebnet.tr.gg/Tasar%26%23305%3Bmc%26%23305%3B-Nas%26%23305%3Bl-Olmal%26%23305%3B.htm">Tasarımcı Nasıl Olmalı</a> </div>
<div>
<span>Php,Asp Kodlar</span>
<a href="http://bilgiliwebnet.tr.gg/Php-Kodlar.htm">php Kodları</a>
<a href="http://bilgiliwebnet.tr.gg/asp.htm">Asp Kodlari</a>
</div>
<div>
<span>Link Takaslar</span>
<a href="http://htlmkodes.tr.gg">HtlmKodes</a>
<a href="http://bilgiliwebnet.tr.gg/asp.htm">Linkini Takas</a>
</div>
</div>
<br>
<div style="width: 150px; height: 220px; overflow: hidden;"><script type="text/javascript" src="http://www.nethabercilik.com/sondakika/js.php?t=1"></script></div>
</div>
<div class="yazialani">
<style type="text/css">
.info {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/info.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
</style>
<style type=text/css>textarea {
color: #000000;
padding: 1px;
background:#FFF url(https://img.webme.com/pic/h/hyperend/formsarka.png) no-repeat;
border: 1px dashed #000000;
margin-right: 1px;
}
input {
padding: 1px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/h/hyperend/formsarka.png);
border: 1px dashed #000000;
color: #000000;
}
form {
color: #000000;
background:#FFF url(https://img.webme.com/pic/h/hyperend/formsarka.png) no-repeat ;
padding: 1px;
border: 1px dashed #DBDBDB;
margin-right: 1px;
}</style>
Tasarımın altındaki yazı: </div>
</div>
</div>
<div id="alts">
<div class="copyright"></div>
</div>
<link rel="stylesheet" type="text/css" href="http://img6.xooimage.com/files/3/1/6/sdmenu-ad4ec2.css" /> <script type="text/javascript" src="http://img44.xooimage.com/files/2/b/9/sdmenu-daba96.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script> <script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
<style type="text/css">
table {margin-left: auto;margin-right: auto}
</style>
İçerik bölümünün altındaki bilgi (mesela Copyright): <table cellspacing="0" cellpadding="0" border="0" align="center" width="655">
<tbody>
<tr>
</tr>
<tr>
<span style="font-family: Tahoma;"><span style="color: rgb(255, 102, 0);"><span style="background-color: rgb(0, 0, 0);"><strong>Reklam....</strong></span></span><span style="background-color: rgb(0, 0, 0);"><strong> . </strong></span></span><span style="color: rgb(204, 0, 51);"><span style="background-color: rgb(0, 0, 0);"><span style="font-size: 15px;"><span style="font-family: Tahoma;"><strong> </strong><span style="background-color: rgb(0, 0, 0);"><strong> </strong></span></span></span></span><span style="font-size: 15px;"><span style="font-family: Tahoma;"><strong> </strong></span></span></span>
</tr>
<tr>
<td bgcolor="#f2f2f2" bordercolor="#666666">
<div style="text-align: center;"><!-- Zirve100 kodu sonu --> <!-- Optional backlink start --> <br />
<!-- Optional backlink end --><!-- Sayyac counter START v4.1 --> <script type="text/javascript">
<!--
document.write(unescape("%3Cscript src='" + (("https:" == document.location.protocol) ? "https://" : "http://")
+ "srv.sayyac.com/sa.js?_salogin=bilgiliwebnet&_sav=4.1' type='text/javascript'%3E%3C/script%3E"));
//-->
</script> <script type="text/javascript" src="http://srv.sayyac.com/sa.js?_salogin=bilgiliwebnet&_sav=4.1"></script> <script type="text/javascript">
<!--
sayyac.track('bilgiliwebnet','srv.sayyac.com');
//-->
</script> <a href="http://www.onlinewebstats.com/websites/Internet-hizmetleri-webtasarim.phtml"> <img border="0" alt="WebTasarım" src="http://logo.onlinewebstat.com/logo/c.gif" /></a><a target="_blank" title="TurkeyRank.Com - Pagerank Servisi" href="http://www.turkeyrank.com/"><img border="0" alt="TurkeyRank.Com - Pagerank Servisi" src="http://www.turkeyrank.com//pr.php?ref=bilgiliwebnet.tr.gg&style=1" /></a><a href="http://www.webservis.gen.tr" target="_blank"> <img border="0" src="http://logo.webservis.gen.tr/logo/6.gif" alt="firma ekle" /></a><a href="http://baktube.tr.gg/"><img height="31" border="0" width="88" src="https://img.webme.com/pic/b/baktube/bak112.gif" alt="BAKTUBE.TR.GG" /> </a><a id="Zirve100_ElementID" target="_blank" href="http://countimg.zirve100.com/LinkIn.aspx?s=240243&u=http%3A%2F%2Fwww.zirve100.com"><img height="30" border="0" width="90" alt="Tiklayin" src="http://cdnimage.zirve100.com/images/zirve100.com/Icon1.png" /></a><a target="_blank" href="http://hyperend.tr.gg?in=8"><img border="0" src="https://img.webme.com/pic/h/hyperend/topbanner.gif" alt="" /></a><img height="1" width="1" alt="" src="http://srv.sayyac.com/sa.gif?_salogin=bilgiliwebnet&_sav=4.2&_saje=1&_sace=true&_sacol=32&_sares=1024x768&_saref=http%3A//www.bedava-sitem.com/design.php&_saa_u=0&_say_u=0&_sam_u=0&_saw_u=0&_sad_u=0&_sawd_u=0&_sadh_u=0&_sanv=0&_sarnd=0.7022058060317808" /><a href="http://www.netzirve.com/"><img border="0" alt="Zirvedekilerin Rehberi" src="http://www.netzirve.com/netzirve.gif" /></a></div>
<!-- Zirve100 kodu baslangici -->
<script type="text/javascript" src="http://zirve100.com/CounterV4.js"></script>
<script type="text/javascript">Zirve100_Counter_Main(240243, 1);</script>
<!-- Zirve100 kodu sonu -->
<!-- Optional backlink start -->
<span style="font-size:11px; font-family:Arial;"><br /><a href="http://www.zirve100.com/"></a></span>
<!-- Optional backlink end -->
<!-- Optional backlink start --> <br />
</td>
</tr>
</tbody>
</table>
<br />
CSS Kodu
(Style tagleri olmadan yazınız): h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {padding: 0; margin:0 }
body {
margin-left: auto;
margin-right: auto;
background: url(http://hitskin.com/themes/14/25/93/i_background.png);
text-align: center;
}
#design {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#top{
margin-left: auto;
margin-right: auto;
background: url(http://i0908.hizliresim.com/2009/8/3/4462.jpg);
width: 900px;
height: 184px;
float: left;
}
.logo {
width:335px;
height:65px;
backround:url(Başlık Resmi Buaraya!!);
padding: 1px 0 0 5px;
float: left;
}
.reklam {
width:450px;
padding: 2px 0 0 50px;
float: left;
}
.ustmenu {
width:880px;
padding: 20px 0 0 20px;
float: left;
}
#icerik {
margin-left: auto;
margin-right: auto;
background: url(https://img.webme.com/pic/h/hyperend2/gri2.png);
float: left;
overflow:hidden ;
}
#icontent {
width: 895px;
padding: 0 0 0 5px;
overflow:hidden ;
float: left;
}
.sagmenu {
width: 200px;
padding:4px 0 0 15px;
float: left;
overflow: hidden;
text-align: justify;
}
.yazialani {
width: 660px;
padding: 0 0 0 5px;
float: left;
overflow: hidden;
}
#alts{
margin-left: auto;
margin-right: auto;
background: url(http://i0907.hizliresim.com/2009/7/26/5487.jpg);
width: 900px;
height: 130px;
float: left;
}
.copyright {
width: 450px;
padding:60px 0 0 450px;
float: left;
overflow: hidden;
text-align: justify;
}
.importante {
background: #fff6bf url(http://xyberneticos.com/demos/Mensajes_css/images/importante.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
color:#000000;
}
td,tr,p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-align: left;
}
<span style="font-size:10px; font-family:verdana">
</style><meta name="verify-v1" content="b5bhZ1612cgSWxB1MhzykpFqTh+DxrN++JtW35OG1+c=" />
<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } </style>
