Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj07.09.2011, 13:21 (UTC)    
Mesaj konusu: 2 tane menüyle başım dertte. Yardımcı olun lütfen...

Merhaba arkadaşlar, dostlar...

2 tane menüyle başım dertte. Bir türlü beceremedim yav. Kafayı yemek üzereyim arkadaşlar, lütfen yardımcı olun. Siteme göre ayarlayamadım menüleri bi' türlü. Eğer başlığı yanlış yere açtıysam özür dilerim şimdiden.


Yan menü:



Elimde sadece bu menünün kodları yok. Limitsiz paylaşımın paylaştığı tasarım da gördüm ve çok beğendim. Hatta sırf o menü için tasaırm çizdim o menünün boyutlarında. Ama siteme uyduramadım bi' türlü.

Verdiğim tasarım kodlarında menünün kodları da var. Ben ayıramadım tasarımın içinden o yüzden bütün kodları verdim.

Tasarım Üstü:


Kod:
<script src="http://marine.dezinerfolio.com/wp-content/themes/df_marine/accordian.js" type="text/javascript" language="javascript"></script>

<body>


<div id="header">
   <div class="head_left"></div>
    <div class="head_mid">
       <h1><a class="mainlogo" href="http://limitsiz-paylasim.tr.gg/">L-P</a></h1>
       
      <ul class="navi">
        <li class="current_page_item"><a href="http://limitsiz-paylasim.tr.gg/">

          Anasayfa          </a></li>
        <li class="page_item page-item-2"><a href="http://limitsiz-paylasim.tr.gg/?page_id=2" title="Sayfa hakkında">Sayfa Adı 1</a></li>
<li class="page_item page-item-4"><a href="http://limitsiz-paylasim.tr.gg/?page_id=4" title="Sayfa Hakında">Sayfa Adı 2</a></li>
      </ul>
     
     
      <div id="snippets">
            <div class="persnippet">
                <div class="snip_top"></div>
                <div class="snip_mid">

                   <h2>Son Konular</h2>
                               <ul>
<li><a href='http://limitsiz-paylasim.tr.gg/?p=5'>Son Konular 1</a></li>
<li><a href='http://limitsiz-paylasim.tr.gg/?page_id=4'>Son Konular 2</a></li>
<li><a href='http://limitsiz-paylasim.tr.gg/?p=3'>Son Konular 3</a></li>            </ul>
                            </div>
                <div class="snip_bot"></div>
            </div>

           
           
           
           
           
           
           
           
           
           
            <div class="persnippet">
                <div class="snip_top"></div>
                <div class="snip_mid">
                   <h2>Popüler Konular</h2>
                      <ul>
<li><a href='http://limitsiz-paylasim.tr.gg/?p=5'>Populer Konular 1</a></li>
<li><a href='http://limitsiz-paylasim.tr.gg/?page_id=4'>Populer Konular 2</a></li>
<li><a href='http://limitsiz-paylasim.tr.gg/?p=3'>Populer Konular 3</a></li> 
                        </ul>
                </div>
                <div class="snip_bot"></div>
            </div>
           
           
           
           
            <div class="persnippet">
                <div class="snip_top"></div>
                <div class="snip_mid" style="height:117px; padding-left:3px;">

                   <h2>Kullanılanlar</h2>
               
               
                  <div style="float:left"><a href="http://limitsiz-paylasim.tr.gg/?feed=rss2" class="social rss">Subscribe to RSS</a></div>
                        <div style="float:left"><a href="http://technorati.com/faves?sub=addfavbtn&add=http://limitsiz-paylasim.tr.gg/" class="social tech">Favorite</a></div>
                        <div><a href="javascript:location.href='http://digg.com/submit?phase=3&url='+encodeURIComponent('http://limitsiz-paylasim.tr.gg/')" class="social digg">DIGG</a></div>
                   
                      <div class="clear"></div>
                </div>
                <div class="snip_bot"></div>

            </div>
           
           
           
           
           
           
      </div>
     
    </div>
    <div class="head_right"></div>
   
   

</div>


<div class="contwrap">
 
<div id="menu">
  <ul>

   
<div class="menutop"></div>
         
<div id="test1-header" class="df_menu_head header_highlight" >Kategoriler</div>
<div id="test1-content" style="display:block;" class="df_menu_cont">
    <ul>
<li class="cat-item cat-item-3"><a href="http://limitsiz-paylasim.tr.gg/?cat=1" title="Sayfa Hakkında">Sayfa Adı 1</a></li>
<li class="cat-item cat-item-3"><a href="http://limitsiz-paylasim.tr.gg/?cat=2" title="Sayfa Hakkında">Sayfa Adı 2</a></li>
<li class="cat-item cat-item-3"><a href="http://limitsiz-paylasim.tr.gg/?cat=3" title="Sayfa Hakkında">Sayfa Adı 3</a></li>
<li class="cat-item cat-item-3"><a href="http://limitsiz-paylasim.tr.gg/?cat=4" title="Sayfa Hakkında">Sayfa Adı 4</a></li>
<li class="cat-item cat-item-3"><a href="http://limitsiz-paylasim.tr.gg/?cat=5" title="Sayfa Hakkında">Sayfa Adı 5</a></li>
<li class="cat-item cat-item-3"><a href="http://limitsiz-paylasim.tr.gg/?cat=6" title="Sayfa Hakkında">Sayfa Adı 6</a></li>

</ul>

</div>
   
   
<div id="test2-header" class="df_menu_head" >Arama</div>
<div id="test2-content" class="df_menu_cont">
    <form method="get" id="searchform" action="http://limitsiz-paylasim.tr.gg/">
                <div>
                  <input alt="search" type="text" value="L-P'de Arama..." name="s" id="s" />
                </div>
              </form>
</div>
   
   

<div id="test3-header" class="df_menu_head" >Dost Siteler</div>
<div id="test3-content" class="df_menu_cont">
    <ul>
<li><a href='# linki' title='Dost Site Hakkında'>Dost Site 1</a></li>
<li><a href='# linki' title='Dost Site Hakkında'>Dost Site 2</a></li>
<li><a href='# linki' title='Dost Site Hakkında'>Dost Site 3</a></li>
<li><a href='# linki' title='Dost Site Hakkında'>Dost Site 4</a></li>
<li><a href='# linki' title='Dost Site Hakkında'>Dost Site 5</a></li>
     </ul>
</div>

<div id="test4-header" class="df_menu_head" >Sponsorlar</div>

<div id="test4-content" class="df_menu_cont">
    <ul>
           <li id="linkcat-2" class="linkcat"><h2>Sponsorlar</h2>
   <ul>

          <li><a href='# linki' title='Sponsor Site Hakkında'>Sponsor Site 1</a></li>
<li><a href='# linki' title='Sponsor Site Hakkında'>Sponsor Site 2</a></li>
<li><a href='# linki' title='Sponsor Site Hakkında'>Sponsor Site 3</a></li>
<li><a href='# linki' title='Sponsor Site Hakkında'>Sponsor Site 4</a></li>
<li><a href='# linki' title='Sponsor Site Hakkında'>Sponsor Site 5</a></li>

   </ul>
</li>
     </ul>
</div>


<div id="test5-header" class="df_menu_head" >Kaynaklar</div>
<div id="test5-content" class="df_menu_cont">
   <ul>

<li><a href="http://limitsiz-paylasim.tr.gg/">Limitsiz-Paylasim</a></li>
<li><a href="http://validator.w3.org/check/referer" title="Tüm Kod Bunun Uzerinedir.">XHTML</abbr></a></li>
<li><a href="http://wordpress.org/" title="Tasarımın Gercegidir.">WordPress</a></li>
                           </ul>
</div>


<div id="test6-header" class="df_menu_head" > Rank'im (Sayac)</div>
<div id="test6-content" class="df_menu_cont">
       <center>Kodu Buraya Yapıstır</center>
</div>



 
 
 
 
 
 
 
 
 
 <div class="menubot"></div>
   
      </ul>
 
<script type="text/javascript">
   new Accordian('menu',4,'header_highlight');

</script>
</div>
<div class="left">
 
        <div class="post" id="post-5">
      <div class="posttop">
        <div class="date">
           <div class="day">
            19          </div>
          <div class="month">Corum</div>

         
        </div>
        <h1 class="posttitle"><a href="http://limitsiz-paylasim.tr.gg" rel="bookmark">
          Limitsiz-Paylasim Düzenledi ;)</a></h1>
         
          <div class="indexomment"><span>Acılıs Tarihi</span></div>
       
        <div class="clear"></div>
        <div class="storycontent">


Tasarım Altı:

Kod:

     
        </div>
       
       
         



   
                 
        <div class="feedback">
                   
        </div>
      </div>
      </div>
            <div class="navigation">
              </div>
      <!---->

</div>
</div>
<!-- begin footer -->

<!--Link on right to go to top ( only for firefox )-->
<div class="clear"></div>

 
<div class="footer"> &copy; 2007. All Rights Reserved. Theme by: <a href="http://limitsiz-paylasim.tr.gg/" title="Hakkında">Sitenin İsmi</a> </div>
</div>

<!-- 20 queries. 0.064 seconds. -->
</body></html>


Css:

Kod:
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;}

/*
Theme Name: Dezinerfolio Marine
Theme URI: dezinerfolio.com   
Description: Very Neat Web 2.0 Black Stripe Theme
Version: 2.0
Author: Navdeep Raj
*/

*{
   margin:0;
   padding:0;
}

body{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#666;
   background:#FFF url(http://img199.imageshack.us/img199/6948/16603497.png) repeat-x 0 0;
   padding-top: -20px;
}

.clear{
   clear:both;
}

.leftf{
   float:left;
}   

.right{
   float:right;
}
   
a{
   text-decoration:none;
}

a img, img{
   border:none;
}

h1, h1 a{
   font-size:22px;
   font-weight:normal;
   color:#009cff;
   text-decoration:none;
}

.head_mid h1{
   padding-left:10px;
}   

.mainlogo{
   text-indent:-99999px;
   overflow:hidden;
   background:url(http://img530.imageshack.us/img530/900/21994577.png) no-repeat left center;
   display:block;
   height:125px;
   width:300px;
}

h2, h2 a{
   font-size:16px;
   font-weight:normal;
   color:#009cff;
   text-decoration:none;
}

#header{
   width:974px;
   clear:both;
   margin:0 auto;
   height:294px;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/title_mid.gif) repeat-x 0 0;
   overflow:hidden;
}

#header h1{
   float:left;
}

#header ul.navi{
   float:right;
   padding-top:84px;
   padding-left:1px;
   padding-right:20px;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/ul_hack.gif) no-repeat left bottom;
}

#header ul.navi li{
   float:left;
   list-style:none;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/navi_basic.gif) no-repeat 0 0;
   width:95px;
   height:46px;
   text-align:center;
   overflow:hidden;
}

#header ul.navi li.current_page_item{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/navi_hili.gif) no-repeat 0 0;
}

#header ul.navi li a{
   text-decoration:none;
   color:#818181;
   width:95px;
   height:31px;
   display:block;
   float:left;
   padding-top:15px;
}

#header ul.navi li a:hover{
   font-weight:bold;
}

.head_left{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/title_left.gif) no-repeat 0 0;
   width:8px;
   height:294px;
   float:left;
   display:block;
}

.linkcat h2{
   display:none;
}

#menu .df_menu_cont .linkcat {
   height:auto;
}

.head_mid{
   float:left;
   width:958px;
}

.head_right{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/title_right.gif) no-repeat 0 0;
   width:8px;
   height:294px;
   float:left;
   display:block;
}   

.contwrap{
   width:974px;
   margin:0 auto;
   height:1%;
   overflow:hidden;
}

.left{
   width:710px;
   float:left;
   padding:18px;
   overflow:hidden;
   padding:18px 0;
}

.left a{
   color:#009CFF;
}

.left a:hover{
   border-bottom:1px dotted #009CFF;
}

#menu{
   width:245px;
   float:right;
   margin:15px 0;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/side_loop.gif) repeat-y 0 0;
}

.menutop{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/side_top.gif) no-repeat 0 0;
   height:17px;
   display:block;
   clear:both;
}

.df_menu_head{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/sideul.gif) no-repeat right center;
   width:218px;
   height:26px;
   text-align:center;
   display:block;
   clear:both;
   padding-top:10px;
   padding-left:14px;
   cursor:pointer;
   margin:10px 0;
   font-weight:bold;
}

#menu .header_highlight{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/sideul_hili.gif) no-repeat right center;
   color:#FFF;
   display:block;
}

.df_menu_cont{
   display:none;
   height:1%;
   overflow:hidden;
   
}

.df_menu_cont ul{
   padding:0 1px;
}

#searchform{
   padding-left:14px;
}

#searchform #s{
   padding:5px;
   color:#666;
   border:1px solid #CCC;
   width:205px;
   text-align:center;
   background:#EFEFEF;
}

#searchform #s:hover, #searchform #s:focus{
   background:#FFF;
   border:1px solid #999;
}


.df_menu_cont li{
   padding:0 14px;
   list-style:none;
   height:36px;
   background:#f5f5f5;
}

.df_menu_cont li a{
   display:block;
   padding:10px 5px;
   border-bottom:1px solid #CCC;
   text-decoration:none;
   color:#555;
}

.df_menu_cont li a:hover{
   border-bottom:1px solid #999;
   color:#222;
}

.menubot{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/side_bot.gif) no-repeat 0 0;
   height:18px;
   display:block;
   clear:both;
}

.footer{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/footer_loop.gif) repeat-x 0 0;
   height:30px;
   text-align:center;
   padding-top:13px;
   color:#AAA;
}

.footer a{
   text-decoration:none;
   color:#0099FF;
}

.sorrydialog{
   text-align:center;
}

#snippets{
   clear:both;
}

.persnippet{
   float:left;
   width:251px;
   overflow:hidden;
   padding:15px 32px 0 32px;
}

.snip_top{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/snips_top.gif) no-repeat 0 0;
   height:11px;
   width:251px;
   display:block;
   overflow:hidden;
}

.snip_mid{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/snips_mid.gif) repeat-y 0 0;
   display:block;
   height:1%;
   overflow:hidden;
}

.snip_mid h2{
   color:#FFF;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   clear:both;
}

.snip_mid ul{
   padding:0 10px;
}

.snip_mid li{
   list-style:none;
   display:block;
}

.snip_mid li a{
   color:#999;
   text-decoration:none;
   height:25px;
   display:block;
   padding:8px 5px 0 5px;
   overflow:hidden;
   border-bottom:1px solid #595959;
}

.snip_mid li a:hover{
   background:#3f3f3f;
   color:#EEE;
}   

.snip_bot{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/snips_bot.gif) no-repeat 0 0;
   height:10px;
   display:block;
   overflow:hidden;
}

.social{
   width:66px;
   height:90px;
   display:block;
   float:left;
   text-indent:-99999px;
   overflow:hidden;
   padding:5px 8px 5px 8px;
}

.social.rss{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/social_rss.jpg) no-repeat bottom center;
}

.social.tech{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/social_tech.jpg) no-repeat bottom center;
}

.social.digg{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/social_digg.jpg) no-repeat bottom center;
}

.left .post{
   margin-bottom:10px;
   padding:20px 15px;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/postfooter.gif) no-repeat left bottom;
}

.left .entry-meta{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/comment_top_focus.gif) repeat 0 0;
   padding:15px;
   border:1px solid #CCC;
   font-size:11px;
   margin:10px 0;
}

.left .posttop{
   overflow:hidden;
}

input#submit{
   border:1px solid #AAA;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/whitebutton.gif) repeat-x left bottom;
   color:#555;
   width:312px;
   padding:5px 10px;
   cursor:pointer;
}

input#submit:hover{
   border:1px solid #555;
}

.left .posttitle{
   float:left;
}   

.left .indexomment{
   float:right;
   font-size:11px;
}


#commentform #author,#commentform #email,#commentform #url,#commentform textarea, #code {
   background:#FAFAFA;
   width:300px;
   padding:5px;
   border:1px solid #999;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;   
   color:#666;
}

#commentform{
   padding:10px 0;
}

#commentform p{
   padding:5px 0;
   width:400px;
   margin:0 auto;
}

#commentform #author:focus,#commentform #email:focus,#commentform #url:focus,#commentform textarea:focus,#commentform #author:hover,#commentform #email:hover,#commentform #url:hover,#commentform textarea:hover, #code:hover, #code:focus {
   background:#FFF;
   border:1px solid #444;
   
}

.commentlist li{
   list-style:none;
   padding:15px;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/whitebutton.gif) repeat-x left bottom;
   border-bottom:1px solid #CCC;
   height:1%;
   overflow:hidden;
}

.commentlist .commentmetadata{
   float:right;
   
}

.commentlist cite, .commentlist cite a{
   font-weight:bold;
   color:#FF6600;
}

.commentlist p{
   padding:5px 20px;
}

.left .date{
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/date.gif) no-repeat 0 0;
   width:83px;
   height:27px;
   float:left;
   padding-top:6px;
   font-weight:bold;
   padding-right:15px;
}

.left .date div.month{
   float:left;
   padding-left:8px;
   text-align:center;
   width:50px
}

.left .date div.day{
   float:left;
   padding-left:8px;
   color:#FFF;   
}

.left .storycontent{
   padding:15px 0;
}

.left .storycontent p{
   padding:5px 0;
   line-height:18px;
}

.left .storycontent ul, .left .storycontent ol{
   padding-left:15px;
}

.left .storycontent li{
   list-style:none;
   background:url(http://marine.dezinerfolio.com/wp-content/themes/df_marine/images/lis.gif) no-repeat left center;
   padding:5px 20px;
}

.storycontent blockquote{
   background:#FAFAFA;
   padding:5px 5px 5px 15px;
   border-left: 3px solid #CCC;
   margin-left:15px;
}







2. Menü:



Bu menüyü ben hiç yapamadım. Kod bilgim yok malesef. Açılır, Üst Menü (Yatay) internette buldum. Bu menüye göre çizdim tasarımdaki menü alanını. Her şeyi yaptım ama malesef menüleri ayıramadım.

Buyrun bu da menünün indirme linki;


http://hotfile.com/dl/129206242/8fdbc55/cssmenuvertical3.zip.html

Bunları siteme göre ayarlarıp bana verirseniz gerçekten çok sevinirim. Herkese teşekkür ederim şimdiden... Allah razı olsun...
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu