MyBB Depo Forum

Orjinalini görmek için tıklayınız: Anasayfaya Dönen Yapraklı Menü Ekleme
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
resimEklenti İsmi : Anasayfaya Dönen Yapraklı Menü Ekleme
resimEklenti Yapımcısı : |FeX|MooNStear
resimEklenti Açıklaması: Sitenizin anasayfasına dönen yapraklı flash menü kodu ekleyceğiz.


resimEklenti Kurulumu :

Temalar&Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme Sağ Ok En alta şu kodu ekliyoruz.

Kod:
<style type="text/css">
nav {
        width: 960px;
        height: 100px;
        margin: 120px auto;
        text-align: center;
}
.top-menu li {
        display: inline-block;
        text-align: center;
        margin: 30px 5px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
}
.top-menu li:hover {
        margin: 30px 20px;
}
.top-menu li:active {
        margin: 30px 33px;
}
.top-menu li a  {
        width: 100px;
        height: 100px;
        z-index: 9999;
        position: absolute;
        top: 35px;
        font-weight: bold;
        display: block;
        text-decoration: none;
        font-size: 20px;
        color: #fff;
        text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1);
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
}
.top-menu li:active a {
        font-size: 26px;
        top: 30px;
        text-shadow: none;
}
.top-menu li div.menu-item {
        width: 100px;
        height: 100px;
        display: block;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-border-top-left-radius: 100px;
        -webkit-border-bottom-right-radius: 100px;
        -moz-border-radius-topleft: 100px;
        -moz-border-radius-bottomright: 100px;
        border-top-left-radius: 100px;
        border-bottom-right-radius: 100px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
}
.top-menu li:hover div.menu-item{
        -webkit-border-top-left-radius: 80px;
        -webkit-border-bottom-right-radius: 80px;
        -moz-border-radius-topleft: 80px;
        -moz-border-radius-bottomright: 80px;
        border-top-left-radius: 80px;
        border-bottom-right-radius: 80px;
                -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
}
.top-menu li:active div.menu-item{
        -webkit-border-top-left-radius: 50px;
        -webkit-border-bottom-right-radius: 50px;
        -moz-border-radius-topleft: 50px;
        -moz-border-radius-bottomright: 50px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
}
#home { background: #41D05F; }
#cataloge { background: #E42B2B;}
#price { background: #ff8400; }
#about { background: #a800ff; }
#contact { background: #49a7f3; }
</style>

Sonra Headera giriyoruz ve

Kod:
{$welcomeblock}
            </div>

Altına şu kodları ekliyoruz :

Kod:
<center><nav>
<ul class="top-menu">
<li><a href=http://hazirsistem.org/index.php>Anasayfa</a><div class="menu-item" id="home"></div></li>
<li><a href=http://hazirsistem.org/search.php>Ara</a><div class="menu-item" id="cataloge"></div></li>
<li><a href=http://hazirsistem.org/misc.php?action=rules>Kurallar</a><div class="menu-item" id="price"></div></li>
<li><a href=http://hazirsistem.org/memberlist.php>Uyeler</a><div class="menu-item" id="about"></div></li>
<li><a href=http://hazirsistem.org/misc.php?action=help>Yardim</a><div class="menu-item" id="contact"></div></li>
</ul>
</nav></center>

Ve bitti.

Ekran Görüntüsü :

resim


CANLI DEMOYA GİTMEK İÇİN TIKLA


+REP VERİN LÜTFEN
Teşekkürler.
(11-05-2013, Saat:14:05)Twocatys Adlı Kullanıcıdan Alıntı: [ -> ]Teşekkürler.

Sağol Gülümseme

(11-05-2013, Saat:14:05)Twocatys Adlı Kullanıcıdan Alıntı: [ -> ]Teşekkürler.

+Rep verirseniz sevinitim.