Tasarımlar
TASARIM ÜSTÜ
<table width="81" height="136" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="100" align="left" valign="top" background="https://img.webme.com/pic/c/comagmt2/xcszdt4d.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="33"> </td> </tr> <tr> <td width="21" height="19"> </td> </tr> </table></td> </tr> </table> <table width="879" height="148" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="879" align="left" valign="top" background="http://s1.directupload.net/images/100801/ylzvgtzk.png"><table width="880" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="28" height="148"> </td> <td width="201" align="left" valign="top"> <div class="arrowlistmenu"> <h3 class="headerbar">Baslik 1</h3> <ul> <li><a href="link url" _fcksavedurl="link url">link baslik 1</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 2</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 3</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 4</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 5</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 6</a></li> </ul> <h3 class="headerbar">Baslik 2</h3> <ul> <li><a href="link url" _fcksavedurl="link url">link baslik 7</a></li> <li><a href="link url" _fcksavedurl="link url">asilzade</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 9</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 10</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 11</a></li> <li><a href="link url" _fcksavedurl="link url">link baslik 12</a></li> </ul></td> <td width="19"> </td> <td width="609" align="left" valign="top"><div id="content">
TASARIM ALTI
</div> </td> <td width="23"> </td> </tr> </table></td> </tr> </table> <table width="81" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="881" height="95" align="left" valign="top" background="http://s10.directupload.net/images/100801/yic286jn.png"><table width="880" height="68" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="23" height="68"> <p> </p></td> </tr> </table></td> </tr> </table> <p> </p>
CSS
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} body,td,th { font-family: tahoma; font-size: 14px; color: #000000; font-weight: normal; } body { background-image: url(http://www.backgroundlabs.com/backgrounds/70.gif); } a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333399; font-weight: normal; } <style type="text/css"> .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 13px Arial; color: white; background: black url(https://img.webme.com/pic/l/lifelist/kirmizi-menubar.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: #666666; background: url(https://img.webme.com/pic/l/lifelist/arrow_menu.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: normal; border-bottom: 1px solid #dadada; font-size: 85%; } .arrowlistmenu ul li a:visited{ color: #666666; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #8F8F8F; background-color: #F3F3F3; }
