Outline tema ust menuye alt menu ekleme

[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

Kod Seç Genişlet

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

Kod Seç Genişlet

// 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

Kod Seç Genişlet

#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;
}

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

[tarantula901]

Teşekkürler

[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.)

Kod Seç Genişlet

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

Kod Seç Genişlet

),
 '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.

[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

[Tavusker]

çok teşekkürler, sağolun.