resimli menüler ekleme

Başlatan tekyürek, 18 Haz 2014, 20:22

« önceki - sonraki »

0 Üyeler ve 23 Ziyaretçiler konuyu incelemekte.

tekyürek

index.template.php bul

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}


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ı?
Herkes göründüğü gibi değil.

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
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin

Sosyal Öğretmeni

işte bu çok iyi oldu
o zaman resimlerin boyutunu ne kadar küçük tutarsak o kadar iyi olur
Herkes göründüğü gibi değil.

tarantula901

Alıntı yapılan: Sosyal Öğretmeni - 11 Tem 2014, 18:06
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.
Sitenizde işlem yapmadan önce mutlaka yedek alın, yedek alın yedek almayı unutmayın her şeyden önce bu önemli

Pm'den ve Skype'den istenilen destekler ücretlidir. Ücret ödememek için lütfen sitede sorunuzu konu açarak sorabilirsiniz.

Ücretli Smf Destek İçin