Advertisement:

Author Topic: [Tip] Drop Down Menu Feature of Dilber MC Theme  (Read 103772 times)

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
[Tip] Drop Down Menu Feature of Dilber MC Theme
« on: August 04, 2008, 06:14:12 AM »




index.template.php
Find:
Code: [Select]
// Show the [home] button.
echo'
<td align="center" class="menubg' , $current_action == 'home' ? '2' : '' , '">
<a href="', $scripturl, '">' , $txt[103] , '</a>
</td>';
// Show the [help] button.
echo'
<td align="center" class="menubg' , $current_action == 'help' ? '2' : '' , '">

<a href="', $scripturl, '?action=help">' , $txt[119] , '</a>
</td>';
// How about the [search] button?
if ($context['allow_search'])
echo'
<td align="center" class="menubg' , $current_action == 'search' ? '2' : '' , '">
<a href="', $scripturl, '?action=search">' , $txt[182] , '</a>
</td>';
// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo'
<td align="center" class="menubg' , $current_action == 'admin' ? '2' : '' , '">
<a href="', $scripturl, '?action=admin">' , $txt[2] , '</a>
</td>';
// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo'
<td align="center" class="menubg' , $current_action == 'profile' ? '2' : '' , '">
<a href="', $scripturl, '?action=profile">' , $txt[79] , '</a>
</td>';
// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo'
<td align="center" class="menubg' , $current_action == 'pm' ? '2' : '' , '">
<a href="', $scripturl, '?action=pm">' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</a>
</td>';
// The [calendar]!
if ($context['allow_calendar'])
echo'
<td align="center" class="menubg' , $current_action == 'calendar' ? '2' : '' , '">
<a href="', $scripturl, '?action=calendar">' , $txt['calendar24'] , '</a>
</td>';
// the [member] list button
if ($context['allow_memberlist'])
echo'
<td align="center" class="menubg' , $current_action == 'mlist' ? '2' : '' , '">
<a href="', $scripturl, '?action=mlist">' , $txt[331] , '</a>
</td>';

// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo'
<td align="center" class="menubg' , $current_action == 'login' ? '2' : '' , '">
<a href="', $scripturl, '?action=login">' , $txt[34] , '</a>
</td>';
// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo'
<td align="center" class="menubg' , $current_action == 'register' ? '2' : '' , '">
<a href="', $scripturl, '?action=register">' , $txt[97] , '</a>
</td>';
// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo'
<td align="center" class="menubg' , $current_action == 'logout' ? '2' : '' , '">
<a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a>
</td>';

Replace:
Code: [Select]
echo '
<td>
<div id="menu">
<ul class="menu">

<li class="level1"><a href="', $scripturl, '" class="level1"><span><span class="title">' , $txt[103] , '</span></span></a></li>

<li class="level1"><a href="', $scripturl, '?action=help" class="level1"><span><span class="title">' , $txt[119] , '</span></span></a></li>';

// How about the [search] button?
if ($context['allow_search'])
echo '
                            <li class="level1"><a href="', $scripturl, '?action=search" class="level1"><span><span class="title">' , $txt[182] , '</span></span></a></li>';

// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo '
                            <li class="level1"><a href="', $scripturl, '?action=admin" class="level1"><span><span class="title">' , $txt[2] , '</span></span></a></li>';
                             
// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo '
                            <li class="level1 parent"><a href="', $scripturl, '?action=profile" class="level1 parent"><span><span class="title">' , $txt[79] , '</span></span></a>
                            <ul class="level2">
    <li class="level2"><a href="', $scripturl, '?action=profile" class="level2"><span>' , $txt['hcm_summary'] , '</span></a></li>
    <li class="level2"><a href="', $scripturl, '?action=profile;sa=account" class="level2"><span>' , $txt['hcm_account'] , '</span></a></li>
    <li class="level2"><a href="', $scripturl, '?action=profile;sa=forumProfile" class="level2"><span>' , $txt['hcm_forumProfile'] , '</span></a></li>
</ul></li>';


// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo '
                            <li class="level1 parent"><a href="', $scripturl, '?action=pm" class="level1 parent"><span><span class="title">' , $txt['pm_short'] , ' ', $context['user']['unread_messages'] > 0 ? '[<strong>'. $context['user']['unread_messages'] . '</strong>]' : '' , '</span></span></a>
                            <ul class="level2">
    <li class="level2"><a href="', $scripturl, '?action=pm" class="level2"><span>' , $txt['hcm_readmessages'] , '</span></a></li>
    <li class="level2"><a href="', $scripturl, '?action=pm;sa=send" class="level2"><span>' , $txt['hcm_sendmessage'] , '</span></a></li>
</ul></li>';


// The [calendar]!
if ($context['allow_calendar'])
echo '
                            <li class="level1"><a href="', $scripturl, '?action=calendar" class="level1"><span><span class="title">' , $txt['calendar24'] , '</span></span></a></li>';


// the [member] list button
if ($context['allow_memberlist'])
echo '
                            <li class="level1 parent"><a href="', $scripturl, '?action=mlist" class="level1 parent"><span><span class="title">' , $txt[331] , '</span></span></a>
                            <ul class="level2">
    <li class="level2"><a href="', $scripturl, '?action=mlist" class="level2"><span>' , $txt['hcm_viewmembers'] , '</span></a></li>
    <li class="level2"><a href="', $scripturl, '?action=mlist;sa=search" class="level2"><span>' , $txt['hcm_searchmembers'] , '</span></a></li>
</ul></li>';

                           
// If the user is a guest, show [login] button.
if ($context['user']['is_guest'])
echo '
                            <li class="level1"><a href="', $scripturl, '?action=login" class="level1"><span><span class="title">' , $txt[34] , '</span></span></a></li>';
                           
// If the user is a guest, also show [register] button.
if ($context['user']['is_guest'])
echo '
                            <li class="level1"><a href="', $scripturl, '?action=register" class="level1"><span><span class="title">' , $txt[97] , '</span></span></a></li>';
                           
// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo '
    <li class="level1"><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '" class="level1"><span><span class="title">' , $txt[108] , '</span></span></a></li>';

echo '
                            </ul>
</div>
</td>';



languages/Modifications.english.php
Find:
Code: [Select]
?>
Add before:
Code: [Select]
$txt['hcm_summary'] = 'Summary';
$txt['hcm_account'] = 'Account Settings';
$txt['hcm_forumProfile'] = 'Forum Profile';
$txt['hcm_readmessages'] = 'Read Your Messages';
$txt['hcm_sendmessage'] = 'Send A Message';
$txt['hcm_viewmembers'] = 'View The Memberlist';
$txt['hcm_searchmembers'] = 'Search For Members';



Style.css
Add to the end:
Code: [Select]
/*
 * Drop Down Menu Feature of DilberMC Theme
 */


div#menu {
position: absolute;
top: 145px;
left: 40px;
z-index: 11;
height: 40px;
background: url('images/sep_black.png') no-repeat 0 0;; padding-left:1px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

div#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
float: left; 
}

div#menu li {
position: relative;
margin: 0px;
padding: 0px;
display: block;
float: left;
z-index: 5; 
font-weight: bold;
}

div#menu li a, #menu li span.separator {
height: 40px;
display: block;
float: left;
line-height: 32px;
text-decoration: none;
color: #FFFFFF;
}

div#menu li span { 
display: block;
}

div#menu li span { 
background-repeat: no-repeat;
background-position: 95% 0px;
}

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #D2D2D2;
}

div#menu li.active { 
font-weight: bold;
}

div#menu li.active ul { 
font-weight: normal;
}

div#menu li.parent span.separator { 
cursor: pointer;
}

 
div#menu ul.menu {
padding-right: 1px;
background: url('images/sep_white.png') no-repeat 100% 0;
}

div#menu li.level1 {
background: url('images/sep_white.png') no-repeat 0 0;
}

div#menu a.level1, div#menu span.level1 {
background: url('images/sep_black.png') no-repeat 100% 0;
color: #FFFFFF;
font-size: 100%;

}

div#menu a.level1 span, div#menu span.level1 span {
padding: 7px 20px 0px 20px;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #CFD7DE;
}

div#menu li.active a.level1, div#menu li.active span.level1 { 
color: #aa1428;
font-weight: bold;
}

 
div#menu a.level1 span.title, div#menu span.level1 span.title{
padding: 0px;
}

 
div#menu a.level1 span.sub, div#menu span.level1 span.sub {
padding: 0px;
font-size: 60%;
font-weight: normal;
color: #969696;
margin-top: -6px;
line-height: 10px;
}

 
div#menu li:hover a.level1 span.sub, div#menu li:hover span.level1 span.sub, div#menu li.sfhover a.level1 span.sub, div#menu li.sfhover span.level1 span.sub {
color: #ffffff;
}

 
div#menu ul.menu ul {
position: absolute;
top: 40px;
left: -999em; 
width: 165px;
font-size: 88%;
}

div#menu li:hover ul, div#menu li.sfhover ul {
left: 0px; 
z-index: 100;
}

div#menu li.level1 li {
    width: 100%; 
text-indent: 15px;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
height: 25px;
padding: 0px;
margin: 0px 1px;;
float: none; 
display: block;
line-height: 25px
}



style_lightblue.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #E0E0FF;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #E0E0FF;
}

div#menu ul.menu ul {
background: url('images/lightblue/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightblue/menu_item.png') no-repeat 100% 0;
}



style_lightbrown.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #F8F5E1;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #F8F5E1;
}

div#menu ul.menu ul {
background: url('images/lightbrown/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightbrown/menu_item.png') no-repeat 100% 0;
}



style_lightgolden.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #FCFFE0;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #FCFFE0;
}

div#menu ul.menu ul {
background: url('images/lightgolden/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightgolden/menu_item.png') no-repeat 100% 0;
}



style_lightgreen.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #DDFCF2;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #DDFCF2;
}

div#menu ul.menu ul {
background: url('images/lightgreen/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightgreen/menu_item.png') no-repeat 100% 0;
}



style_lightlilac.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #FBE6FF;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #FBE6FF;
}

div#menu ul.menu ul {
background: url('images/lightlilac/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightlilac/menu_item.png') no-repeat 100% 0;
}



style_lightnavy.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #E3DEFA;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #E3DEFA;
}

div#menu ul.menu ul {
background: url('images/lightnavy/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightnavy/menu_item.png') no-repeat 100% 0;
}



style_lightolive.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #E7F8E1;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #E7F8E1;
}

div#menu ul.menu ul {
background: url('images/lightolive/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightolive/menu_item.png') no-repeat 100% 0;
}



style_lightred.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #FFE4E0;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #FFE4E0;
}

div#menu ul.menu ul {
background: url('images/lightred/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightred/menu_item.png') no-repeat 100% 0;
}



style_lightrose.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #FFE6EF;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #FFE6EF;
}

div#menu ul.menu ul {
background: url('images/lightrose/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightrose/menu_item.png') no-repeat 100% 0;
}



style_lightsilver.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #E7E7F2;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #E7E7F2;
}

div#menu ul.menu ul {
background: url('images/lightsilver/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightsilver/menu_item.png') no-repeat 100% 0;
}



style_lightturquoise.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #DCF5F5;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #DCF5F5;
}

div#menu ul.menu ul {
background: url('images/lightturquoise/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightturquoise/menu_item.png') no-repeat 100% 0;
}



style_lightviolet.css
add to the end:
Code: [Select]
/* Drop Down Menu Feature of DilberMC Theme */

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover { 
color: #EDE8F7;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 { 
color: #EDE8F7;
}

div#menu ul.menu ul {
background: url('images/lightviolet/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
background: url('images/lightviolet/menu_item.png') no-repeat 100% 0;
}

Finally upload the attached images to your theme file.



IE and IE6 Fix
index.template.php
find:
Code: [Select]
/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
add before:
Code: [Select]
// for ie!
if($context['browser']['is_ie'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/ie.css?fin1" />';

// for ie6!
if($context['browser']['is_ie6'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/ie6.css?fin1" />';

and then upload the attached styles (ie.css and ie6.css) to your theme file.



That's it.
Have fun.



« Last Edit: September 21, 2008, 09:19:29 AM by Hoochie Coochie Man »
İnadına SMF 1.1.X

Offline Nathaniel

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,117
  • Gender: Male
    • Verbtest.com
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #1 on: August 04, 2008, 06:29:48 AM »
Thank you for the very nice tip HCM. You should make a general tutorial on adding dropdown menus to any custom theme, there have been a lot of requests for this. ;D

Its a great addition to a great theme, now I'm just wishing that the theme worked for SMF 2 Beta. ;)

SMF Friend (Former Support Specialist) | SimplePortal Developer
My SMF Mods | SimplePortal

"Quis custodiet ipsos custodes?" - Who will Guard the Guards?

Please don't send me ANY support related PMs. I will just delete them.

Offline [SiNaN]

  • SMF Super Hero
  • *******
  • Posts: 11,524
  • Young and Foolish
    • SimplePortal
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #2 on: August 04, 2008, 07:41:41 AM »
Nice tip HCM. May be you write a tutorial as LHVWB said, and this will remain as an example. Then I'll move it to the Tips and Tricks Board.
Former SMF Core Developer | My Mods | SimplePortal

Offline Angelotus

  • Sr. Member
  • ****
  • Posts: 881
  • Gender: Male
    • Weeklyfun.nl | The Dutch Society of Fun
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #3 on: August 04, 2008, 07:44:28 AM »
Well done Hoochie!

Offline Alpay

  • Language Moderator
  • SMF Hero
  • *
  • Posts: 3,594
  • Gender: Male
  • test
    • Personal Web Page
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #4 on: August 04, 2008, 07:53:47 AM »
Good work Hcm.

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #5 on: August 04, 2008, 07:57:24 AM »
Thank you for the very nice tip HCM. You should make a general tutorial on adding dropdown menus to any custom theme, there have been a lot of requests for this. ;D

Its a great addition to a great theme, now I'm just wishing that the theme worked for SMF 2 Beta. ;)



Thanks for comment and advise. I will look into it ;)

Nice tip HCM. May be you write a tutorial as LHVWB said, and this will remain as an example. Then I'll move it to the Tips and Tricks Board.

Thanks for comment. Maybe you can move this for now.

Well done Hoochie!

Thanks..

Good work Hcm.

Thanks..
İnadına SMF 1.1.X

Offline Eliana Tamerin

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 5,611
  • Gender: Female
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #6 on: August 04, 2008, 09:28:21 AM »
Moved to Tips and Tricks board, and indexed.
Do NOT PM me for support.

SimplePortal 2.3.6 is OUT!
SimplePortal Project Manager
Download | Docs
SimplePortal: Power of Simplicity!

Offline BuЯЯЯЯaK

  • SMF Hero
  • ******
  • Posts: 2,121
  • Gender: Male
  • Burak
    • dinle sevgili
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #7 on: August 04, 2008, 09:32:01 AM »
Nice Tip Thx HCM

Offline ccbtimewiz

  • SMF Hero
  • ******
  • Posts: 5,300
  • Gender: Male
  • OXEN
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #8 on: August 04, 2008, 02:18:20 PM »
Very awesome tip, HCM! Thanks for putting this together. :)

babjusi

  • Guest
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #9 on: August 04, 2008, 02:22:24 PM »
Nice tip CHM, thanks for sharing it

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 24,136
  • Master of BBC Abuse
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #10 on: August 04, 2008, 05:55:31 PM »
Great stuff. Thank you. I'm currently involved in trying to get drop menus running with one of my themes and am having a rather interesting time of it.  :P

Dilber uses a table based menu. Would you also like to do a theme with a list <li> based menu as quite a lot of themes use this system?  Between the two of them this should cover most themes.

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #11 on: August 04, 2008, 06:08:18 PM »
Thanks for the comments guys.

Hi @antechinus
I'm thinking to make a general tutorial about that drop down menu. It also includes table based and <li> based menu. So everyone will make a dropdown menu with simple codes. Thanks again.
İnadına SMF 1.1.X

Offline franklinrony

  • SMF Hero
  • ******
  • Posts: 1,958
  • Gender: Male
  • Sharedownload SEO
    • franklinrony on Facebook
    • @franklinrony on Twitter
    • share download
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #12 on: August 04, 2008, 06:58:40 PM »
nice very good menu :)
http://twitter.com/franklinrony

Entra y aprende a ser un webmaster
www.sv-blog.com
--Si pides ayuda al menos agradece el soporte recibido----

Offline Angelotus

  • Sr. Member
  • ****
  • Posts: 881
  • Gender: Male
    • Weeklyfun.nl | The Dutch Society of Fun
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #13 on: August 05, 2008, 03:04:13 AM »
Thanks for the comments guys.

Hi @antechinus
I'm thinking to make a general tutorial about that drop down menu. It also includes table based and <li> based menu. So everyone will make a dropdown menu with simple codes. Thanks again.

Hoochie, I don't have a table / listed menu. I just use one singel div class for the menubar and styled links for the links. (see weeklyfun.nl). Is it still possible to make one dropdown out of it?

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #14 on: August 05, 2008, 03:23:54 AM »
Thanks for the comments guys.

Hi @antechinus
I'm thinking to make a general tutorial about that drop down menu. It also includes table based and <li> based menu. So everyone will make a dropdown menu with simple codes. Thanks again.

Hoochie, I don't have a table / listed menu. I just use one singel div class for the menubar and styled links for the links. (see weeklyfun.nl). Is it still possible to make one dropdown out of it?

Ofcourse possible, but sorry.. I don't know nothing about 2.0 beta :(
İnadına SMF 1.1.X

Offline Minare

  • Sophist Member
  • *****
  • Posts: 1,233
  • Gender: Male
  • Yapayalnız Kalmak İskelelerde !
    • Meryemce
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #15 on: August 05, 2008, 03:31:18 AM »
HCM thanks, it seems nice, I have a question, what is the change for an additional custom button ?

I have got this for example as a custom button in my dilber ( olive ) :

Code: [Select]

// Edit Recent Topic... [recent topics]

echo'
<td align="center" class="menubg' , $current_action == 'recenttopics' ? '2' : '' , '">
<a href="', $scripturl, '?action=recenttopics">' , $txt['recent_topics'] , '</a>
</td>';


after adding css codes etc , what should I replace the codes above with ?

( I am trying to grasp the matter by the way )

Thank you
O güzel Râsulu Yesrip yolunda
Hicret coşkusuyla aramalısın
Ayrılık Anne'den Baba'dan Yâr'dan
Ezelden geçerek kavuşmalısın

http://www.meryemce.biz

Offline Angelotus

  • Sr. Member
  • ****
  • Posts: 881
  • Gender: Male
    • Weeklyfun.nl | The Dutch Society of Fun
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #16 on: August 05, 2008, 03:35:32 AM »
Thanks for the comments guys.

Hi @antechinus
I'm thinking to make a general tutorial about that drop down menu. It also includes table based and <li> based menu. So everyone will make a dropdown menu with simple codes. Thanks again.

Hoochie, I don't have a table / listed menu. I just use one singel div class for the menubar and styled links for the links. (see weeklyfun.nl). Is it still possible to make one dropdown out of it?

Ofcourse possible, but sorry.. I don't know nothing about 2.0 beta :(

If you know how to make it in 1.1.5 and post it, I can change it for 2.0 and post it

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #17 on: August 05, 2008, 03:45:59 AM »
Hi @Minare

It's simple.

Find:
Code: [Select]
// If the user is a guest, show [login] button.
Add before:
Code: [Select]
                  // Edit Recent Topic... [recent topics]
                  echo '
                                  <li class="level1"><a href="', $scripturl, '?action=recenttopics" class="level1"><span><span class="title">' , $txt['recent_topics'] , '</span></span></a></li>';

@Angelotus you can do the same thing for main buttons.

But. making of subbuttons:
Quote
                  // the [MENU NAME] list button
                  echo '
                                  <li class="level1 parent"><a href="MAIN ITEM LINK" class="level1 parent"><span><span class="title">MAIN ITEM</span></span></a>
                                  <ul class="level2">
                      <li class="level2"><a href="ITEM 1 LINK" class="level2"><span>ITEM 1</span></a></li>
                      <li class="level2"><a href="ITEM 2 LINK" class="level2"><span>ITEM 2</span></a></li>
                  </ul></li>';
İnadına SMF 1.1.X

Offline Sudhakar Arjunan

  • Sophist Member
  • *****
  • Posts: 1,226
  • Gender: Male
  • SMF is the best forum tool
    • IT Acumens - Webdesigning & Webhositing services in Chennai
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #18 on: August 06, 2008, 02:20:02 AM »
Hi Hoochie Coochie Man,

You know something, i was waiting for the updates for last 2 days.
Since no reply from you. Saw the edit you have made in the post and got shocked.

You have started a new topic. The topic is moved to other board and many peoples have also given comment.

Big Peoples do big things - Because they want to be popular like other peoples commented here.

I was waiting there in smf , click my unread post since last visit every 5 minutes.

Today i went through my request page and found a updated existing post said , here it goes.

Actual Request Link - Topic: Design Drop Down Menu for Smf 1.1.5  (Read 270 times) with 19 Replies on it

Note : May be i would have been wrongly waiting for the reply.
           May be you are a big Specialist.
           May be you would like to show to others instead of one who has requested .
           May be we are only junior members in smf to have rights only to ask question.

--- Sorry to Hoochie Coochie Man and SMF team if am wrong.
Working on New Mods & Themes for SMF... Will update soon... My Blog page
My Smf forum : Discuss ITAcumens :: My SMF Forum

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: [Tip] Drop Down Menu Feature of Dilber MC Theme
« Reply #19 on: August 06, 2008, 02:42:16 AM »
Why are you waiting for updates. I've already told you in this topic when I finished it.

I'm not big people, I'm not doing BIG things, I'm just helping people. So I helped you, I made a menu for your request. Then what did you do, you told me...
Because they want to be popular like other peoples commented here.

Thank you very much for those beautiful comment.!!!


May be i would have been wrongly waiting for the reply.
May be you are a big Specialist.
May be you would like to show to others instead of one who has requested .
May be we are only junior members in smf to have rights only to ask question.

May be you should watch me carefully.

Have a nice day.
İnadına SMF 1.1.X