ANA MENU |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
YENİ TAKIM TASARIMLARI!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
bjk tasarımı:
önizlemesi
t.üstü |
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
-->
</style></head>
<body>
<table width="1000" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="348" align="center" valign="top" background="https://img.webme.com/pic/d/dibatasarim/bjk_01.gif"><table width="1000" height="193" cellpadding="1">
<tr>
<td width="60"> </td>
<td width="360" align="center" valign="middle">sondakika</td>
<td width="136"> </td>
<td width="384">uyeler</td>
<td width="36"> </td>
</tr>
</table>
<table width="958" cellpadding="1">
<tr>
<td width="950" height="66" align="left" valign="middle"><div id="nav_container">
<ul class="solidblockmenu">
<br>
<br>
<li><a href="http://www.dibatasarim.tr.gg/ana-sayfa.htm">link1</a></li>
<li><a href="http://www.dibatasarim.tr.gg/ana-sayfa.htm" class="current">link2</a></li>
<li><a href="http://www.dibatasarim.tr.gg/ana-sayfa.htm">link3</a></li>
<li><a href="http://www.dibatasarim.tr.gg/ana-sayfa.htm">link4</a></li>
<li><a href="http://www.dibatasarim.tr.gg/ana-sayfa.htm">link5</a></li>
<li><a href="http://www.dibatasarim.tr.gg/ana-sayfa.htm">link6</a></li>
</ul>
<br style="clear: left" />
</div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="35" align="center" valign="top" background="https://img.webme.com/pic/d/dibatasarim/bjk_02.gif"><table width="1000" cellpadding="0" cellspacing="0">
<tr>
<td width="225" height="32" align="left" valign="top"><div id="nav_container">
<div class="sidebar">
<h3 class="headerbar">Genel Menü</h3>
<ul>
<li class="cat-item cat-item-3"><a href="URL ADRES" title="SAYFA ADI ">SAYFA ADI</a>
</li>
<li class="cat-item cat-item-5"><a href="URL ADRES" title="SAYFA ADI">SAYFA ADI</a>
</li>
<li class="cat-item cat-item-4"><a href="URL ADRES" title="SAYFA ADI">SAYFA ADI</a>
</li>
<li class="cat-item cat-item-6"><a href="URL ADRES" title="SAYFA ADI">SAYFA ADI</a>
</li>
<li class="cat-item cat-item-6"><a href="URL ADRES " title="SAYFA ADI"> SAYFA ADI</a>
</li>
<li class="cat-item cat-item-6"><a href="URL ADRES" title="SAYFA ADI">SAYFA ADI</a>
</li>
<li class="cat-item cat-item-6"><a href="URL ADRES " title="SAYFA ADI">SAYFA ADI</a>
</li>
</ul>
</div></td>
<td width="13"> </td>
<td width="756" align="center" valign="top"><div id="content">
|
css kodu |
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;}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}
/* Sidebar - Titles */
.sidebar h3 {
padding-left: 22px;
font: bold 10px/34px Verdana, Verdana;
text-transform: lowercase;
color: #ffffff;
height: 40x;
width: 170px;
background: url(https://img.webme.com/pic/d/dibatasarim/sidebar.png) no-repeat;
}
|
FB TASARIMI:
<center><style type="text/css"><br /><br /><!-- table.edit_main_table{width: 100% !important;} td.edit_main_tr{width: 100% !important;} table.edit_second_table{width: 100% !important;} td.edit_header_full{width: 100% !important; background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100% !important;} table.edit_third_table{width: 100% !important;} td.edit_navi_headbg{width: 15% !important;} table.edit_rechts_tabelle{width: 100% !important;} td.edit_rechts_bottom{width: 15% !important;} td.edit_rechts_cbg{width:100%;} --><br /><br /></style><br /><br /><style type="text/css"> <!-- td.nav_heading{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.nav{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.nav:hover{background-image: none;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image:url(URL);} td.edit_content_top{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.edit_content{background-image: none;background-color: #6F5F5F ;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.edit_content_bottom{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.edit_content_bottom2{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;}td.shouty{background-image: none;} body{background-image:url(https://img.webme.com/pic/h/html-qodlari/fb8.jpg); background-attachment: fixed;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rechts_bottom{background-image: url(URL);} td.edit_rb_footer{background-image: none;} td.sidebar_heading{background-image:url(https://img.webme.com/pic/n/nazimcax/bt9modu_2.gif);filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.shouty{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.shouty2{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.shouty3{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.shouty4{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} td.shouty5{background-image: none;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;} --></style><br /><br /><style type="text/css"><br /><br /><!-- td.edit_header_full{background-image: none; --><br /><br /></style> <style type="text/css"><br /><br /><!-- td.nav{background-image:url(https://img.webme.com/pic/h/html-qodlari/fenerba.jpg);} --><br /><br /></style><br /><br />
GS TASARIMI:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
#Header_oben {
height: 200px;
width: 915px;
background: ;
background-image:url(https://img.webme.com/pic/c/css-template/gsheader.gif);
color: #FFFFFF;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}
body {font-size 8px; font-family: Arial;
margin-left: auto;
margin-right: auto;
background-image: none;
background-color: #EDFFC9;
}
a{color:#ffffff; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: none;}
a:link {color: #ffffff; text-decoration: none;}
a:active {color: #ffffff; text-decoration: none;}
a:visited {color: #ffffff; text-decoration: none;}
ul#nav {
margin: 0;
border: 0 none;
padding: 0;
width: 890px; /*For KHTML*/
list-style: none;
}
ul#nav li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
}
li.nav_element a{
text-align: center;
color:#FFff00;
display: block;
margin: 2px 2px 2px 2px;
padding-left: 10px
text-decoration: none;
border: 2px solid #6E6E6E;
width: 140px;
height: 25px;
background-image: none;
background-color: #FF0000;}
li.nav_element a:hover{
text-align: center;
color:#FF0000;
display: block;
margin: 2px 2px 2px 2px;
padding-left: 10px
text-decoration: none;
border: 2px solid #6E6E6E;
width: 140px;
height: 25px;
background-image: none;
background-color: #FFff00;}
* { padding: 0; margin: 0; }
#Design {
margin: 0 auto;
width: 900px;}
#nav_container {
width: 900px;
background: ;
background-image: none;
background-color: #EDFFC9;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
float: left;overflow:auto;}
#content {
width: 880px;
background:;
background-image:url(https://img.webme.com/pic/c/css-template/gsconback.jpg);
color: #000000;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
display: inline;
float: left;
overflow:auto;}
#Feld_unten {
width: 890px;
background: ;
color: #000000;
clear: both;
border: 0px solid #6E6E6E;
margin: 0px 0px 10px 0px;
padding: 10px;}
#counter{display: none;}
|
|
|
|
|
|
|
|
|
|
|
|