Logo altına navbar yapımı

03-08-2008, 17:06:59

resimden anlaşılıyor her şey

ihtiyaç gereği başka bir temadan entegre ettim.

varsayılan tema'da yazı sayfasına girildiğinde sidebar görünmediğin ziyaretçi sayfada gezecek bir şey bulamıyor. yazı sayfaları sanki çıkmaz sokak. onu önlemek için , ziyaretçileri biraz daha gezdirmek için iyi olur diye düşündüm.link 1 , 2 yerine kategori linklerinizi yerleştirmenizi öneririm.

ekteki rar dosyasındaki resimleri temanızdaki images klasörüne atın.

bazı değişiklikler :

header.php

Alıntı

header.php'de bu kodu bulun
<hr />

üst satırına aşağıdaki kodu yapıştırın

<div id="navbar">

<ul id="nav">

<li><a href="<?php echo get_settings('home'); ?>">Ana Sayfa</a></li>
<li><a href="<?php echo get_settings('home'); ?>">Link 1</a></li>
<li><a href="<?php echo get_settings('home'); ?>">Link 2</a></li>
<li><a href="<?php echo get_settings('home'); ?>">Link 3</a></li>
</ul>

style.css

style.css'de bu kodu bulun

/* End Typography & Colors */


altına bu kodu yapıştırın

/************************************************
*    Navbar                                      *
************************************************/

#navbar {
    background: #FFFFFF url(images/navbar.gif);
    width: 735px;
    height: 30px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px;
    border-bottom: 1px solid #98B4E0;
    }
    
#navbar a, #navbar a:visited {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px 3px;
    }
    
#navbar a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    padding: 0px 0px 0px 3px;
    }
    
#nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
    
#nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }

#nav a, #nav a:visited {
    background: #FFFFFF url(images/navlink.gif) right;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
       text-transform: uppercase;
    margin: 0px;
    padding: 8px 17px 8px 15px;
    }
    
#nav a:hover {
    background: #FFFFFF url(images/navhover.gif) right;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 17px 8px 15px;
    text-decoration: none;
    }

#nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
    
#nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    }
    
#nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #4776C5;
    width: 150px;
    float: none;
       text-transform: none;
    margin: 0px;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #6E94D2;
    border-left: 1px solid #6E94D2;
    border-right: 1px solid #6E94D2;
    }
    
#nav li li a:hover, #nav li li a:active {
    background: #799CD6;
    padding: 7px 10px 7px 10px;
    }

#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

#nav li:hover ul {
    left: auto;
    display: block;
    }
    
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }

28-11-2008, 02:19:38

#2

lastcv

teşekkürler.

13-01-2009, 17:29:19

#3

fmd

50 mesajı asamıs bırısı altarnetıf bir link kayabilirse cok sevinirim.

24-02-2009, 20:55:22

#4

stCre3p

style.css de böle bir kod yok arkadaşım

/* End Typography & Colors */

24-02-2009, 20:59:44

#5

stCre3p

Pardon Öle bişey yok ama style.css herhangi bir yerine yapıştırınca sorun çıkarmıyor gerçekten güzel bir nav bar ellerine sağlık arkadaşım.

Mozillada çerezleri temizlemeyi unutmayalım

Arkadaşlar images teki resimlerin renklerini değiştirince anasayfada renklerı bozuluyor neden olabilir styles.css dosyasına ekledigim kodlardaki renkleride resimlere uyarladıgım renkleri yaptım ama gene aynı bozuk renkler neden olabilir sizce

26-02-2009, 10:37:37

#6

turkiyeforumu

alternatif link yokmu..

26-02-2009, 13:04:53

#7

birdost

turkiyeforumu adlı üyeden alıntı: mesajı görüntüle

alternatif link yokmu..

RapidShare: Easy Filehosting