Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 2
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB Yeni Nagivasyon Gayet Güzel !
#1
Smile 
Arkadaşlar Sizler için buldum +Rep Verirseniz Sevinirim Teşekkürler İyi kullanmalar.

Aşağıdaki kodu " Admin Paneli > Şablon & Stil > Şablonlar > Kullandıgınız Tema Şablon> Navigasyon Şablonlar > nav " şablonunun içindeki kod ile değiştiriniz.
Kod:
<div id="breadcrumb">
    <div class="breadcrumb_main">
        <div class="breadcrumb_left">
<ol id="breadcrumb_list">
{$nav}{$activebit}
</ol><div class="right"><a href="{$mybb->settings['bburl']}/search.php?action=getnew" class="nav_rightlinks pmpopup" title="view fresh content">Yeni içerik</a> <a href="{$mybb->settings['bburl']}/search.php?action=getdaily" class="nav_rightlinks pmpopup" title="threads started today">Bugünün konuları</a></div>
</div>
    </div>
        </div>
Aşağıdaki Kodu " Admin Paneli > Şablon & Stil > Şablonlar > Kullandıgınız Tema Şablon > Navigasyon Şablonlar > nav_bit " şablonunun içindeki kod ile değiştiriniz.
Kod:
<li><a href="{$navbit['url']}"><img src="http://c1303.hizliresim.com/17/l/l5uwm.png" /><span><div>{$navbit['name']}</div></span></a></li>

Aşağıdaki Kodu " Admin Paneli > Şablon & Stil > Şablonlar > Kullandıgınız Tema Şablon > Navigasyon Şablonlar > nav_bit_active " şablonunun içindeki kod ile değiştiriniz.
Kod:
<li><a href="{$navbit['url']}"><img src="http://c1303.hizliresim.com/17/l/l5uwm.png" /><span><div>{$navbit['name']}</div></span></a></li>

Aşağıdaki kodu " Admin Paneli > Şablon & Stil > Temalar > Kullandıgınız Tema > global.css > Stil Sayfası Düzenle : Gelişmiş Mod " en altına kodu yapıştırınız.
Kod:
/* Breadcrumb */
.nav_rightlinks {
    color: #757575 !important;
    margin-right: 10px;
}

.nav_rightlinks:hover {
    color: #444 !important;
}

#breadcrumb {
    font-family: lato,tahoma;
    background: #ddd url(images/imperial/navbg.png) repeat-x 0 0;
    display: block;
    height: 37px;
    line-height: 37px;
    width: 90%;
    margin: auto;
    border: 1px solid #ccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: -7px;
    font-size: 11px;
}

#breadcrumb ol li {
    float: left;
    display: inline-block;
    margin: 0 3px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

#breadcrumb ol li a {
    color: #757575;
    text-shadow: 1px -1px 1px #eee;
    padding-left: 12px;
    background: url(images/imperial/navcrumbbg.png) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    margin-left: -15px;
}

#breadcrumb ol li:first-child {
    width: 30px;
    margin-left: 15px;
}

#breadcrumb ol li a img {
    display: none;
}

#breadcrumb_list li:first-child:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#breadcrumb_list li:first-child a {
    background: url(images/imperial/navcrumbbg.png) right top !important;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    width: 35px;
    height: 37px;
}

#breadcrumb_list li:first-child a:hover {
    background-position: 100% -43px !important;
}

#breadcrumb_list li:first-child a img {
    display: block;
    position: relative;
    max-width: 25px;
    right: 6px;
    top: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#breadcrumb_list li:first-child a div {
    display: none;
}

#breadcrumb_list li:last-child span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none;
}

#breadcrumb_list li:first-child span:hover {
    background-position: 100% -43px !important;
}

#breadcrumb_list li:last-child a {
    font-family: lato;
    font-weight: bold;
    color: #555;
    font-size: 12px;
    background: none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#breadcrumb li:hover a {
    background-position: 0 -43px;
    color: #444;
}

#breadcrumb li:active a {
    color: #666;
    text-shadow: none;
    background-position: 0 -86px;
}

#breadcrumb ol li a span {
    background: url(images/imperial/navcrumbbg.png) right top;
    display: block;
    padding-left: 4px;
    padding-right: 12px;
}

#breadcrumb li:hover span {
    background-position: 100% -43px;
}

#breadcrumb li:active span {
    background-position: 100% -86px;
}

Aşağıdaki Kodu " Admin Paneli > Şablon & Stil > Şablonlar > Kullandıgınız Tema Şablon > Header Şablonlar > header " içine kendinize göre ayarlayacak şekilde yapıştırınız..
Kod:
<br class="clearboth">
<navigation><br />
        <div id="content">

Navigasyon Önizleme ;
l5v4q.png

Kod:
http://f1303.hizliresim.com/17/l/l5v4q.png

Not : Denenmemiştir.Deneyip calısıp calısmadıgını söyleyebilirmisiniz ? Yanlış olan yerleri düzeltelim
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkür Ederim
Ara
Cevapla PGM
Teşekkür verenler:
#3
(24-03-2013 Saat: 20:02)Matrix4040 Nickli Kullanıcıdan Alıntı: Teşekkür Ederim

Birşey Değil iyi Kullanmalar.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 22 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping