Konuyu Oyla:
  • Toplam: 2 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
Süper Css Menü
#1
Admin KP - Temalar & Şablonlar - Temalar - Temanızı Seçin - Css Ekle ;

Dosya Adı: menu.css
Genel
Kendi İçeriğimi Yaz'ı Seçtiğinizde Açılan Kutuya Şu Kodları Koyun;
PHP Kod:
.menue_body {
    
/* CSS3 perspective */
    
-webkit-perspective1500px;
    -
moz-perspective1500px;
    -
ms-perspective1500px;
    -
o-perspective1500px;
    
perspective1500px;
}

.
menue, .page_content {
    
/* CSS3 box-sizing, transition and transform */
    
-webkit-box-sizingborder-box;
    -
moz-box-sizingborder-box;
    -
ms-box-sizingborder-box;
    -
o-box-sizingborder-box;
    
box-sizingborder-box;
    -
webkit-transition: -webkit-transform 0.5s ease;
    -
moz-transition: -moz-transform 0.5s ease;
    -
ms-transition: -ms-transform 0.5s ease;
    -
o-transition: -o-transform 0.5s ease;
    
transitiontransform 0.5s ease;
}


/* the main menu element (which appears from the top) */
.menue {
    
background-color#002edb;
    
positionfixed;
    
width100%;
    
height148px;

    
/* CSS3 transform */
    
-webkit-transformrotateX(-45degtranslateY(-95%);
    -
moz-transformrotateX(-45degtranslateY(-95%);
    -
ms-transformrotateX(-45degtranslateY(-95%);
    -
o-transformrotateX(-45degtranslateY(-95%);
    
transformrotateX(-45degtranslateY(-95%);
}

/* change background color and rotate the main menu element on hover */
.menue:hover {
    
background-color#FF0000;
    /* CSS3 transform */
    
-webkit-transformrotateX(0deg);
    -
moz-transformrotateX(0deg);
    -
ms-transformrotateX(0deg);
    -
o-transformrotateX(0deg);
    
transformrotateX(0deg);
}

/* the main menu - UL-LI properties */
.menue ul {
    
displayblock;
    
margin0 auto;
    
overflowhidden;
    
positionrelative;
    
width1036px;
}
.
menue ul li {
    
floatleft;
    list-
stylenone outside none;
    
margin10px;

    
/* CSS3 transition */
    
-webkit-transitionall 0.5s ease;
    -
moz-transitionall 0.5s ease;
    -
ms-transitionall 0.5s ease;
    -
o-transitionall 0.5s ease;
    
transitionall 0.5s ease;
}
.
menue ul li:hover {
    
background-color#FF99FF;
    /* CSS3 border-radius */
    
-webkit-border-radius64px;
    -
moz-border-radius64px;
    -
ms-border-radius64px;
    -
o-border-radius64px;
    
border-radius64px;


Kaydedip Çıkın;

Admin KP - Temalar & Şablonlar - Şablonlar - Temanız - Header Şablonlar - header şablonunu açın en üste şu kodları ekleyin;
PHP Kod:
<div class="menue">
            <
ul>
                <
li><a href="/index.php"><img src="http://www.script-tutorials.com/demos/298/images/1.png" /></a></li>
                <
li><a href="/memberlist.php"><img src="http://www.script-tutorials.com/demos/298/images/2.png" /></a></li>
                <
li><a href="/calendar.php"><img src="http://www.script-tutorials.com/demos/298/images/3.png" /></a></li>
                <
li><a href="/search.php"><img src="http://www.script-tutorials.com/demos/298/images/4.png" /></a></li>
                <
li><a href="/misc.php?action=help"><img src="http://www.script-tutorials.com/demos/298/images/5.png" /></a></li>
                <
li><a href="/portal.php"><img src="http://www.script-tutorials.com/demos/298/images/6.png" /></a></li>
            </
ul>
        </
div

Demo: http://webmasterr.10tl.net/index.php
Ara
Cevapla PGM
Teşekkür verenler:
#2
teşkkürler:)
Ara
Cevapla PGM
Teşekkür verenler:
#3
(19-08-2013 Saat: 12:26)gencfuat1997 Nickli Kullanıcıdan Alıntı: teşkkürler:)

Rica ederim :) Aslında O Bir Menü Değildi Ancak Biraz Oynama İle Menü Oldu :D
Ara
Cevapla PGM
Teşekkür verenler:
#4
teşşekürler çok güzelmiş :)
Cevapla PGM
Teşekkür verenler:
#5
Harika Teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#6
(19-08-2013 Saat: 12:28)Ripbyrustavi02 Nickli Kullanıcıdan Alıntı: teşşekürler çok güzelmiş :)

Rica ederim, beğenmenize sevindim..

(19-08-2013 Saat: 12:29)MonsteR Nickli Kullanıcıdan Alıntı: Harika Teşekkürler

Rica ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#7
Gerçekten Çok Güzel
Ara
Cevapla PGM
Teşekkür verenler:
#8
(19-08-2013 Saat: 14:30)TrLyy Nickli Kullanıcıdan Alıntı: Gerçekten Çok Güzel

Rica ederim.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi



***

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