BS Yardım Merkezi V1
Tasarımın Üstündeki Yazı:<table border="3" width="980" height="819" cellpadding="0" cellspacing="0" align="CENTER">
<tr>
<td height="142" width="970" colspan="3">
<p align="center"><font size="7" face="Yelly">
<a href="" style="text-decoration: none=">
<font color="#ffff00"><img border="0" src="http://img101.imageshack.us/img101/7109/99627160.png" alt="" /><br /></font></a></font></td>
</tr>
<tr>
<td height="500" width="168" valign="top">
<div class="arrowlistmenu">
<h3 class="headerbar">MENÜ 1</h3>
<ul>
<li><a href="link url">menü adı </a></li>
<li><a href="link url">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url">menü adı</a></li>
</ul>
<h3 class="headerbar">MENÜ 2</h3>
<ul>
<li><a href="link url">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url">menü adı</a></li>
<li><a href="link url">menü adı</a></li>
</ul>
<h3 class="headerbar">MENÜ 2</h3>
<ul>
<li><a href="link url">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<h3 class="headerbar">MENÜ 2</h3>
<ul>
<li><a href="link url">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url">menü adı</a></li>
<h3 class="headerbar">MENÜ 2</h3>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url ">menü adı</a></li>
<li><a href="link url ">Link
</div>
</td>
<td height="" width="" valign="middle">
Tasarımın Altındaki Yazı:
</td>
</tr>
<tr>
<br />
</font></a></td>
</tr>
</table>
İçerik bölümünün altındaki bilgi
<style type="text/css"> table {margin-left: auto;margin-right: auto} </style>
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;}
table {margin-left: auto;margin-right: auto}
/* TEMA EDIT : DENALD */
/*Düzenleme:DENALD */
/*URL: http:///baku10.net */
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 12px yelly;
color: white;
background: black url(http://i.imgur.com/OQJIT.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #000000;
background: url(http://i.imgur.com/TrsrP.png) no-repeat center left; /**/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: ;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: ;
background-color: ;
}
/* TEMA BS V1*/