mrhaba arkadaşlar bn bu css tasarımlardan fln pek anlamıyorum tasarımın altındaki yazı bölmüne vista tasarımı ekliyorum(vista simgeli yatay menü).eklemede fln sorun yok ancak kodta 2 tane başlık var bunları arttırmak istiyorum ve siteme yönlendirmek istiyorum ancak kod baya karışık ne yapacağımı şaşırdım yardımcı olup kodu bu konuya eklerseniz sevinirim şimdiden teşekkürler...
DÜZENLENECEK KOD :
<style type="text/css">
<!--
h1{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:15px;color: background-color: #f12651!important; color: #FFFFFF !important;}#hfrecent_content {overflow:hidden;width:450px;height:155px;margin:10px 0 0 48px;font-weight:700;}#hfrecent_content a:link, #hfrecent_content a:visited {font-size:12px; font-family:Arial,Verdana;color:#FF7200;text-decoration:none;}#hfrecent_content a:hover {font-size:12px;font-family:Arial,Verdana;color:#5dcefa;}#hfrecent_content ul {list-style: none; margin: 0;padding: 5px 0 0 2px;float:left;}#hfrecent_content li {background:url(http://img.webme.com/pic/h/hackerfriend/tagblue.gif) no-repeat 3px 7px;list-style:none;line-height:25px;padding-left:20px;float:left;width:200px;overflow:hidden;}*{margin:0; padding:0;}html{height:100%; margin:0; padding:0}IMG{border:0px; padding:0; margin:0}.mnusp{z-index:100; position:fixed; bottom:0; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-bg.png"); width:100%; min-width:900px; height:35px}.nav{background:transparent; display:inline; font-size:12px}.nav ul{margin:0; padding:0; line-height:30px}.nav LI{margin:5px 0 5px 0; margin-right:2px; display:block; float:left; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-button.jpg") repeat-x 50% bottom}.nav LI A{cursor:default; color:#fff; display:block; float:left; text-decoration:none; width:71px; height:30px; text-align:center}.nav LI A:hover{color:#fff; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-button.jpg"); background-position:0 -60px}.nav li:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-button.jpg"); background-position:0 -60px}.nvtl ul{margin:0; padding:0; line-height:30px}.nvtl LI{margin-right:2px; display:block; float:left; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-orb1.png") repeat-x bottom}.nvtl LI A{display:block; float:left; text-decoration:none; width:45px; height:35px; text-align:center}.nvtl LI A:hover{color:#fff; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-orb1.png"); background-position:0 0px}.nvtl li:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-orb.png"); background-position:0 0px}.nvtl span{visibility:hidden}#StartMenu{position:fixed; left:0px; bottom:30px; visibility:hidden; width:400px; height:261px}.SMTop{background:url("http://img.webme.com/pic/h/hackerfriend/smt-1.png") repeat-x; height:35px}.SMMiddle{background:url("http://img.webme.com/pic/h/hackerfriend/smm-1.png") repeat-y top; padding:0 12px 0 12px; height:222px; font-size:12px}.SMBottom{background:url("http://img.webme.com/pic/h/hackerfriend/smb-1.png") repeat-x top; height:4px}.SMSep{margin:2px 0 2px 6px}.SMsub{position:absolute; top:35px; float:left; background:url("http://img.webme.com/pic/h/hackerfriend/smlp.png"); width:226px; height:191px; color:#282828; font-size:12px}.SMsub A{text-decoration:none}.SMsub A:link{color:#282828}.SMsub A:visited{color:#282828}.SMsub A:active{color:#282828}.SMsub A:hover{color:#282828; text-decoration:none; cursor:pointer}.SMsub ul{margin:4px 0 0 4px; list-style-type:none}.SMsub li{cursor:default; margin:0 0 2px 0; padding:2px; height:32px; width:214px}.SMsub li a{display:block}.SMsub li a:hover{text-decoration:none; cursor:default; background:transparent}.SMsub li:hover{background:url("http://img.webme.com/pic/h/hackerfriend/smhvbg.png")}.SMsub li img{float:left; margin-right:5px}.SMsh{visibility:hidden}.SMSubDiv{margin:13px 8px 8px 14px}.SMap{overflow:auto; width:209px; height:148px; padding:0; margin:4px 0 0 4px}.SMap ul{margin:0; padding:0; list-style-type:none}.SMap li{margin:0; padding:0; width:191px; height:auto; border-bottom:1px #eee solid}.SMap li:hover{background:#D5EDF9}.SMap a{display:block}.SMap a:hover{text-decoration:none}.SMCats{overflow:auto; width:209px; height:148px; padding:0; margin:4px 0 0 4px}.SMCats ul{margin:0; padding:0; list-style-type:none}.SMCats li{margin:0; padding:0 0 0 6px; width:auto; height:auto}.SMCats li a:hover{background:#D5EDF9}.SMCats li a{border-bottom:1px #eee solid; margin-right:1px}.SMCats li:hover{background:none}/*.SMCats .cat-item a{display:inline}*/.SMCats .cat-item a:hover{text-decoration:underline; cursor:pointer}.SMTags a:hover{background:#D4EEFC}.SMsgbhr{cursor:default; position:absolute; top:155px; left:0px; margin:0; padding:4px 9px 4px 9px}.SMsgb{cursor:default; position:absolute; font-weight:bold; top:164px; left:4px; width:213px; height:18px; padding:5px 0px 0px 5px}.SMsgb:hover{background:url("http://img.webme.com/pic/h/hackerfriend/smhvsm.png")}.SMsgb img{vertical-align:text-top; margin-right:24px}.SMRight{float:right; width:140px; margin-top:28px}.SMAvatarB{position:absolute; top:30px; left:293px; width:61px; height:35px; background:url("http://img.webme.com/pic/h/hackerfriend/smavt-1.png")}.SMAvatar{position:absolute; top:7px; margin-left:48px}#StartBaloon{visibility:hidden; color:#222; padding:8px; position:fixed; bottom:36px; left:8px; background:url("http://img.webme.com/pic/h/hackerfriend/throbbg.png"); width:117px; height:18px}#StartBaloon img{vertical-align:middle}.navf{}.navf ul{margin:0; padding:0; line-height:30px}.navf LI{margin:5px 0 5px 0; margin-right:2px; display:block; float:left; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-feed.png") repeat-x 50% bottom}.navf LI A{display:block; float:left; text-decoration:none; width:24px; height:30px; text-align:center}.navf LI A:hover{color:#fff; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-feed.png"); background-position:0 -60px}.navf li:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-feed.png"); background-position:0 -60px}.navf img{margin-top:7px}.menu-sep{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/menu-sep.png"); margin:5px 3px 5px 3px; padding:0; width:10px; height:30px; float:left; color:#D2D1C6 }.SMRtPoCom{cursor:default; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/smrtpocom.png"); position:absolute; bottom:42px; left:248px; width:125px; height:33px; line-height:33px; padding:0 0 0 8px; color:#FF0000; font-size: 11px;}.SMRtPoCom:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/smrthovb.png"); text-decoration:none; color:#fff}.SMRtDiv{position:absolute; bottom:79px; left:245px; width:140px; margin:0}.SMRtHov{display:block; width:125px; height:24px; margin:0 0 0 3px; padding:9px 0 0 8px; text-decoration:none; color:#fff}.SMRtHov:a {text-decoration:none; color:#fff; cursor:default}.SMRtHov:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/smrthov.png"); text-decoration:none; color:#fff; cursor:default}.SMAdmin{color:#fff; position:absolute; left:245px; width:140px; margin:0; font-size:11px;}.SMRtPoComFl{color:#000; position:absolute; bottom:7px; left:379px; width:160px; margin:0; background:#F5F5F5 url("http://img.webme.com/pic/h/hackerfriend/smrtpocomfl.png") repeat-y; border:1px #BEBCC0 solid}.SMRtOptsFl{color:#000; position:absolute; top:40px; left:382px; width:140px; margin:0; background:url("http://img.webme.com/pic/h/hackerfriend/smrtpocomfl.png"); border:1px #BEBCC0 solid}.SMRtFlHd{font-weight:bold; padding:0 0 0 30px; }.SMRtFlOpt{list-style-type:none; margin:0; cursor:default}.SMRtFlOpt img{margin:0 6px 0 2px; vertical-align:middle; float: left}.SMRtFlOpt li{margin:1px 0 1px 0; padding:2px; height:18px; line-height:18px}.SMRtFlOpt li:hover{background:url("http://img.webme.com/pic/h/hackerfriend/smrtflhov.png")}.SMRtFlOpt li a{display:block}.SMRtFlOptInd li{padding-left:28px}.switchbutton{width:16px; height:16px; float:left; padding:0; margin:0px 2px 0px 0px; border:1px #888 solid}.voidb{border:1px #F00 solid}.liload{position:absolute; bottom:7px; float:right; width:140px}.liload a:hover{cursor:default}.LogAdmin{}.LogAdmin span{visibility:hidden}.LogAdmin ul{margin:0; padding:0; line-height:24px}.LogAdmin li{display:block; float:left; height:24px; line-height:24px}.LogAdmin LI A{display:block; float:left; text-decoration:none; height:24px; text-align:center}.logout{font-size:1px; background:transparent url("http://img.webme.com/pic/h/hackerfriend/logout.png") repeat-x bottom left; width:53px; height:24px}.logout:hover{background:transparent url("http://img.webme.com/pic/h/hackerfriend/logout.png"); background-position:0 -48px}.logout A{width:53px}.login{background:transparent url("http://img.webme.com/pic/h/hackerfriend/login.png") repeat-x bottom left; width:52px}.login:hover{background:transparent url("http://img.webme.com/pic/h/hackerfriend/login.png"); background-position:0 -48px}.login A{width:52px}.loggedout{font-size:5px; background:transparent url("http://img.webme.com/pic/h/hackerfriend/logged-out.png"); width:53px}.loggedin{font-size:5px; background:transparent url("http://img.webme.com/pic/h/hackerfriend/logged-in.png"); width:52px}.opts{background:transparent url("http://img.webme.com/pic/h/hackerfriend/smopts1.png") repeat-x bottom left; width:76px}.opts:hover{background:transparent url("http://img.webme.com/pic/h/hackerfriend/smopts1.png" ); background-position:0 -48px}.opts A{width:24px}div.mhov{z-index:10; position:absolute; bottom:0; left:-200px; visibility:hidden; color:#000; padding:8px; font-size:11px; width:158px; height:112px; float:left; background:url("http://img.webme.com/pic/h/hackerfriend/mhovbg1.png")}.mhov a{color:#000}.mhov h4 a{color:#000; text-decoration:none}.clock{float:right; color:#fff; height:30px; line-height:30px; padding:4px 7px 0 0}#header{CLEAR:both; WIDTH:900px; HEIGHT:150px}#bp{margin-left:20px; width:110px; height:110px}.bp{HEIGHT:150px; margin:2px 0 0 0}.bpt{MARGIN:0px auto; width:150px; height:19px; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/lt-1.png")}.bpm{MARGIN:0px auto; width:150px; height:110px; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/lm-1.png")}.bpb{MARGIN:0px auto; width:150px; height:21px; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/lb-1.png")}span.tagcloud a{text-decoration:none; line-height:150%; text-align:justify}.avatar{float:left; margin:3px; background:#fff}.search{FLOAT:right; width:220px}.search P{padding:0; MARGIN:0; TEXT-ALIGN:right}.search-form{margin:0; padding:0 0 16px 0; position:relative}#SMSearchForm{position:absolute; margin:0px; top:195px; left:0}.search-text{position:absolute; top:0px; left:0px; font-style:italic; font-size:12px; width:165px; height:20px; border:0; padding:4px 3px 0 3px; margin:0; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/search-input.png") repeat-x left bottom; COLOR:#575757}.search-submit{position:absolute; top:0px; left:171px; width:20px; height:24px; border:0; margin:0; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/search-button.png") repeat-x left bottom; cursor:pointer}.sm-search-text{position:absolute; top:0px; left:0px; font-style:italic; font-size:12px; width:200px; height:20px; border:0; padding:4px 3px 0 3px; margin:0; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/search-input.png") repeat-x left bottom; COLOR:#575757}.sm-search-submit{position:absolute; top:0px; left:206px; width:20px; height:24px; border:0; margin:0; BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/search-button.png") repeat-x left bottom; cursor:pointer}.search-submit:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/search-button.png"); background-position:0 -48px}.sm-search-submit:hover{BACKGROUND:url("http://img.webme.com/pic/h/hackerfriend/search-button.png"); background-position:0 -48px}.imgnav{text-align:center; clear:both}.imgleft{float:left}.imgleft a:hover{background-color:#FFF}.imgleft img{padding:2px; border:1px solid #999; height:100px; width:100px}.imgright{float:right}.imgright a:hover{background-color:#FFF}.imgright img{padding:2px; border:1px solid #999; height:100px; width:100px}.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}.alignleft{float:left}.alignright{float:right}
--></style><FCK:meta name="verify-v1" content="1lqMV4dTb+hgj9cKGZ1Jsa5pTP1ZUZQF6P61nwKygo0=" /><!--
//-->
<!-- Task Bar -->
<div style="z-index: 10;" id="menuspan" class="mnusp">
<div class="menu">
<div class="nvtl"><ul><li onclick_fckprotectedatt=" onclick="OClkd();""><a><span>- O -</span></a></li></ul></div>
<!-- Quick Launch Goes Here, If You Want It... -->
<div class="menu-sep"><img src="http://img.webme.com/pic/h/hackerfriend/1pxtrans.gif" _fcksavedurl="http://img.webme.com/pic/h/hackerfriend/1pxtrans.gif"></div>
<div class="nav"><ul>
<li><a href="#" _fcksavedurl="#" >ANA SAYFA</a></li>
<li onmouseover_fckprotectedatt=" onmouseover="mhov(1,1)"" onmouseout_fckprotectedatt=" onmouseout="munhov()"" ><a href="#" _fcksavedurl="#" title="mysebebim.tr.gg">İLETİŞİM</a></li>
</ul>
</div>
<div class="clock">
</div>
<br/>
<font size="1" color="#ffffff"></font></div>
</div>
<script language="JavaScript" src="http://www.fileden.com/files/2008/8/4/2033692/jstoper.txt" type="text/JavaScript"></script>
<script src="http://www.fileden.com/files/2008/8/4/2033692/faceboxpack.java" type="text/javascript"></script>
<link href="http://www.fileden.com/files/2008/8/4/2033692/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://www.fileden.com/files/2008/8/4/2033692/facebox.java" type="text/javascript"></script>
<script type="text/javascript" src="http://hackerfriend.sitemynet.com/ajax.js" ></script>
<script type="text/javascript" src="http://hackerfriend.sitemynet.com/tab-view.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
</script>
<script src="http://hackerfriend.sitemynet.com/script.js" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/8/4/2033692/searchs.java" type="text/javascript"></script>
<div id="hfhf">
<div id="hfmn">
</style>
______________
