resimli menüler ekleme

[tekyürek]

index.template.php bul

Kod Seç Genişlet

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

Kod Seç Genişlet

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

Kod Seç Genişlet


.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}

ekteki yeniler  klasörünü images dizinine  atınız

[Sosyal Öğretmeni]

Sitenin hızına etkisi olur mu?
Yani sitenin yüklenmesini yavaşlatırmı?

[tarantula901]

Resim her zaman yavaşlatır resım boyutları cok onemlıdır mesela bir resim 1mb oldugunu dusunursek o 1mb dolmadan sıte tam olarak duzgun çalışmaz

[Sosyal Öğretmeni]

işte bu çok iyi oldu
o zaman resimlerin boyutunu ne kadar küçük tutarsak o kadar iyi olur

[tarantula901]

işte bu çok iyi oldu
o zaman resimlerin boyutunu ne kadar küçük tutarsak o kadar iyi olur

Aynen sitedeki resim boyutları çok önemlidir ne kadar büyükse site okadar yavaş açılır google yavaş siteleri sevmez ziyaretçide göndermez.