Outline tema ust menuye alt menu ekleme

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

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

tarantula901

25 Şub 2015, 03:18 Son düzenlenme: 25 Şub 2015, 03:37 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ç]
// 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ç]
// 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ç]
#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ç]
'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ç]
),
 '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.