Arkadaşlar buyrun: Mevlutweb.tr.gg/Pratik Tema (2)
Kodları mecburen düz vericem kod ekleme kutusunu bulamıyorum yok sanırım.
Önizleme: http://mevlutweb.tr.gg/Deneme-Sayfasi.htm
Tasarim Üstü:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#Logo {
height: 78px;
width: 345px;
margin-top: 1px;
margin-left: 20px;
}
#Ustreklam {
height: 60px;
width: 468px;
margin-top: 16px;
}
#ustmenuikon {
width: 16px;
height: 16px;
margin-bottom: 3px;
margin-left: 3px;
margin-right: 2px;
background-image: url(bank-plus-icon.png);
}
#ustmenu ul li a:hover {
font-size: 14px;
color: #666;
}
#kategoriikon {
height: 16px;
width: 16px;
margin-left: 4px;
margin-bottom: 2px;
background-image: url(bank-minus-icon-icon.png);
}
#kategoribaslik {
width: 200px;
height: 20px;
margin-bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 13px;
padding-top: 1px;
padding-left: 3px;
font-weight: bold;
text-decoration: none;
}
#yankategori {
width: 229px;
margin-left: 12px;
height: auto;
}
#yankategori ul {
margin: 0px;
list-style-type: square;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
}
#yankategori ul li a {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
text-decoration: none;
color: #333;
font-size: 11px;
margin-left: 1px;
}
#yankategori ul li a:hover {
font-size: 12px;
color: #000;
text-decoration: none;
}
#altsonkonular {
width: 275px;
margin-left: 20px;
height: 88px;
margin-bottom: 18px;
}
#altsonkonular ul li a:HOVER {
color: #000;
font-size: 12px;
}
#altsonkonular ul {
padding-left: 35px;
padding-top: 0px;
margin: 0px;
list-style-type: square;
padding-right: 0px;
padding-bottom: 15px;
}
#Altsonkonular2 {
height: 90px;
width: 275px;
margin-bottom: 22px;
margin-left: 35px;
margin-top: 5px;
}
#Altsonkonular2 ul {
margin: 0px;
padding: 0px;
list-style-type: square;
}
#Altsonkonular2 ul li a {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-decoration: none;
color: #333;
}
#altsonkonular ul li a {
font-family: Verdana, Geneva, sans-serif;
color: #333;
font-size: 11px;
text-decoration: none;
}
#Altsonkonular2 ul li a:hover {
font-size: 12px;
color: #000;
text-decoration: none;
}
#ustmenu {
width: 575px;
margin-left: 5px;
height: 25px;
margin-bottom: 3px;
}
#sosyalag {
margin-left: 25px;
margin-right: 5px;
margin-top: 5px;
height: auto;
}
#icerikduzen {
width: 599px;
height: auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #000;
text-decoration: none;
}
#copyright {
margin-right: 5px;
margin-left: 5px;
height: auto;
margin-top: 15px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000;
text-decoration: none;
}
#ustmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#ustmenu ul li {
float: left;
}
#ustmenu ul li a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
text-decoration: none;
display: block;
margin-top: 2px;
width: 77px;
height: 21px;
padding-left: 10px;
padding-top: 2px;
font-weight: bold;
}
</style>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="86" valign="top" background="http://e1203.hizliresim.com/v/z/3z0fq.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77" height="86"> </td>
<td width="391"><div id="Logo">Logo</div></td>
<td width="469"><div id="Ustreklam">Ustreklam</div></td>
<td width="87"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="38" valign="top" background="http://e1203.hizliresim.com/v/z/3z0g3.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75" height="37"> </td>
<td width="25"><div id="ustmenuikon"></div></td>
<td width="590"><div id="ustmenu">
<ul>
<li><a href="#URLUST">Anasayfa</a></li>
<li><a href="#URLUST">Hakkımızda</a></li>
<li></li>
</ul>
</div></td>
<td width="25"><div id="kategoriikon"></div></td>
<td width="225"><div id="kategoribaslik">Tum Konular</div></td>
<td width="84"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="251" valign="top" background="http://e1203.hizliresim.com/v/z/3z0gl.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="81" height="251"> </td>
<td width="599" valign="top"><div id="icerikduzen"><div id="yazbiseler"><div>
Tasarim Altı:
<div></div></td>
<td width="251" valign="top"><div id="yankategori">
<ul>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
</ul>
</div></td>
<td width="93"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="140" valign="top" background="http://e1203.hizliresim.com/v/z/3z0gx.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70" height="140"> </td>
<td width="305"><div id="altsonkonular">
<ul>
<li><a href="#SONKONU">son konular</a> </li>
<li><a href="#SONKONU">son konular</a></li>
<li><a href="#SONKONU">son konular</a></li>
<li><a href="#SONKONU">son konular</a></li>
</ul>
</div></td>
<td width="315"><div id="Altsonkonular2">
<ul>
<li><a href="#SONURLKONU">son konular</a></li>
<li><a href="#SONURLKONU">son konular</a></li>
<li><a href="#SONURLKONU">son konular</a></li>
<li><a href="#SONURLKONU">son konular</a></li>
</ul>
</div></td>
<td width="251" valign="top"></div>
<div id="copyright">Merhaba arkadaşlar adım ''Mevlüt'' sitemizde her konu ile ilgili paylaşım yapılmaktadır,tasarım bana aittir,sorusu olanlar alttaki bağlantılardan beni bulabilirsiniz,iyi günler </div>
<div id="sosyalag"><a href="#url"><img src="http://icons.iconarchive.com/icons/spaksu/google-plus/24/Google-Plus-1-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-facebook-box-blue-icon.png" width="26" height="24"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-twitter-box-blue-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-flickr-box-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-rss-box-orange-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-digg-box-blue-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-delicious-box-icon.png"></a></div>
</div></div></td>
<td width="83"> </td>
</tr>
</table></td>
</tr>
</table>
CSS Kodu:
/*Menuleri gizle*/
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;}
table {margin-left: auto;margin-right: auto}
/*okunan konu*/
.okunan_konu{height:auto}
#okunan_konu{padding:5px;height:auto}
/*yorum oku*/
#yorum{margin:5px}
.yorum_resim{width:48px;height:48px;border-radius:7px;float:left}
.yorum_baslik{padding:3px;border-bottomolid 1px #ddd;float:right;width:644px;color:#555;font-size:12px}
.yorum_icerik{margin:5px;float:left;width:620px;height:auto;padding:5px 5px 5px 1em;background:#f5f5f5;borderolid 1px #eee}
.yorum_tarih{color:#bbb;font-size:10px;float:right;margin-right:5px}
/*yorum yaz*/
#yorum_yaz{padding:7px;}
.yorum_text, #content textarea{width:550px;height:110px;padding:8px;background:#eee;borderolid 1px #ddd;border-radius:3px;font:12px/14px siteFont,Tahoma,Arial;}
.yorum_text:focus{background:#ddd;border-color:#ccc}
.yorum_submit, #content input{background:#fff;borderolid 1px #ccc;padding:5px;font:12px/13px siteFont,Tahoma;cursor:pointer;border-radius:5px;float:right;margin:3px 5px 0 0}
.yorum_submit:hover, #content input:hover{background:#eee;border-color:#bbb}
#below_content{margin-bottom:-950px;}
font[color="green"]{
background-color:#ADFF2F;
border:1px solid #00B233;
color:#000000;
-moz-border-radius:6px;
-khtml-border-radius:6px;}
A{ text-decoration : none; }
font[color="red"]{
background-color:#FF9999;
border:1px solid #CC0033;
color:#000000;
-moz-border-radius:6px;
-khtml-border-radius:6px;}
A{ text-decoration : none; }
İçerik bölümünün altındaki bilgi (mesela Copyright):
<body background="http://i32.photobucket.com/albums/d19/xdomains/gfxback/4.gif"><a href=""></a>
Mevlutweb.tr.gg --- 2012---
Kodları mecburen düz vericem kod ekleme kutusunu bulamıyorum yok sanırım.
Önizleme: http://mevlutweb.tr.gg/Deneme-Sayfasi.htm
Tasarim Üstü:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#Logo {
height: 78px;
width: 345px;
margin-top: 1px;
margin-left: 20px;
}
#Ustreklam {
height: 60px;
width: 468px;
margin-top: 16px;
}
#ustmenuikon {
width: 16px;
height: 16px;
margin-bottom: 3px;
margin-left: 3px;
margin-right: 2px;
background-image: url(bank-plus-icon.png);
}
#ustmenu ul li a:hover {
font-size: 14px;
color: #666;
}
#kategoriikon {
height: 16px;
width: 16px;
margin-left: 4px;
margin-bottom: 2px;
background-image: url(bank-minus-icon-icon.png);
}
#kategoribaslik {
width: 200px;
height: 20px;
margin-bottom: 2px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 13px;
padding-top: 1px;
padding-left: 3px;
font-weight: bold;
text-decoration: none;
}
#yankategori {
width: 229px;
margin-left: 12px;
height: auto;
}
#yankategori ul {
margin: 0px;
list-style-type: square;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
}
#yankategori ul li a {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
text-decoration: none;
color: #333;
font-size: 11px;
margin-left: 1px;
}
#yankategori ul li a:hover {
font-size: 12px;
color: #000;
text-decoration: none;
}
#altsonkonular {
width: 275px;
margin-left: 20px;
height: 88px;
margin-bottom: 18px;
}
#altsonkonular ul li a:HOVER {
color: #000;
font-size: 12px;
}
#altsonkonular ul {
padding-left: 35px;
padding-top: 0px;
margin: 0px;
list-style-type: square;
padding-right: 0px;
padding-bottom: 15px;
}
#Altsonkonular2 {
height: 90px;
width: 275px;
margin-bottom: 22px;
margin-left: 35px;
margin-top: 5px;
}
#Altsonkonular2 ul {
margin: 0px;
padding: 0px;
list-style-type: square;
}
#Altsonkonular2 ul li a {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-decoration: none;
color: #333;
}
#altsonkonular ul li a {
font-family: Verdana, Geneva, sans-serif;
color: #333;
font-size: 11px;
text-decoration: none;
}
#Altsonkonular2 ul li a:hover {
font-size: 12px;
color: #000;
text-decoration: none;
}
#ustmenu {
width: 575px;
margin-left: 5px;
height: 25px;
margin-bottom: 3px;
}
#sosyalag {
margin-left: 25px;
margin-right: 5px;
margin-top: 5px;
height: auto;
}
#icerikduzen {
width: 599px;
height: auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #000;
text-decoration: none;
}
#copyright {
margin-right: 5px;
margin-left: 5px;
height: auto;
margin-top: 15px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #000;
text-decoration: none;
}
#ustmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#ustmenu ul li {
float: left;
}
#ustmenu ul li a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
text-decoration: none;
display: block;
margin-top: 2px;
width: 77px;
height: 21px;
padding-left: 10px;
padding-top: 2px;
font-weight: bold;
}
</style>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="86" valign="top" background="http://e1203.hizliresim.com/v/z/3z0fq.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="77" height="86"> </td>
<td width="391"><div id="Logo">Logo</div></td>
<td width="469"><div id="Ustreklam">Ustreklam</div></td>
<td width="87"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="38" valign="top" background="http://e1203.hizliresim.com/v/z/3z0g3.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75" height="37"> </td>
<td width="25"><div id="ustmenuikon"></div></td>
<td width="590"><div id="ustmenu">
<ul>
<li><a href="#URLUST">Anasayfa</a></li>
<li><a href="#URLUST">Hakkımızda</a></li>
<li></li>
</ul>
</div></td>
<td width="25"><div id="kategoriikon"></div></td>
<td width="225"><div id="kategoribaslik">Tum Konular</div></td>
<td width="84"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="251" valign="top" background="http://e1203.hizliresim.com/v/z/3z0gl.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="81" height="251"> </td>
<td width="599" valign="top"><div id="icerikduzen"><div id="yazbiseler"><div>
Tasarim Altı:
<div></div></td>
<td width="251" valign="top"><div id="yankategori">
<ul>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
<li><a href="#YANURL">eklenecek <k>(1)</k></a></li>
</ul>
</div></td>
<td width="93"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="140" valign="top" background="http://e1203.hizliresim.com/v/z/3z0gx.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70" height="140"> </td>
<td width="305"><div id="altsonkonular">
<ul>
<li><a href="#SONKONU">son konular</a> </li>
<li><a href="#SONKONU">son konular</a></li>
<li><a href="#SONKONU">son konular</a></li>
<li><a href="#SONKONU">son konular</a></li>
</ul>
</div></td>
<td width="315"><div id="Altsonkonular2">
<ul>
<li><a href="#SONURLKONU">son konular</a></li>
<li><a href="#SONURLKONU">son konular</a></li>
<li><a href="#SONURLKONU">son konular</a></li>
<li><a href="#SONURLKONU">son konular</a></li>
</ul>
</div></td>
<td width="251" valign="top"></div>
<div id="copyright">Merhaba arkadaşlar adım ''Mevlüt'' sitemizde her konu ile ilgili paylaşım yapılmaktadır,tasarım bana aittir,sorusu olanlar alttaki bağlantılardan beni bulabilirsiniz,iyi günler </div>
<div id="sosyalag"><a href="#url"><img src="http://icons.iconarchive.com/icons/spaksu/google-plus/24/Google-Plus-1-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-facebook-box-blue-icon.png" width="26" height="24"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-twitter-box-blue-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-flickr-box-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-rss-box-orange-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-digg-box-blue-icon.png"></a><a href="#url"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/24/social-delicious-box-icon.png"></a></div>
</div></div></td>
<td width="83"> </td>
</tr>
</table></td>
</tr>
</table>
CSS Kodu:
/*Menuleri gizle*/
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;}
table {margin-left: auto;margin-right: auto}
/*okunan konu*/
.okunan_konu{height:auto}
#okunan_konu{padding:5px;height:auto}
/*yorum oku*/
#yorum{margin:5px}
.yorum_resim{width:48px;height:48px;border-radius:7px;float:left}
.yorum_baslik{padding:3px;border-bottomolid 1px #ddd;float:right;width:644px;color:#555;font-size:12px}
.yorum_icerik{margin:5px;float:left;width:620px;height:auto;padding:5px 5px 5px 1em;background:#f5f5f5;borderolid 1px #eee}
.yorum_tarih{color:#bbb;font-size:10px;float:right;margin-right:5px}
/*yorum yaz*/
#yorum_yaz{padding:7px;}
.yorum_text, #content textarea{width:550px;height:110px;padding:8px;background:#eee;borderolid 1px #ddd;border-radius:3px;font:12px/14px siteFont,Tahoma,Arial;}
.yorum_text:focus{background:#ddd;border-color:#ccc}
.yorum_submit, #content input{background:#fff;borderolid 1px #ccc;padding:5px;font:12px/13px siteFont,Tahoma;cursor:pointer;border-radius:5px;float:right;margin:3px 5px 0 0}
.yorum_submit:hover, #content input:hover{background:#eee;border-color:#bbb}
#below_content{margin-bottom:-950px;}
font[color="green"]{
background-color:#ADFF2F;
border:1px solid #00B233;
color:#000000;
-moz-border-radius:6px;
-khtml-border-radius:6px;}
A{ text-decoration : none; }
font[color="red"]{
background-color:#FF9999;
border:1px solid #CC0033;
color:#000000;
-moz-border-radius:6px;
-khtml-border-radius:6px;}
A{ text-decoration : none; }
İçerik bölümünün altındaki bilgi (mesela Copyright):
<body background="http://i32.photobucket.com/albums/d19/xdomains/gfxback/4.gif"><a href=""></a>
Mevlutweb.tr.gg --- 2012---