resimli menü

Başlatan Tekyürek, 08 Haziran 2014, 01:06:55

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.









index.template.php

echo '
        <div id="main_menu">
            <ul class="dropmenu" id="menu_nav">';

    foreach ($context['menu_buttons'] as $act => $button)
    {
        echo '
                <li id="button_', $act, '">
                    <a class="', $button['active_button'] ? 'active ' : '', 'firstlevel" href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
                        <span class="', isset($button['is_last']) ? 'last ' : '', 'firstlevel">', $button['title'], '</span>
                    </a>';



degiştir


echo '
      <div id="multi-level">
         <ul class="menu">';

   foreach ($context['menu_buttons'] as $act => $button)
   {
      echo '
            <li class="top">
               <a href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', ' id="', $act, '" class="top_link"><b class="b_top"></b><span class="span_top">', $button['title'], '</span></a>';




index ccs en sona ekle

.menu, .menu ul{list-style-type:none; padding:0; margin:0; font-family:arial,sans-serif; font-size:11px}
.menu li.top{display:block; float:left; position:relative}
.menu table{border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0}
.menu li.top a.top_link{display:block; float:left; height:30px; line-height:30px; text-decoration:none; color:#000; background:url(../images/yeniler/image_drop_1a.gif); padding:0}
.menu li.top a.top_link span.span_top{display:block; float:left; height:30px; background:url(../images/yeniler/image_drop_1a.gif) right top; padding:0 15px 0 0}
.menu li.top a.top_link b.b_top{display:block; float:left; height:30px; width:30px}
.menu li.top a.top_link span.drop{background:url(../images/yeniler/image_drop_0a.gif) right top; padding:0 30px 0 0}
.menu li a#home b.b_top{background:transparent url(../images/yeniler/home.png) no-repeat center center}
.menu li a#portal b.b_top{background:transparent url(../images/yeniler/portal.png) no-repeat center center}
.menu li a#search b.b_top{background:transparent url(../images/yeniler/world.png) no-repeat center center}
.menu li a#forum b.b_top{background:transparent url(../images/yeniler/forum.png) no-repeat center center}
.menu li a#blog b.b_top{background:transparent url(../images/yeniler/blog.png) no-repeat center center}
.menu li a#replika b.b_top{background:transparent url(../images/yeniler/replikacep.png) no-repeat center center}
.menu li a#help b.b_top{background:transparent url(../images/yeniler/book.png) no-repeat center center}
.menu li a#downloads b.b_top{background:transparent url(../images/yeniler/icon.png) no-repeat center center}
.menu li a#media b.b_top{background:transparent url(../images/yeniler/media.png) no-repeat center center}
.menu li a#login b.b_top{background:transparent url(../images/yeniler/giris.png) no-repeat center center}
.menu li a#register b.b_top{background:transparent url(../images/yeniler/Register.png) no-repeat center center}
.menu li a#moderate b.b_top{background:transparent url(../images/yeniler/mode.png) no-repeat center center}
.menu li a#tagged b.b_top{background:transparent url(../images/yeniler/google.png) no-repeat center center}
.menu li a#pm b.b_top{background:transparent url(../images/yeniler/info.png) no-repeat center center}
.menu li a#admin b.b_top{background:transparent url(../images/yeniler/key.png) no-repeat center center}
.menu li a#profile b.b_top{background:transparent url(../images/yeniler/people.png) no-repeat center center}
.menu li a#mlist b.b_top{background:transparent url(../images/yeniler/links.png) no-repeat center center}
.menu li a#logout b.b_top{background:transparent url(../images/yeniler/stop.png) no-repeat center center}
.menu li a#calendar b.b_top{background:transparent url(../images/yeniler/takvim.png) no-repeat center center}
.menu a:hover{visibility:visible; cursor:pointer; position:relative}
.menu li:hover{position:relative; z-index:300}
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link{background:url(../images/yeniler/image_drop_1b.gif)}
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top{background:url(../images/yeniler/image_drop_1b.gif) right top}
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop{background:url(../images/yeniler/image_drop_0b.gif) right top}
.menu ul,
.menu ul ul,
.menu:hover ul:hover ul ul,
.menu:hover ul:hover ul:hover ul ul,
.menu:hover ul:hover ul:hover ul:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0}
.menu:hover ul.sub{left:0; top:30px; background:transparent url(../images/yeniler/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:135px; height:auto}
.menu:hover ul.sub li{display:block; float:left}
.menu:hover ul.sub li a{display:block; float:left; height:25px; width:135px; line-height:25px; color:#000; text-decoration:none; padding:0; background:url(../images/yeniler/dropa_0.gif) no-repeat}
.menu:hover ul.sub li a span,
.menu:hover ul.sub li a.fly:hover ul li a span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span{display:block; float:left; background:url(../images/yeniler/drop_0.gif) right top; height:25px; width:92px; padding:0 10px 0 5px; font-weight:normal; color:#000}
.menu:hover ul.sub li a.fly span,
.menu:hover ul.sub li a.fly:hover ul li a.fly span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span{background:url(../images/yeniler/dropb_0.gif) right top; color:#000}
.menu:hover ul.sub li a:hover,
.menu:hover ul.sub li a:hover ul li a:hover,
.menu:hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu:hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu:hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover{background:url(../images/yeniler/dropba_1.gif) no-repeat; color:#fff}
.menu:hover ul.sub li a:hover span,
.menu:hover ul.sub li a.fly:hover ul li a:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span{background:url(../images/yeniler/drop_1.gif) right top; color:#fff}
.menu:hover ul.sub li a.fly:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu:hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span{background:url(../images/yeniler/dropb_1.gif) right top; color:#fff}
.menu:hover ul li:hover >a.fly{background:url(../images/yeniler/dropba_1.gif) no-repeat; color:#fff}
.menu:hover ul li:hover >a.fly span{background:url(../images/yeniler/dropb_1.gif) right top; color:#fff}
.menu ul.sub b{display:block; float:left; background:transparent url(../images/yeniler/book.gif) no-repeat center center; height:25px; width:25px}
.menu ul.sub b.bos{background:transparent url(../images/yeniler/transparent.gif) no-repeat center center}
.menu:hover ul:hover ul,
.menu:hover ul:hover ul:hover ul,
.menu:hover ul:hover ul:hover ul:hover ul,
.menu:hover ul:hover ul:hover ul:hover ul:hover ul{left:107px; top:0; background:transparent url(../images/yeniler/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto}
#button_pm  strong{background:#f00 url(../images/blink.gif) no-repeat}

Linkback: resimli menü
  • Gösterim 1,225 
  • Duyurular / Haberler
  • 0 Yanıtlar


Linklerin Görülmesine İzin Verilmiyor Üye ol Veya Giriş Yap


Paylaş whatsappPaylaş facebookPaylaş linkedinPaylaş twitterPaylaş myspacePaylaş redditPaylaş diggPaylaş stumblePaylaş technoratiPaylaş delicious

Benzer Konular (3)


İçerik sağlayıcı paylaşım sitesi olarak hizmet veren Replikacep.com sitemizde 5651 sayılı kanunun 8. maddesine ve T.C.Knın 125. maddesine göre tüm üyelerimiz yaptıkları paylaşımlardan kendileri sorumludur.Replikacep.com hakkında yapılacak tüm hukuksal şikayetleri İletişim sayfamızdan bize bildirdikten en geç 3 (üç) iş günü içerisinde ilgili kanunlar ve yönetmelikler çerçevesinde tarafımızca incelenerek gereken işlemler yapılacak ve site yöneticilerimiz tarafından bilgi verilecektir.
Footer menü
Hakkımızda
Bize Ulaşın
Biz Kimiz
Hizmetlerimiz