Outline tema ust menuye alt menu ekleme

Başlatan tarantula901, 25 Şub 2015, 00:18

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

tarantula901

İlk once şu modu kurmanız gerekıyor
Mod Name: Ultimate Menu
http://custom.simplemachines.org/mods/index.php?mod=3674

index.template.php dosyasında ara

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;

echo '
<div id="topmenu">
<ul>';

foreach ($context['menu_buttons'] as $act => $button)
echo '<li><a ', $button['active_button'] ? ' class="current"' : '' , ' href="', $button['href'], '"><span>', $button['title'], '</span></a></li>';

echo '</ul>

</div>

';
}


bununla değiştir.

// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
 global $context, $settings, $options, $scripturl, $txt;

 echo '     <div id="demowrapper">

       <div id="topmenu">
 <ul class="nav">';

 foreach ($context['menu_buttons'] as $act => $button)
 {
 echo '
 <li>
 <a  href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
 <span >', $button['title'], '</span>
 </a>';
 if (!empty($button['sub_buttons']))
 {
 echo '
 <ul class="subs">';

 foreach ($button['sub_buttons'] as $childbutton)
 {
 echo '
 <li>
 <a  href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
 <span', isset($childbutton['is_last']) ? ' ' : '', '>', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
 </a>';
 // 3rd level menus :)
 if (!empty($childbutton['sub_buttons']))
 {
 echo '
 <ul class="subs">';

 foreach ($childbutton['sub_buttons'] as $grandchildbutton)
 echo '
 <li>
 <a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
 <span', isset($grandchildbutton['is_last']) ? '"' : '', '>', $grandchildbutton['title'], '</span>
 </a>
 

 </li>';

 echo '
 </ul>';
 }

 echo '
 </li>';
 }
 echo '
 </ul>';
 }
 echo '
 </li>';
 }

 echo '

 <div id="lavalamp"></div></ul>

 </div> </div>';
}

css sonuna ekle

#demowrapper{position:relative;height:60px;margin:0 auto;}
.container{font:14px/1.3 Arial,sans-serif}
.nav,.nav ul{list-style:none outside none;margin:0;padding:0;}
.nav{background:url('../images/theme/menu_bg.png') no-repeat scroll 0 0 transparent;clear:both;font-size:12px;padding:0 0 0 9px;position:relative;width:957px;}
.nav ul {
border-radius: 0 5px 5px 5px;
left: -9999px;
overflow: hidden;
position: absolute;
top: -9999px;
z-index: 2;
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
-webkit-transform: scaleY(0);
transform: scaleY(0);
}.nav li {
background: url('../images/theme/menu_line.png') no-repeat scroll right 5px transparent;
float: left;
position: relative;
}
.nav li a{color:#FFFFFF;display:block;font-weight:normal;height:30px;padding:23px 20px 0;position:relative;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #000000;}
.nav li:hover > a{color:#00B4FF;}
.nav li:hover, .nav a:focus, .nav a:hover, .nav a:active{outline:0 none;}
.nav li:hover ul.subs{left:0;top:30px;width:180px;-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1);}
.nav ul li{background:none;width:100%;}
.nav ul li a{float:left;}
.nav ul li:hover > a{background-color:#121212;color:#00B4FF;}
#lavalamp{background:url('../images/theme/lavalamp.png') no-repeat scroll 0 0 transparent;height:16px;left:19px;position:absolute;top:0px;width:64px;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease;}
#lavalamp:hover{-moz-transition-duration:3000s;-ms-transition-duration:3000s;-o-transition-duration:3000s;-webkit-transition-duration:3000s;transition-duration:3000s;}
.nav li:nth-of-type(1):hover ~ #lavalamp{left:20px;}
.nav li:nth-of-type(2):hover ~ #lavalamp{left:115px;}
.nav li:nth-of-type(3):hover ~ #lavalamp{left:210px;}
.nav li:nth-of-type(4):hover ~ #lavalamp{left:305px;}
.nav li:nth-of-type(5):hover ~ #lavalamp{left:400px;}
.nav li:nth-of-type(6):hover ~ #lavalamp{left:495px;}
.nav li:nth-of-type(7):hover ~ #lavalamp{left:590px;}
.nav li:nth-of-type(8):hover ~ #lavalamp{left:685px;}
.nav li:nth-of-type(9):hover ~ #lavalamp{left:780px;}

.subs li a span {
float: left;
display: block;
padding: 0 26px 0 7px;
cursor: pointer;
background: #a90329 url(../images/custom/topmenu-r.gif) 100% 0 no-repeat;
width: 83px;
}

.subs li a span:hover {
float: left;
display: block;
padding: 0 26px 0 7px;
cursor: pointer;
background: #a90329 url(../images/custom/topmenu-r.gif) 100% 0 no-repeat;
width: 83px;
}
.subs ul li a:hover span {
text-decoration: underline;
display: block;
width: 119px;
}
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

Harika bir çalışma olmuş elinize sağlık.
Türkçeleştirmek için ektekileri temanızın dil (Languages) klasörüne atın..
Dil dosyasını snrj dan aldım Teşekürler...
Herkes göründüğü gibi değil.

tarantula901

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

Ek olarak eğer sitenizde hazır olan menüler (Forum, Yönetim, Ara, Yardım vb...) dışında başka bir menü ye açılır menü eklemek isterseniz yapmanız gereken. Sıfırdan bir menü eklemeniz gerekecektir.
sources klasöründen


sups.php de
Bulun (Kodları parçalayarak da bulabilirsiniz.)

'forum' => array(
 'title' => empty($txt['sp-forum']) ? 'Forum' : $txt['sp-forum'],
 'href' => $scripturl . ($modSettings['sp_portal_mode'] == 1 && empty($context['disable_sp']) ? '?action=forum' : ''),
 'show' => in_array($modSettings['sp_portal_mode'], array(1, 3)) && empty($context['disable_sp']),
 'sub_buttons' => array(
 ),

sonrasına ekleyin.. bunu isterseniz çoğalta da bilirsiniz.
),
 'Hizli Erisim' => array(
            'title' => 'Link-1',
            'href' => 'http://www.dinogretmeni.com/forum/',
            'target' => '_self',
            'show' => true,
            'sub_buttons' => array(
            ),

kodları kendinize göre düzenleyin....
Canlı örneği dinogretmeni.com ve egitiminyeri.com da mevcuttur.
Herkes göründüğü gibi değil.

Tavusker

bu forum sitesinde yeniyim. yeni yeni öğrenmeye çalışıyorum. güzel bir paylaşım elinize sağlık. kodları anlamaya çalışıyorum.  siteniz sayesinde hayli mesafe katettim. sağolun.

tarantula901

sorununuz oldukça ilgili bölüme açarsınız yardımcı olmaya çalışırız ilk başta biraz zorlanırsınız ama zamanla alışırsınız
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

Tavusker