(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg84.imageshack.us%2Fimg84%2F6018%2F16255570gn1.png&hash=efd8a010f7d9693836169d03318ca282935d8980)
index.template.php
Find:
// 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:
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:
?>
Add before:
$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:
/*
* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* 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:
/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
add before:
// 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.
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. ;)
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.
Well done Hoochie!
Good work Hcm.
Quote from: LHVWB 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. ;)
Thanks for comment and advise. I will look into it ;)
Quote from: [SiNaN] 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.
Thanks for comment. Maybe you can move this for now.
Quote from: Angelotus on August 04, 2008, 07:44:28 AM
Well done Hoochie!
Thanks..
Quote from: Alpay on August 04, 2008, 07:53:47 AM
Good work Hcm.
Thanks..
Moved to Tips and Tricks board, and indexed.
Nice Tip Thx HCM
Very awesome tip, HCM! Thanks for putting this together. :)
Nice tip CHM, thanks for sharing it
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.
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.
nice very good menu :)
Quote from: Hoochie Coochie Man 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.
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?
Quote from: Angelotus on August 05, 2008, 03:04:13 AM
Quote from: Hoochie Coochie Man 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.
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 :(
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 ) :
// 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
Quote from: Hoochie Coochie Man on August 05, 2008, 03:23:54 AM
Quote from: Angelotus on August 05, 2008, 03:04:13 AM
Quote from: Hoochie Coochie Man 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.
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
Hi @Minare
It's simple.
Find:
// If the user is a guest, show [login] button.Add before:
// 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>';
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 (http://www.simplemachines.org/community/index.php?topic=253165.0)
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.
Why are you waiting for updates. I've already told you in this topic (http://www.simplemachines.org/community/index.php?topic=253165.msg1645437#msg1645437) 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...
Quote from: asudhakar on August 06, 2008, 02:20:02 AM
Because they want to be popular like other peoples commented here.
Thank you very much for those beautiful comment.!!!
Quote from: asudhakar on August 06, 2008, 02:20:02 AM
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.
Let's not get offtopic here.
@asudhakar: Hoochie has made the time not only for you but also for others to make a compatible dropdown menu for this theme in his free spare time. Don't critisize him for that, just thank him, although you where waiting in an other topic for a reply.
Quote from: Hoochie Coochie Man on August 06, 2008, 02:42:16 AM
Why are you waiting for updates. I've already told you in this topic (http://www.simplemachines.org/community/index.php?topic=253165.msg1645437#msg1645437) when I finished it.
I was waiting for the updated topic . Sorry Hoochie Coochie Man.
Quote from: Hoochie Coochie Man on August 06, 2008, 02:42:16 AM
Thank you very much for those beautiful comment.!!!
Nothing to hurt you Hoochie coochie Man. Its just a feel i had seeing this post.
Quote from: Hoochie Coochie Man on August 06, 2008, 02:42:16 AM
May be you should watch me carefully.
Will do it from now.
Quote from: Hoochie Coochie Man on August 06, 2008, 02:42:16 AM
Have a nice day.
Now am modifying my fourm with the codes you have written for all DilberMc fan's.
Thanks for the work in your time Hoochie coochie Man.
And if am not wrong again , would like to pay you some dollars for your valuable time. Let me know your details through pm. Will do the transfer immediately.
Quote from: asudhakar on August 06, 2008, 03:00:17 AM
And if am not wrong again , would like to pay you some dollars for your valuable time. Let me know your details through pm. Will do the transfer immediately.
I appreciate that. But no, thanks. :)
It's not necessary. it's my pleasure.
Have a nice day.
Hi Hoochie Coochie Man,
Currently am modifying my menu as per your instructions.
Have uploaded those images on exisiting folder. ex: themes/dilbermc/images/foldercolourname/file droped here.
And even added the ie issues and uploded in the dilber mc theme root directory.
Still i go this error. could you fix it for me Hoochie coochie man.
Output Image : See the Output here (http://www.itacumens.com/forum/Themes/dilbermc/images/Hoochie_Coochie_Man_Check_this_Menu.JPG)
Did you refresh the page with F5 button?
Thank you HCM. I've just set this up on my XAMPP running 1.1.5 with TP 0.983 (the reason being that we run this combination so that was the Dilber version I had).
It works beautifully, but of course with TP I had to add the forum button as well, along with its context setting. If anyone else wants to do this it only requires a slight alteration to the first lines of the menu code in index.template.php
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>';
if($settings['TPortal_front_type']!='boardindex')
echo'
<li class="level1"><a href="', $scripturl, '?action=forum" class="level1"><span><span class="title">' , $txt['tp-forum'] , '</span></span></a></li>
I had to rearrange the upshrinks as the menu interfered with them, so I used the following arrangement and also changed the menu positioning slightly in style.css.
// Dummy place holder, to end things
echo'
<td align="center" class="menubg" width="20">
</td>
<div style="width: 40px; height: 20px; float:left; padding-left: 27px; margin-top: 10px;"> ';
if($context['TPortal']['leftbar'])
echo '<a href="javascript:void(0);" onclick="shrinkHeaderLeftbar(!current_leftbar); return false;"><img id="upshrinkLeftbar" src="', $settings['images_url'], '/', empty($options['collapse_leftbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 2px 0;" border="0" /></a><img id="upshrinkTempLeftbar" src="', $settings['images_url'], '/blank.gif" alt="" " />
</div>
<div style="width: 40px; height: 20px; float:right; margin-top: 10px;"> ';
if($context['TPortal']['rightbar'])
echo '<a href="javascript:void(0);" onclick="shrinkHeaderRightbar(!current_rightbar); return false;"><img id="upshrinkRightbar" src="', $settings['images_url'], '/', empty($options['collapse_rightbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 2px 0;" border="0" /></a><img id="upshrinkTempRightbar" src="', $settings['images_url'], '/blank.gif" alt="" " />
</div>';
// TinyPortal end
echo '
div#menu {
position: absolute;
top: 145px;
left: 70px;
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
}
For the custom language strings I used a ThemeStrings.english.php file to contain them and called it with code in index.template.php as described here. (http://www.simplemachines.org/community/index.php?topic=197350.msg1630516#msg1630516)
One thing I have noticed is that the current action doesn't highlight the relevant button in the menu bar. How would I arrange for this to happen?
Your cool HCM 8)
Quote from: Crip on August 06, 2008, 06:14:25 AM
Your cool HCM 8)
Thanks @Crip
@antechinus, Dilber MC using
class="menubg" in table tags but we are not using table. However we can't use
class="menubg" in our menu too, because we are using so many
classes. I mean, you can't use two or more classes in one tag. So you must use how the way it is. or you will remove your dropdown feature. Choose is yours.
Ok, I understand that. Thanks.
Quote from: Hoochie Coochie Man on August 06, 2008, 05:11:30 AM
Well, try then.
Thanks a Lot Hoochie Coochie Man.
I have Refreshed and got the output.
Check out @ IT Acumens Forum Page (http://forum.itacumens.com/index.php?action=forum)
Pretty easy really ---
CSS:
* DropDownMenu */
div#menu {
left: 39px;
z-index: 11;
height: 32px;
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: 39px;
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: 110%;
}
div#menu a.level1 span, div#menu span.level1 span {
padding: 5px 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;;
background: #89A7C1;
float: none;
display: block;
line-height: 25px
}
Yeah. Easy. Why didn't we think of it? ;)
@asudhakar, increase this a little..
top: 145px;
Hi Hoochie Coochie Man ,
Its working , check this error while as a Guest.
Check this Guest Output Image (http://www.itacumens.com/forum/Themes/dilbermc/images/Hoochie_Coochie_Man_Check_guest_menu.JPG)
Quote from: Hoochie Coochie Man on August 06, 2008, 06:42:53 AM
@asudhakar, increase this a little..
top: 145px;
Not Sure where to edit this Hoochie Coochie Man.
in style.css
Will do it,
And Hoochie Coochie Man ,
Its working , check this error while as a Guest.
Check this Guest Output Image (http://www.itacumens.com/forum/Themes/dilbermc/images/Hoochie_Coochie_Man_Check_guest_menu.JPG)
in a small screen the menu goes to the next line.
@asudhakar, I understand you. and I told you that how you gonna fix it.!
Then you asking me same error again and again :D
here...
/*
* 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
}
see
top: 145px;
increase it
Quote from: Hoochie Coochie Man on August 06, 2008, 08:32:47 AM
see
top: 145px;
increase it
Have increase it to 175 , Now its good for guest in Mozilla.
When User Logs in the forum , the user menu goes down.
---------------------------------------------------------------
Hi i have saw the demo link in internet explorer 6.
Its shows with error. Say its shows vertically.
I have updated my site and working good in firefox but not in internet exlorer even with the fix you have attached.
So i have checked the demo page in ie even refreshed.
Help me to fix it.
You can see it live on Forum Homepage (http://forum.itacumens.com/) using an IE Browser
-------------------------------------------
Updating thread :
Hi i got one question here.
The Forum Name is not displayed instead it shows a forum.
Inside Board : The top link will be like IT Acumens -> Board Name -> post name.
But it shows as Forum -> .....
Check this image and leave a comment on this bug. (http://www.itacumens.com/forum/Themes/dilbermc/images/ITAcumens_Forum_Name_Changed.JPG)
Thank you very much, I tried it onto that theme and it rocks. I was trying to use somewhat the same things but just the differense is the colours of navigation bar. I am now using Dark Night theme and Dilber MC theme's navigation bar is same as Dark Night. Hence should have much problem i suppose.
Can you please tell me the edits for it please.
Thank you.
Uh-oh, here we go. Ive just made the mistake of checking this menu in IE7 and yup, it has problems.
Cross-browser compatibility strikes again.
Beats me why anyone would be stupid enough to use IE but a lot of people do.
Anyway screenshot follows..............................
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi298.photobucket.com%2Falbums%2Fmm268%2FMurtadHeaven%2FIE7_drop_menu.jpg&hash=2b6fab3a290e2f56ec569954818d3fac24f0f0a6)
ETA: Just to double check I've tested it again without the forum button or upshrinks and the problem is still the same. Altering the 148px dimension in ie.css makes absolutely no difference either. Sorry mate but I have to go by what my server is telling me.
I'll also add that this sort of thing is precisely what I encountered when trying to add drop menus to the Outline theme. I could get them perfect in Firefox or perfect in IE, but...........................
ETA 2: Just had a brainwave (which I should have had before). I think it should be possible to get around this by adding quite a few more classes to the ie.css
Basically making it a duplicate of the standard css but with different paddings and margins or whatever. I'll test this out later.
Hi @F.L.A.M.E.R
I made a few images for that theme.
http://img142.imageshack.us/img142/1810/menubgyu0.png (as menu_bg.png)
http://img142.imageshack.us/img142/2824/menuitemiz9.png (as menu_item.png)
Hi @asudhakar
You must do what I said.
just increase it..
top: 145px;
Your other menu (very on top) creates this error, so you must increase it 155 or 160
Quote from: Hoochie Coochie Man on August 07, 2008, 02:49:35 AM
Your other menu (very on top) creates this error, so you must increase it 155 or 160
Sir, i have already tried between 145 - 185 px ;
When i change it to top: 145px; - Guest shows top out of menu - User is perfectly fitted
When i change it to top: 165px; - Guest Shows Perfect Menu - User menu is down to the menu bar.
@antechinus
did you try increase top: 148px; in ie.css
@asudhakar
Can you give me an account please?
Quote from: Hoochie Coochie Man on August 07, 2008, 03:52:21 AM
@asudhakar
Can you give me an account please?
Hi HCM, I have sent a PM of my account details.
Quote from: asudhakar on August 07, 2008, 03:59:42 AM
Quote from: Hoochie Coochie Man on August 07, 2008, 03:52:21 AM
@asudhakar
Can you give me an account please?
Hi HCM, I have sent a PM of my account details.
@asudhakar, you didn't say to me when users log in, on very on top menu dissapear.
Open style.css
Find:
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
}Replace:
div#menu {
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
}Find:
div#menu a.level1 span, div#menu span.level1 span {
padding: 7px 20px 0px 20px;
}Replace:
div#menu a.level1 span, div#menu span.level1 span {
padding: 0px 20px 0px 20px;
}Find:
div#menu ul.menu ul {
position: absolute;
top: 40px;
left: -999em;
width: 165px;
font-size: 88%;
}Replace:
div#menu ul.menu ul {
position: absolute;
top: 30px;
left: -999em;
width: 165px;
font-size: 88%;
}finally replace these images with oldies..
http://img382.imageshack.us/img382/8362/sepblackyk3.png (as sep_black.png)
http://img58.imageshack.us/img58/3752/sepwhitezl2.png (as sep_white.png)
Quote from: Hoochie Coochie Man on August 07, 2008, 04:20:17 AM
@asudhakar, you didn't say to me when users log in, on very on top menu disappear.
I got the error Fix HCM, Thanks for it . I have used the top menu earlier just to get focus of users.
Thanks for the Code and now its working fine after refreshing guest and login pages.
Have Now check at Internet Explorer 6.
Saw a thick link underneath the drop down menu.
But no drop down effect only in Internet Explorer. Check with few other systems also using Internet Explorer 6 & 7.
@asudhakar
I'm using only Firefox and IE7 browsers.
and your site works fine both of.
You must show me your error with a pic of your IE6 error.
Quote from: Hoochie Coochie Man on August 07, 2008, 03:52:21 AM@antechinus
did you try increase top: 148px; in ie.css
Quote from: antechinus on August 06, 2008, 06:27:42 PMAltering the 148px dimension in ie.css makes absolutely no difference either.
All the way to 258, just for the hell of it. Didn't seem to help. I tried going 158-168 first of course.
Btw I've only tried this on XAMPP so far but I was refreshing. Tried clearing cache and cookies as well.
I'll try loading it on a live site tomorrow.
Quote from: Hoochie Coochie Man on August 07, 2008, 04:51:40 AM
You must show me your error with a pic of your IE6 error.
Yes now tested at IE7 after Install - Works good in IE7, Mozilla 2.0, 3.0 and Opera 9.27
Not showing in IE6. Images of ie6 (http://www.itacumens.com/forum/Themes/dilbermc/images/IT%20Acumens%20Forum%20-%20No%20Drop%20Down%20at%20IE6.JPG)
Quote from: Hoochie Coochie Man on August 07, 2008, 02:49:35 AM
Hi @F.L.A.M.E.R
I made a few images for that theme.
http://img142.imageshack.us/img142/1810/menubgyu0.png (as menu_bg.png)
http://img142.imageshack.us/img142/2824/menuitemiz9.png (as menu_item.png)
Shall I just upload these two images and do the code edits ? Or some changes are to be done in the code ?
Thanks for the reply.
Quote from: F.L.A.M.E.R on August 07, 2008, 06:10:04 AM
some changes are to be done in the code ?
@F.L.A.M.E.R
Nope. You don't have to..
just replace them with oldies..
Quote from: asudhakar on August 07, 2008, 05:54:55 AM
Quote from: Hoochie Coochie Man on August 07, 2008, 04:51:40 AM
You must show me your error with a pic of your IE6 error.
Yes now tested at IE7 after Install - Works good in IE7, Mozilla 2.0, 3.0 and Opera 9.27
Not showing in IE6. Images of ie6 (http://www.itacumens.com/forum/Themes/dilbermc/images/IT%20Acumens%20Forum%20-%20No%20Drop%20Down%20at%20IE6.JPG)
@asudhakar
copy the dropdown menu codes from your style.css and paste them to your ie6.css. then turn back to me.
Quote from: Hoochie Coochie Man on August 07, 2008, 06:35:03 AM
@asudhakar
copy the dropdown menu codes from your style.css and paste them to your ie6.css. then turn back to me.
Hi i have copied this code from Style.css and replaced with the existing code as follows.
/*
* Drop Down Menu Feature of DilberMC Theme
*/
div#menu {
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: 0px 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: 30px;
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
}
Refreshed Many times in IE6, but still i could not see the drop down HCM.
Hımm, I have no idea :-\
Did you try my demo site on first post?
Could you try it for me?
Quote from: Hoochie Coochie Man on August 07, 2008, 08:21:22 AM
Hımm, I have no idea :-\
Did you try my demo site on first post?
Could you try it for me?
Yes you are right HCM, http://smfthemes.890m.com/forum/index.php?theme=26 is not showing drop buttons on Ie 6. But works well on Mozilla.
Ok this is what i did, I replaced the index.template.php text but it gave me template parse error.
I did all other edits. I am confused with the style.css edit. the 1st code which is in normal style.css, i added that code at the base in default theme. Then for the Dark Night Theme, what is the style.css edit ? or i have done something wrong ?
Please help me out.
Thank you.
EDIT:-
I by mistakely removed } , Now i dont get template parse error.. Now it shows differently... navigation bar is messed up.
Quote from: asudhakar on August 07, 2008, 08:30:08 AM
Yes you are right HCM, http://smfthemes.890m.com/forum/index.php?theme=26 is not showing drop buttons on Ie 6. But works well on Mozilla.
@asudhakar
Well then sorry about that.
Try to say your users that using IE7
@F.L.A.M.E.R
index.template.php
Find:
// Show the [home] button.
echo '
<td class="meny_nav"><a href="', $scripturl, '">' , $txt[103] , '</a></td>';
// Show the [help] button.
echo '
<td class="meny_nav"><a href="', $scripturl, '?action=help">' , $txt[119] , '</a></td>';
// How about the [search] button?
if ($context['allow_search'])
echo '
<td class="meny_nav"><a href="', $scripturl, '?action=search" >' , $txt[182] , '</a></td>';
// Is the user allowed to administrate at all? ([admin])
if ($context['allow_admin'])
echo '
<td class="meny_nav"><a href="', $scripturl, '?action=admin">' , $txt[2] , '</a></td>';
// Edit Profile... [profile]
if ($context['allow_edit_profile'])
echo '
<td class="meny_nav"><a href="', $scripturl, '?action=profile">' , $txt[79] , '</a></td>';
// Go to PM center... [pm]
if ($context['user']['is_logged'] && $context['allow_pm'])
echo '
<td class="meny_nav"><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 class="meny_nav"><a href="', $scripturl, '?action=calendar">' , $txt['calendar24'] , '</a></td>';
// the [member] list button
if ($context['allow_memberlist'])
echo '
<td class="meny_nav"><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 class="meny_nav"><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 class="meny_nav"><a href="', $scripturl, '?action=register">' , $txt[97] , '</a></td>';
// Otherwise, they might want to [logout]...
if ($context['user']['is_logged'])
echo '
<td class="meny_nav"><a href="', $scripturl, '?action=logout;sesc=', $context['session_id'], '">' , $txt[108] , '</a></td>';
Replace:
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>';style.css
add to the end:
/*
* 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%;
background: url('images/menu_bg.png') no-repeat 0 100%;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}
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
background: url('images/menu_item.png') no-repeat 100% 0;
}
it quite worked well but the text is misplaced and isnt exactly on the navigation bar.
Please have a look at the image:-
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg171.imageshack.us%2Fimg171%2F5926%2Fnavnd5.png&hash=88c89b92a79ee2dbc598c385ce66f93a1444b966)
this is how it was before:-
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg185.imageshack.us%2Fimg185%2F3269%2Fnavzn0.png&hash=f11494a88505f519ada5c507c2b84a205ebd1cee)
style.css
/*
* 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
}
See top: 145px;
increase it
Quote from: Hoochie Coochie Man on August 07, 2008, 08:51:45 AM
@asudhakar
Well then sorry about that.
Try to say your users that using IE7
Ok Thank you for this great Help HCM.
I have already wrote another issue in my forum.
I got my Forum Name changed at the index.
Say my fourm name is IT Acumens.
Earlier output - IT Acumens - Board Name - Post Name
Current output - Forum - Board Name - Post Name
Even tell me if its not relevant to this post.
how do I increase the spacing between these main nav text.. My user is facing some prob in Firefox..
I got it all right but he got it different
see the image please..
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg440.imageshack.us%2Fimg440%2F3149%2Fprobslayoutet7.jpg&hash=9d5c923c509a7e210dc716a830637f209baf036e)
@asudhakar
it is different issue. It's not about with dropdownmenu
@F.L.A.M.E.R
Refresh your browser with F5
how shall i increase spacing between these buttons ? and how shall i align the text to the left in the drop down ?
Thank you for your quick replies.
EDIT:-
My friend is now able to see it properly was the cookie problem.
And also how can I add in breaks line lines between the text in the drop down ?
Thank you.
Quote from: F.L.A.M.E.R on August 07, 2008, 10:09:26 AM
how shall i increase spacing between these buttons ? and how shall i align the text to the left in the drop down ?
Quotediv#menu a.level1 span, div#menu span.level1 span {
padding: 7px 20px 0px 20px;
}
Red texts are your spaces between buttons.
you can align the text to the left like...
index.template.php
Find:
<tr align="center">
', template_menu(), '
</tr>Replace:
<tr>
', template_menu(), '
</tr>
I think the issue with IE6 is the way IE6 handles the dropdowns, it needs a little of java to work, here is an old example, and that's what I use in my forum http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/ hope it helps a bit.
Thank you for the great contribution Hoochie Coochie Man!!
Quote from: ♫ ♪♩♬â™â™® ♯ on August 09, 2008, 12:08:06 AM
I think the issue with IE6 is the way IE6 handles the dropdowns, it needs a little of java to work, here is an old example, and that's what I use in my forum http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/ hope it helps a bit.
Thank you for the great contribution Hoochie Coochie Man!!
Hi thanks for the good share. Hope HCM will look after and shows as the code to be used for ie6.
Thank you.
Quote from: ♫ ♪♩♬â™â™® ♯ on August 09, 2008, 12:08:06 AM
I think the issue with IE6 is the way IE6 handles the dropdowns, it needs a little of java to work, here is an old example, and that's what I use in my forum http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/ hope it helps a bit.
Thank you for the great contribution Hoochie Coochie Man!!
I think you're right here. It seems, from what I've been using on another theme, that IE6 doesn't deal with css-based drops. I think this doesn't really matter as long as critical functions for the general membership are available in the toolbar. If they want the extras it's a good incentive for them to upgrade their browser. IE7 is a free upgrade and Firefox, Sea Monkey and K-Meleon have always been free and are all better than any Microsoft product. There's no real excuse for using IE6 any more (apart from ignorance).
Of course the problem with using javascript menus is that anyone running through a script blocker (and they're quite common these days because of security concerns) wont be able to use the drop menus anyway.
I think in the near future people using script blockers will outnumber people using IE6 so personally I'd prefer to stay with css menus.
Ok, here i go.
Thats good, we know the will not work in ie6.
But our Guest doesn't know about it.
could we make some warning if once they try to open the menu.
It should say or show, the menu feature will not work in IE 6 browser.
Just a try i made.
Quote from: ♫ ♪♩♬â™â™® ♯ on August 09, 2008, 12:08:06 AM
I think the issue with IE6 is the way IE6 handles the dropdowns, it needs a little of java to work, here is an old example, and that's what I use in my forum http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/ hope it helps a bit.
Thank you for the great contribution Hoochie Coochie Man!!
Thanks @♫ ♪♩♬â™â™® ♯
But I have only Firefox and IE7 on my pc. :( This menu working great with them.
So.. I couldn't test it and couldn't make code changes on IE6. Please somebody take a look at that menu's codes and make capable of work with IE6.
Thanks..
I'm not sure how you'd go about it. I'm using a menu based on one by CSSMenumaker.com (http://www.cssmenumaker.com/drop_down_css_menu.php) and Deprecated tested it for me on IE6 and.........................no go.
Standard toolbar buttons are fine but no drops. So I'll just keep the basics in the toolbar (as usual) and use the drops for members smart enough to get a decent browser. IE7 seems fine.
On the other hand apparently the menu from GRC (http://www.grc.com/menu2/invitro.htm) will function with just about any browser and the code is open source. Might be worth taking a look at it.
After messing with these menus I'm installing a second OS on my external and am going to run IE6 and FF2 on that for testing. I'll see what I can come up with once I get the installation done. I've just got Safari too. Can't be too careful.
Nice Antechinus.
And HCM , i have got one doubt.
If i want to move the memberlist main menu inside a menu like sub menu. How that could be possible.
Because the memberlist has the allowed list at the top using if condition.
I want it be inside a menu, like Other menu
And Memberlist and Search members should be under it and followed by other drop downs.
Code i could see here is like this,
// 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>';
I want this above code should work like a sub menu.
Thanks in Advance.
Quote from: asudhakar on August 15, 2008, 05:26:52 PM
Nice Antechinus.
And HCM , i have got one doubt.
If i want to move the memberlist main menu inside a menu like sub menu. How that could be possible.
Because the memberlist has the allowed list at the top using if condition.
I want it be inside a menu, like Other menu
And Memberlist and Search members should be under it and followed by other drop downs.
What do you want to do exactly? I don't understand. (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fe.deviantart.com%2Femoticons%2Fc%2Fcowboy.gif&hash=2e7e9df52196468af32a72f1abeadb90502e06b1)
Quote from: Hoochie Coochie Man on August 16, 2008, 01:22:36 AM
What do you want to do exactly? I don't understand. (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fe.deviantart.com%2Femoticons%2Fc%2Fcowboy.gif&hash=2e7e9df52196468af32a72f1abeadb90502e06b1)
Memberlist Menu -> Drop down of other menu - Memberlist Menu should be under other menu.
Quote from: asudhakar on August 16, 2008, 03:36:31 AM
Quote from: Hoochie Coochie Man on August 16, 2008, 01:22:36 AM
What do you want to do exactly? I don't understand. (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fe.deviantart.com%2Femoticons%2Fc%2Fcowboy.gif&hash=2e7e9df52196468af32a72f1abeadb90502e06b1)
Memberlist Menu -> Drop down of other menu - Memberlist Menu should be under other menu.
Here is that I don't understand part: What is other menu? (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fe.deviantart.com%2Femoticons%2Fc%2Fcowboy.gif&hash=2e7e9df52196468af32a72f1abeadb90502e06b1)
HCM, if you want to run IE6 with Vista for testing purposes this might be good.
It looks like they have a work around for Vista. I've tried their installer on XP and it seems fine.
http://tredosoft.com/Multiple_IE
I have a new menu called "Other Menu (or) New Menu 1"
Now i want to move the memberlist menu inside the new menu.
Check out the picture.
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.itacumens.com%2Fimages%2Fsmf%2FHCM_Menu_Order_needed.JPG&hash=f6b7e6f466fc306549762e0c2153acbf9e39f96f)
I have checked the coding used for memberlist, it uses some if statement to verify whether the guest or user.
// 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>';
So i have a doubt, whether to use the Same code for drop down or a new code as to be written.
Now i got lost in the Arcade button. Original Normal button:-
echo ($current_action == 'arcade' || $context['browser']['is_ie4']) ? '<td class="maintab_active_' . $first . '"> </td>' : '' , '
<td valign="top" class="maintab_' , $current_action == 'arcade' ? 'active_back' : 'back' , '">
<a href="', $scripturl, '?action=arcade">' , $txt['arcade'] , '</a>
</td>' , $current_action == 'arcade' ? '<td class="maintab_active_' . $last . '"> </td>' : '';
Changes I did to it:-
// How about the [arcade] button?
if ($context['browser']['is_ie4'])
echo '
<li class="maintab_' , $current_action == 'arcade' ? 'active_back' : 'back' , '">
<a href="', $scripturl, '?action=arcade" class="level1"><span><span class="maintab_">' , $txt['arcade'] , '</span></span></a></li>';
The button doesnt appear there in the navigation. Can you please tell me the edits. Thank you.
@asudhakar
Would you attache your index.template.php please?
@F.L.A.M.E.R
here is your arcade button.
<li class="level1"><a href="', $scripturl, '?action=arcade" class="level1"><span><span class="title">' , $txt['arcade'] , '</span></span></a></li>
Quote from: Hoochie Coochie Man on August 31, 2008, 08:12:37 AM
@asudhakar
Would you attache your index.template.php please?
Hi i have removed this tag
// 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>';
And Replaced with this tag,
<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>
Will this give any issue.
Check out the website : http://forum.itacumens.com/
And you try to drop down a menu named "Other menu"
give your comment on this edit.
I have taken the members drop down since, if the visitors using 640 * 800 resolution screen - They said the menus like logout and some menu were going to the next line.
Could you pm me a test account?
Quote from: asudhakar on August 31, 2008, 10:08:24 AM
Will this give any issue.
Check out the website : http://forum.itacumens.com/
Nope.
It looks OK.
Thank you , Thanks a lot HCM.
I was wondering how would this look like in the Orange Vista theme ? Any idea ?
Quote from: F.L.A.M.E.R on September 01, 2008, 08:32:23 AM
I was wondering how would this look like in the Orange Vista theme ? Any idea ?
This tip is not compatible with other themes.
okay.. but we can do some editing and do something like this in other themes aswell ?
Check out his other tutorial http://www.simplemachines.org/community/index.php?topic=253756.0
oh great..
By the way if anyone has been having trouble running TP with these menus and finding the upshrinks get messed up with the buttons (which is what I found when I tested it) I have a solution. I found that if you put the upshrinks in the <td> on top of the side bars they'll stay there quite happily and wont interfere with the buttons.
As an example:
// TinyPortal integrated bars
if($context['TPortal']['leftbar'])
{
echo '<td class="leftbar" width="' ,$context['TPortal']['leftbar_width'], '" style="padding: ' , isset($context['TPortal']['padding']) ? $context['TPortal']['padding'] : '4' , 'px;" valign="top" >';
if($context['TPortal']['leftbar'])
echo ' <a href="javascript:void(0);" onclick="shrinkHeaderLeftbar(!current_leftbar); return false;"><img id="upshrinkLeftbar" src="', $settings['images_url'] . '/'. $settings['theme_main_color'], '/', empty($options['collapse_leftbar']) ? 'upshrink.gif' : 'upshrink2.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin: 0 0 0 2px;" border="0" /></a><img id="upshrinkTempLeftbar" src="', $settings['images_url'], '/blank.gif" alt="" />
<div id="leftbarHeader"', empty($options['collapse_leftbar']) ? '' : ' style="display: none;"', ' style="width: ' ,$context['TPortal']['leftbar_width'], 'px;" align="left">';
TPortal_sidebar('left');
echo '</div></td>';
}
Quote from: F.L.A.M.E.R on September 01, 2008, 08:47:31 AM
okay.. but we can do some editing and do something like this in other themes aswell ?
I've done something similar with Outline. It should be possible with pretty much any theme.
I tried this and ended up with a mess...
...anyone care to share/upload their:
1. index.template.php
2. Settings_english.php ...and...
3. style.css
?
HI HCM & all,
am using 2.0.4 with Energy Theme - http://custom.simplemachines.org/themes/index.php?lemma=974
Will i get edits for having a drop down like one i had for Dilber Mc on 1.1.6 made By Hoochie coochie Man.
Quote from: A.SK on October 17, 2008, 05:11:31 PM
HI HCM & all,
am using 2.0.4 with Energy Theme - http://custom.simplemachines.org/themes/index.php?lemma=974
Will i get edits for having a drop down like one i had for Dilber Mc on 1.1.6 made By Hoochie coochie Man.
Do you still need help with this?
No. I sorted him in the other drop menu thread.
Quote from: Oldiesmann on December 13, 2008, 10:55:50 PM
Do you still need help with this?
As Antechinus informed. He had helped me in doing other menu. Now i have menu in all my themes.
Excellent one is XMas theme from DzinerStudio.
Thanks a lot Oldiesmann.
guyz i did it but still could'nt get it if neone would like to help me that would b very gud of them m learnin things for SMF but obstacles cummin :'(
so i would ask sumone to help out HCM can u plz ?
i ll provide all info to u cpanel | test a/c {admin privilages:P} then FTP n all u want but plz do it for me !
:( is here anybody who knows about a level3-menu ?
we´ve included the dropdown-menu but we need the 3rd level
every code i tried went wrong
help please
Jessi
Quote from: dannbass on August 09, 2008, 12:08:06 AM
I think the issue with IE6 is the way IE6 handles the dropdowns, it needs a little of java to work, here is an old example, and that's what I use in my forum http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/ hope it helps a bit.
Thank you for the great contribution Hoochie Coochie Man!!
Where did you add the java to get this to work?
ic_819 - Did you get this to work for you?
Jessikard - I'm not sure what you are asking?
Thanks.. Thanks a lot HCM.
Works great!
Thank you very much for this! =)
EDIT:
Oh crap :S...
I tested with:
- Opera
- Firefox
- G. Chrome
- IE7
- IE6
Only the last one (IE6) is givving some trouble..
I added everything correctly (i rechecked), uploaded the images, and both css (for ie) to the theme's directory.
But still, it looks like this:
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi114.photobucket.com%2Falbums%2Fn264%2Fsanma%2Fie6.png&hash=9584f248f76519927dab95235306a6477e486190)
What can i do to make it look like it should?
Thank you very much!!
Can you attach your index.template.php file so I can take a look?
Hey everyone. I am having the same issue that PSNick is having above with IE6 viewing my forums. Mine looks exactly like his does =( Have made all edits, and uploaded all files. Anyone think they could give me a hand figuring this out?
Here is my index.template file
<?php
// Version: 1.1; index
/* This template is, perhaps, the most important template in the theme. It
contains the main template layer that displays the header and footer of
the forum, namely with main_above and main_below. It also contains the
menu sub template, which appropriately displays the menu; the init sub
template, which is there to set the theme up; (init can be missing.) and
the linktree sub template, which sorts out the link tree.
The init sub template should load any data and set any hardcoded options.
The main_above sub template is what is shown above the main content, and
should contain anything that should be shown up there.
The main_below sub template, conversely, is shown after the main content.
It should probably contain the copyright statement and some other things.
The linktree sub template should display the link tree, using the data
in the $context['linktree'] variable.
The menu sub template should display all the relevant buttons the user
wants and or needs.
For more information on the templating system, please see the site at:
http://www.simplemachines.org/
*/
// Initialize the template... mainly little settings.
function template_init()
{
global $context, $settings, $options, $txt;
/* Use images from default theme when using templates from the default theme?
if this is 'always', images from the default theme will be used.
if this is 'defaults', images from the default theme will only be used with default templates.
if this is 'never' or isn't set at all, images from the default theme will not be used. */
$settings['use_default_images'] = 'never';
/* What document type definition is being used? (for font size and other issues.)
'xhtml' for an XHTML 1.0 document type definition.
'html' for an HTML 4.01 document type definition. */
$settings['doctype'] = 'xhtml';
/* The version this template/theme is for.
This should probably be the version of SMF it was created for. */
$settings['theme_version'] = '1.1';
/* Set a setting that tells the theme that it can render the tabs. */
$settings['use_tabs'] = true;
/* Use plain buttons - as oppossed to text buttons? */
$settings['use_buttons'] = true;
/* Show sticky and lock status seperate from topic icons? */
$settings['seperate_sticky_lock'] = true;
// Color changer
if(!$context['user']['is_guest'] && isset($_POST['options']['theme_color']))
{
include_once($GLOBALS['sourcedir'] . '/Profile.php');
makeThemeChanges($context['user']['id'], $settings['theme_id']);
$options['theme_color'] = $_POST['options']['theme_color'];
}
elseif ($context['user']['is_guest'])
{
if (isset($_POST['options']['theme_color']))
{
$_SESSION['theme_color'] = $_POST['options']['theme_color'];
$options['theme_color'] = $_SESSION['theme_color'];
}
elseif (isset($_SESSION['theme_color']))
$options['theme_color'] = $_SESSION['theme_color'];
}
}
// The main sub template above the content.
function template_main_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;
// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '><head>
<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
<meta name="description" content="'.((isset($context['page_title'])) ? $context['page_title'] : null).' - '.((isset($context['meta_description'])) ? $context['meta_description'] : null).'" />', empty($context['robot_no_index']) ? '' : '
<meta name="robots" content="noindex" />', '
<meta name="keywords" content="'.((isset($context['meta_keywords'])) ? $context['meta_keywords'] : null).', PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
var smf_charset = "', $context['character_set'], '";
// ]]></script>
<title>', $context['page_title'], '</title>';
// Any color set by user?
if (isset($options['theme_color']))
$settings['theme_main_color'] = $options['theme_color'];
// If not set, or if not allowed to set
if(!isset($options['theme_color']) || (isset($settings['allow_color_change']) && $settings['allow_color_change'] == 'no'))
{
// Defaults.
$options['theme_color'] = isset($settings['theme_main_color']) ? $settings['theme_main_color'] : 'lightblue';
$settings['theme_main_color'] = $options['theme_color'];
}
// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style_' , $settings['theme_main_color'] , '.css?fin11" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';
// 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" />';
/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */
if ($context['browser']['needs_size_fix'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';
// Show all the relative links, such as help, search, contents, and the like.
echo '
<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
<link rel="search" href="' . $scripturl . '?action=search" />
<link rel="contents" href="', $scripturl, '" />';
// If RSS feeds are enabled, advertise the presence of one.
if (!empty($modSettings['xmlnews_enable']))
echo '
<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';
// If we're viewing a topic, these should be the previous and next topics, respectively.
if (!empty($context['current_topic']))
echo '
<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';
// If we're in a board, or a topic for that matter, the index will be the board's index.
if (!empty($context['current_board']))
echo '
<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';
// We'll have to use the cookie to remember the header...
if ($context['user']['is_guest'])
$options['collapse_header'] = !empty($_COOKIE['upshrink']);
// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'], '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';
function shrinkHeader(mode)
{';
// Guests don't have theme options!!
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrink=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';
echo '
document.getElementById("upshrink").src = smf_images_url + ' . '"/'. $settings['theme_main_color'] . '" + (mode ? "/expand.gif" : "/collapse.gif");
document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";
current_header = mode;
}
// ]]></script>';
// the routine for the info center upshrink
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', ';
function shrinkHeaderIC(mode)
{';
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';
echo '
document.getElementById("upshrink_ic").src = smf_images_url + ' . '"/'. $settings['theme_main_color'] . '" + (mode ? "/expand.gif" : "/collapse.gif");
document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";
current_header_ic = mode;
}
// ]]></script>
</head>
<body>';
echo '
<div class="maindiv" style="width: ' , (isset($settings['page_div_width']) && !empty($settings['page_div_width'])) ? $settings['page_div_width'] : '99%' , ';">
<div style="width: 100%;" class="topbar">
<table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
<tr>
<td style="padding:0;" width="1" height="120">';
if(!($settings['logo_not_show']))
{
if (empty($settings['header_logo_url']))
echo '
<a href="', $scripturl, '"><img src="', $settings['images_url'] . '/'. $settings['theme_main_color'], '/logo.jpg" style="margin: 0px;" alt="', $context['forum_name'], '" title="', $context['forum_name'], '"/></a>';
else
echo '
<a href="', $scripturl, '"><img src="', $settings['header_logo_url'], '" style="margin: 0px;" alt="', $context['forum_name'], '" /></a>';
}
echo '
</td>';
if (!empty($settings['show_name_near_logo']))
echo '
<td>
<span style="font-family: \'Trebuchet MS\', Verdana, sans-serif; font-size: 150%; color: white; padding-top: 30px; padding-left: 30px; white-space: normal;">', $context['forum_name'], '</span>
</td>';
if (!empty($settings['top_right_html']))
echo '
<td valign="top" align="right">
<div style="color: white; padding-top: 10px; float:right;">', $settings['top_right_html'], '</div>
</td>';
echo '
</tr>
</table>
</div>
<div style="width: 100%; padding-top: 4px;" class="topbar2">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
<tr>';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<td valign="middle" height="30" class="smalltext" style="padding-left:10px; padding-top:0px; padding-bottom:0px;">
<b>', $txt[102], '</b>: ', $context['random_news_line'], '
</td>
';
echo '
<td valign="middle" height="30" style="padding-top:0px; padding-bottom:0px; padding-right:20px;" class="middletext" align="right">
<form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '" style="margin: 0px;">
<a href="', $scripturl, '?action=search;advanced"><img src="'.$settings['images_url'].'/filter.gif" align="middle" style="margin: 0px;" alt="" /></a>
<input type="text" name="search" value="" style="width: 190px;" />
<input type="submit" name="submit" value="', $txt[182], '" style="width: 11ex;" />
<input type="hidden" name="advanced" value="0" />';
// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
echo '
</form>
</td>
</tr>
</table>
</div>
<div class="menubar">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>';
// Show the menu here, according to the menu sub template.
template_menu();
echo '
</tr>
</table>
</div>';
// Here we start the main page, after the menu bar.
// Unfortunately, IE 6 couldn't handle a div here with a CSS background property, no matter how much I tried. So we use a table for IE here. I love Firefox ^_^ visit getfirefox.com for more info.
// It is time for Microsoft to get rid of IE and make Firefox their primary browser :P
// Ok, Opera can also display the div properly. I love both FF & Opera :)
echo '
', $context['browser']['is_ie'] ? '<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr><td class="mainpage">' : '<div class="mainpage">', '
<a style="float:right;" href="#" onclick="shrinkHeader(!current_header); return false;"><img id="upshrink" src="', $settings['images_url'], '/', $settings['theme_main_color'], '/', empty($options['collapse_header']) ? 'collapse.gif' : 'expand.gif', '" alt="*" title="', $txt['upshrink_description'], '" align="bottom" style="margin: 0 1ex;" /></a>
<div class="memberbardiv">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="20">
</td>
<td class="memberbar">';
if($context['user']['is_logged'])
echo '
', $txt['hello_member_ndt'], ' <b>', $context['user']['name'] , '</b>';
else
echo $txt['welcome_guest'];
echo '
</td>
<td class="middletext" align="right" valign="top" style="padding-right:10px; padding-left:10px;">
' , $context['current_time'], '
<br/>
</td>
</tr>
<tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<td valign="middle" width="1" style="padding-right:10px; padding-left:10px;">', !empty($context['user']['avatar']) ? $context['user']['avatar']['image'] : '', '</td>
<td class="memberbar">';
if($context['user']['is_logged'])
echo '
<br/>
<span class="middletext">'
, $context['allow_pm'] ? '<b>' . $txt[152] . ' <a href="' . $scripturl . '?action=pm">' . $context['user']['messages'] . ' ' . ($context['user']['messages'] != 1 ? $txt[153] : $txt[471]) . '</a>' . $txt['newmessages4'] . ' ' . $context['user']['unread_messages'] . ' ' . ($context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1']).'</b>' : '<br/>', '.<br/><br/>
> <a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> <br />
> <a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />
</span>';
echo '
</td>
<td class="middletext" align="right" valign="top" style="padding-right:10px; padding-left:10px;">
<br/>';
// Are they logged in?
if ($context['user']['is_logged'])
{
// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
', $txt['totalTimeLogged1'];
// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];
// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];
// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'], '<br />';
}
// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<b>', $txt[616], '</b><br />';
// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
{
echo '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
<span class="middletext">', $txt['smf52'], '</span>
<input type="hidden" name="hash_passwrd" value="" />
</form>
<br/><br/>';
}
echo '
</td>
</tr>
<tr id="upshrinkHeader2"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<td colspan="3" class="memberbardivbottom">';
// color selection box
if(isset($settings['allow_color_change']) && $settings['allow_color_change'] == 'box')
echo '
<div style="position: relative; bottom: 13px; right:15px; float:right; font-size:16px;">
<form action="', $scripturl, '" method="post">
<select name="options[theme_color]">
<option style="color:#6699CC;" value="lightblue" ' ,$settings['theme_main_color'] == 'lightblue' ? 'selected="selected"': '', '>•••</option>
<option style="color:#5371AD;" value="lightnavy" ' ,$settings['theme_main_color'] == 'lightnavy' ? 'selected="selected"': '', '>•••</option>
<option style="color:#6C7F93;" value="lightsilver" ' ,$settings['theme_main_color'] == 'lightsilver' ? 'selected="selected"': '', '>•••</option>
<option style="color:#53ADAD;" value="lightturquoise" ' ,$settings['theme_main_color'] == 'lightturquoise' ? 'selected="selected"': '', '>•••</option>
<option style="color:#4DB45D;" value="lightgreen" ' ,$settings['theme_main_color'] == 'lightgreen' ? 'selected="selected"': '', '>•••</option>
<option style="color:#93A659;" value="lightolive" ' ,$settings['theme_main_color'] == 'lightolive' ? 'selected="selected"': '', '>•••</option>
<option style="color:#D8A259;" value="lightgolden" ' ,$settings['theme_main_color'] == 'lightgolden' ? 'selected="selected"': '', '>•••</option>
<option style="color:#a67259;" value="lightbrown" ' ,$settings['theme_main_color'] == 'lightbrown' ? 'selected="selected"': '', '>•••</option>
<option style="color:#E15050;" value="lightred" ' ,$settings['theme_main_color'] == 'lightred' ? 'selected="selected"': '', '>•••</option>
<option style="color:#D47BC5;" value="lightrose" ' ,$settings['theme_main_color'] == 'lightrose' ? 'selected="selected"': '', '>•••</option>
<option style="color:#A185D6;" value="lightlilac" ' ,$settings['theme_main_color'] == 'lightlilac' ? 'selected="selected"': '', '>•••</option>
<option style="color:#7F88B2;" value="lightviolet" ' ,$settings['theme_main_color'] == 'lightviolet' ? 'selected="selected"': '', '>•••</option>
</select>
<input type="submit" name="submit" value="»»" style="width: 8ex; font-size:12px;" />
</form>
</div>';
if(isset($settings['allow_color_change']) && $settings['allow_color_change'] == 'bars')
echo '
<div style="position: relative; bottom: 15px; right:15px; float:right; ">
<form action="', $scripturl, '" method="post" class="smalltext">
<input style="border: solid 2px #6699CC; background-color: #6699CC; color: #6699CC; width: 20px; font-size: 1px;" type="submit" value="lightblue" name="options[theme_color]"/>
<input style="border: solid 2px #5371AD; background-color: #5371AD; color: #5371AD; width: 20px; font-size: 1px;" type="submit" value="lightnavy" name="options[theme_color]"/>
<input style="border: solid 2px #6C7F93; background-color: #6C7F93; color: #6C7F93; width: 20px; font-size: 1px;" type="submit" value="lightsilver" name="options[theme_color]"/>
<input style="border: solid 2px #53ADAD; background-color: #53ADAD; color: #53ADAD; width: 20px; font-size: 1px;" type="submit" value="lightturquoise" name="options[theme_color]"/>
<input style="border: solid 2px #4DB45D; background-color: #4DB45D; color: #4DB45D; width: 20px; font-size: 1px;" type="submit" value="lightgreen" name="options[theme_color]"/>
<input style="border: solid 2px #93A659; background-color: #93A659; color: #93A659; width: 20px; font-size: 1px;" type="submit" value="lightolive" name="options[theme_color]"/>
<input style="border: solid 2px #D8A259; background-color: #D8A259; color: #D8A259; width: 20px; font-size: 1px;" type="submit" value="lightgolden" name="options[theme_color]"/>
<input style="border: solid 2px #a67259; background-color: #a67259; color: #a67259; width: 20px; font-size: 1px;" type="submit" value="lightbrown" name="options[theme_color]"/>
<input style="border: solid 2px #E15050; background-color: #E15050; color: #E15050; width: 20px; font-size: 1px;" type="submit" value="lightred" name="options[theme_color]"/>
<input style="border: solid 2px #D47BC5; background-color: #D47BC5; color: #D47BC5; width: 20px; font-size: 1px;" type="submit" value="lightrose" name="options[theme_color]"/>
<input style="border: solid 2px #A185D6; background-color: #A185D6; color: #A185D6; width: 20px; font-size: 1px;" type="submit" value="lightlilac" name="options[theme_color]"/>
<input style="border: solid 2px #7F88B2; background-color: #7F88B2; color: #7F88B2; width: 20px; font-size: 1px;" type="submit" value="lightviolet" name="options[theme_color]"/>
</form>
</div>';
echo '
</td>
</tr>
</table>
</div>';
if(!empty($settings['custom_global_html']))
echo '
<div align="center" style="width: 90%; margin-left: auto; margin-right: auto; margin-top:10px; border: 0px solid;" class="middletext">
', $settings['custom_global_html'], '
</div>';
// The main content should go here.
echo '
<div id="bodyarea" style="padding: 1ex 25px 2ex 25px;">';
}
function template_main_below()
{
global $context, $settings, $options, $scripturl, $txt;
echo '
</div>';
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<div id="footerarea" style="text-align: center; padding-bottom: 1ex;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
function smfFooterHighlight(element, value)
{
element.src = smf_images_url + "/" + (value ? "h_" : "") + element.id + ".gif";
}
// ]]></script>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'right' : 'left', '">
<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="', $settings['images_url'], '/powered-mysql.gif" alt="', $txt['powered_by_mysql'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="', $settings['images_url'], '/powered-php.gif" alt="', $txt['powered_by_php'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
';
$twoby2host_copyrights = '<br /><a href="http://www.2by2host.com/services/simplemachines/">SMF customization services</a> by <a href="http://www.2by2host.com/">2by2host.com</a>';
echo '
', theme_copyright(), '
<span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;">';
if(!empty($twoby2host_copyrights))
{
echo $twoby2host_copyrights;
unset($twoby2host_copyrights);
}
echo '</span>
<br/><br/>
<span class="smalltext">'. $settings['custom_copyright'] . '</span>
</td>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'left' : 'right', '">
<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="', $settings['images_url'], '/valid-xhtml10.gif" alt="', $txt['valid_xhtml'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="', $settings['images_url'], '/valid-css.gif" alt="', $txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<span style="float:right; margin-right:10px; font-size:70%;"><b>Dilber MC</b> Theme by <b><a href="http://www.harzem.com/themes/themes.php?theme=dilbermc;color=', $settings['theme_main_color'], '" target="_blank">HarzeM</a></b></span>
</td>
</tr>
</table>';
// Show the load time?
if ($context['show_load_time'])
echo '
<span class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';
// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.
if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])
{
// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[';
// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
if ($context['browser']['is_safari'])
echo '
window.addEventListener("load", smf_codeFix, false);
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
for (var i = 0; i < codeFix.length; i++)
{
if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";
}
}';
elseif ($context['browser']['is_firefox'])
echo '
window.addEventListener("load", smf_codeFix, false);
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
for (var i = 0; i < codeFix.length; i++)
{
if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
codeFix[i].style.overflow = "scroll";
}
}';
else
echo '
var window_oldOnload = window.onload;
window.onload = smf_codeFix;
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
for (var i = codeFix.length - 1; i > 0; i--)
{
if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))
codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
}
if (window_oldOnload)
{
window_oldOnload();
window_oldOnload = null;
}
}';
echo '
// ]]></script>';
}
echo '
</div>
',($context['browser']['is_ie']) ? '</td></tr></table>' : '</div>' , '
</div>';
// The following will be used to let the user know that some AJAX process is running
echo '
<div id="ajax_in_progress" class="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>
</body></html>';
}
// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
global $context, $settings, $options;
echo '<div class="nav" style="font-size: 85%; margin-bottom: 2ex; margin-top: 2ex;">';
// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];
// Show the link, including a URL if it should have one.
echo '<b>', $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '" class="nav">' . $tree['name'] . '</a>' : $tree['name'], '</b>';
// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];
// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo ' > ';
}
echo '</div>';
}
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $db_prefix, $context, $settings, $options, $scripturl, $txt;
// Work out where we currently are.
$current_action = 'home';
if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
$current_action = 'admin';
if (in_array($context['current_action'], array('search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm', 'page')))
$current_action = $context['current_action'];
if ($context['current_action'] == 'search2')
$current_action = 'search';
if ($context['current_action'] == 'theme')
$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';
// Dummy place holder, to set the height
echo'
<td align="center" class="menubg" height="30" width="20">
</td>';
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>';
// the [More Links] list button
echo '
<li class="level1 parent"><a href="More Links" class="level1 parent"><span><span class="title">More Links</span></span></a>
<ul class="level2">
<li class="level2"><a href="http://tko.smallball.us/chat/" class="level2"><span>Official TKO Chat</span></a></li>
<li class="level2"><a href="http://tko.smallball.us/index.php" class="level2"><span>Coming Soon!</span></a></li>
<li class="level2"><a href="http://tko.smallball.us/index.php" class="level2"><span>Coming Soon!</span></a></li>
<li class="level2"><a href="http://tko.smallball.us/index.php" class="level2"><span>Coming Soon!</span></a></li>
</ul></li>';
// END More Links
// 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>';
// Dummy place holder, to end things
echo'
<td align="center" class="menubg" width="20">
</td>';
}
// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
global $settings, $buttons, $context, $txt, $scripturl;
// Create the buttons...
foreach ($button_strip as $key => $value)
{
if (isset($value['test']) && empty($context[$value['test']]))
{
unset($button_strip[$key]);
continue;
}
elseif (!isset($buttons[$key]) || $force_reset)
$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';
$button_strip[$key] = $buttons[$key];
}
if (empty($button_strip))
return '<td> </td>';
echo '
<td class="', $direction == 'top' ? 'main' : 'main', 'strip_first', '"> </td>
<td class="', $direction == 'top' ? 'main' : 'main', 'strip">', implode(' | ', $button_strip) , '</td>
<td class="', $direction == 'top' ? 'main' : 'main', 'strip_last' , '"> </td>';
}
?>
Any help anyone could give would be greatly appreciated
I am having the same issue with IE6 only. All other browsers, including IE5 seem to work fine with it.
For some reason I cannot upload an attachment to this board, possible my post count isn't high enough? not sure. Anyway, here is my index.template.php
// Edit
I implemented the IE and IE6 fix from the first post with still the same results.
<?php
// Version: 1.1; index
/* This template is, perhaps, the most important template in the theme. It
contains the main template layer that displays the header and footer of
the forum, namely with main_above and main_below. It also contains the
menu sub template, which appropriately displays the menu; the init sub
template, which is there to set the theme up; (init can be missing.) and
the linktree sub template, which sorts out the link tree.
The init sub template should load any data and set any hardcoded options.
The main_above sub template is what is shown above the main content, and
should contain anything that should be shown up there.
The main_below sub template, conversely, is shown after the main content.
It should probably contain the copyright statement and some other things.
The linktree sub template should display the link tree, using the data
in the $context['linktree'] variable.
The menu sub template should display all the relevant buttons the user
wants and or needs.
For more information on the templating system, please see the site at:
http://www.simplemachines.org/
*/
// Initialize the template... mainly little settings.
function template_init()
{
global $context, $settings, $options, $txt;
/* Use images from default theme when using templates from the default theme?
if this is 'always', images from the default theme will be used.
if this is 'defaults', images from the default theme will only be used with default templates.
if this is 'never' or isn't set at all, images from the default theme will not be used. */
$settings['use_default_images'] = 'never';
/* What document type definition is being used? (for font size and other issues.)
'xhtml' for an XHTML 1.0 document type definition.
'html' for an HTML 4.01 document type definition. */
$settings['doctype'] = 'xhtml';
/* The version this template/theme is for.
This should probably be the version of SMF it was created for. */
$settings['theme_version'] = '1.1';
/* Set a setting that tells the theme that it can render the tabs. */
$settings['use_tabs'] = true;
/* Use plain buttons - as oppossed to text buttons? */
$settings['use_buttons'] = true;
/* Show sticky and lock status seperate from topic icons? */
$settings['seperate_sticky_lock'] = true;
// Color changer
if(!$context['user']['is_guest'] && isset($_POST['options']['theme_color']))
{
include_once($GLOBALS['sourcedir'] . '/Profile.php');
makeThemeChanges($context['user']['id'], $settings['theme_id']);
$options['theme_color'] = $_POST['options']['theme_color'];
}
elseif ($context['user']['is_guest'])
{
if (isset($_POST['options']['theme_color']))
{
$_SESSION['theme_color'] = $_POST['options']['theme_color'];
$options['theme_color'] = $_SESSION['theme_color'];
}
elseif (isset($_SESSION['theme_color']))
$options['theme_color'] = $_SESSION['theme_color'];
}
}
// The main sub template above the content.
function template_main_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;
// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '><head>
<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />
<meta name="description" content="', $context['page_title'], '" />', empty($context['robot_no_index']) ? '' : '
<meta name="robots" content="noindex" />', '
<meta name="keywords" content="PHP, MySQL, bulletin, board, free, open, source, smf, simple, machines, forum" />
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/script.js?fin11"></script>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var smf_theme_url = "', $settings['theme_url'], '";
var smf_images_url = "', $settings['images_url'], '";
var smf_scripturl = "', $scripturl, '";
var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
var smf_charset = "', $context['character_set'], '";
// ]]></script>
<title>', $context['page_title'], '</title>';
// Any color set by user?
if (isset($options['theme_color']))
$settings['theme_main_color'] = $options['theme_color'];
// If not set, or if not allowed to set
if(!isset($options['theme_color']) || (isset($settings['allow_color_change']) && $settings['allow_color_change'] == 'no'))
{
// Defaults.
$options['theme_color'] = isset($settings['theme_main_color']) ? $settings['theme_main_color'] : 'lightblue';
$settings['theme_main_color'] = $options['theme_color'];
}
// The ?fin11 part of this link is just here to make sure browsers don't cache it wrongly.
echo '
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style.css?fin11" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/style_' , $settings['theme_main_color'] , '.css?fin11" />
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/print.css?fin11" media="print" />';
// 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" />';
/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */
if ($context['browser']['needs_size_fix'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';
// Show all the relative links, such as help, search, contents, and the like.
echo '
<link rel="help" href="', $scripturl, '?action=help" target="_blank" />
<link rel="search" href="' . $scripturl . '?action=search" />
<link rel="contents" href="', $scripturl, '" />';
// If RSS feeds are enabled, advertise the presence of one.
if (!empty($modSettings['xmlnews_enable']))
echo '
<link rel="alternate" type="application/rss+xml" title="', $context['forum_name'], ' - RSS" href="', $scripturl, '?type=rss;action=.xml" />';
// If we're viewing a topic, these should be the previous and next topics, respectively.
if (!empty($context['current_topic']))
echo '
<link rel="prev" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=prev" />
<link rel="next" href="', $scripturl, '?topic=', $context['current_topic'], '.0;prev_next=next" />';
// If we're in a board, or a topic for that matter, the index will be the board's index.
if (!empty($context['current_board']))
echo '
<link rel="index" href="' . $scripturl . '?board=' . $context['current_board'] . '.0" />';
// We'll have to use the cookie to remember the header...
if ($context['user']['is_guest'])
$options['collapse_header'] = !empty($_COOKIE['upshrink']);
// Output any remaining HTML headers. (from mods, maybe?)
echo $context['html_headers'], '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header = ', empty($options['collapse_header']) ? 'false' : 'true', ';
function shrinkHeader(mode)
{';
// Guests don't have theme options!!
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrink=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';
echo '
document.getElementById("upshrink").src = smf_images_url + ' . '"/'. $settings['theme_main_color'] . '" + (mode ? "/expand.gif" : "/collapse.gif");
document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";
current_header = mode;
}
// ]]></script>';
// the routine for the info center upshrink
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var current_header_ic = ', empty($options['collapse_header_ic']) ? 'false' : 'true', ';
function shrinkHeaderIC(mode)
{';
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrinkIC=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header_ic", mode ? 1 : 0, null, "', $context['session_id'], '");';
echo '
document.getElementById("upshrink_ic").src = smf_images_url + ' . '"/'. $settings['theme_main_color'] . '" + (mode ? "/expand.gif" : "/collapse.gif");
document.getElementById("upshrinkHeaderIC").style.display = mode ? "none" : "";
current_header_ic = mode;
}
// ]]></script>
</head>
<body>';
echo '
<div class="maindiv" style="width: ' , (isset($settings['page_div_width']) && !empty($settings['page_div_width'])) ? $settings['page_div_width'] : '99%' , ';">
<div style="width: 100%;" class="topbar">
<table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
<tr>
<td style="padding:0;" width="1" height="120">';
if(!($settings['logo_not_show']))
{
if (empty($settings['header_logo_url']))
echo '
<a href="', $scripturl, '"><img src="', $settings['images_url'] . '/'. $settings['theme_main_color'], '/logo.jpg" style="margin: 0px;" alt="', $context['forum_name'], '" title="', $context['forum_name'], '"/></a>';
else
echo '
<a href="', $scripturl, '"><img src="', $settings['header_logo_url'], '" style="margin: 0px;" alt="', $context['forum_name'], '" /></a>';
}
echo '
</td>';
if (!empty($settings['show_name_near_logo']))
echo '
<td>
<span style="font-family: \'Trebuchet MS\', Verdana, sans-serif; font-size: 150%; color: white; padding-top: 30px; padding-left: 30px; white-space: normal;">', $context['forum_name'], '</span>
</td>';
if (!empty($settings['top_right_html']))
echo '
<td valign="top" align="right">
<div style="color: white; padding-top: 10px; float:right;">', $settings['top_right_html'], '</div>
</td>';
echo '
</tr>
</table>
</div>
<div style="width: 100%; padding-top: 4px;" class="topbar2">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
<tr>';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<td valign="middle" height="30" class="smalltext" style="padding-left:10px; padding-top:0px; padding-bottom:0px;">
<b>', $txt[102], '</b>: ', $context['random_news_line'], '
</td>
';
echo '
<td valign="middle" height="30" style="padding-top:0px; padding-bottom:0px; padding-right:20px;" class="middletext" align="right">
<form action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '" style="margin: 0px;">
<a href="', $scripturl, '?action=search;advanced"><img src="'.$settings['images_url'].'/filter.gif" align="middle" style="margin: 0px;" alt="" /></a>
<input type="text" name="search" value="" style="width: 190px;" />
<input type="submit" name="submit" value="', $txt[182], '" style="width: 11ex;" />
<input type="hidden" name="advanced" value="0" />';
// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';
echo '
</form>
</td>
</tr>
</table>
</div>
<div class="menubar">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>';
// Show the menu here, according to the menu sub template.
template_menu();
echo '
</tr>
</table>
</div>';
// Here we start the main page, after the menu bar.
// Unfortunately, IE 6 couldn't handle a div here with a CSS background property, no matter how much I tried. So we use a table for IE here. I love Firefox ^_^ visit getfirefox.com for more info.
// It is time for Microsoft to get rid of IE and make Firefox their primary browser :P
// Ok, Opera can also display the div properly. I love both FF & Opera :)
echo '
', $context['browser']['is_ie'] ? '<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr><td class="mainpage">' : '<div class="mainpage">', '
<a style="float:right;" href="#" onclick="shrinkHeader(!current_header); return false;"><img id="upshrink" src="', $settings['images_url'], '/', $settings['theme_main_color'], '/', empty($options['collapse_header']) ? 'collapse.gif' : 'expand.gif', '" alt="*" title="', $txt['upshrink_description'], '" align="bottom" style="margin: 0 1ex;" /></a>
<div class="memberbardiv">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="20">
</td>
<td class="memberbar">';
if($context['user']['is_logged'])
echo '
', $txt['hello_member_ndt'], ' <b>', $context['user']['name'] , '</b>';
else
echo $txt['welcome_guest'];
echo '
</td>
<td class="middletext" align="right" valign="top" style="padding-right:10px; padding-left:10px;">
' , $context['current_time'], '
<br/>
</td>
</tr>
<tr id="upshrinkHeader"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<td valign="middle" width="1" style="padding-right:10px; padding-left:10px;">', !empty($context['user']['avatar']) ? $context['user']['avatar']['image'] : '', '</td>
<td class="memberbar">';
if($context['user']['is_logged'])
echo '
<br/>
<span class="middletext">'
, $context['allow_pm'] ? '<b>' . $txt[152] . ' <a href="' . $scripturl . '?action=pm">' . $context['user']['messages'] . ' ' . ($context['user']['messages'] != 1 ? $txt[153] : $txt[471]) . '</a>' . $txt['newmessages4'] . ' ' . $context['user']['unread_messages'] . ' ' . ($context['user']['unread_messages'] == 1 ? $txt['newmessages0'] : $txt['newmessages1']).'</b>' : '<br/>', '.<br/><br/>
> <a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> <br />
> <a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a><br />
</span>';
echo '
</td>
<td class="middletext" align="right" valign="top" style="padding-right:10px; padding-left:10px;">
<br/>';
// Are they logged in?
if ($context['user']['is_logged'])
{
// Show the total time logged in?
if (!empty($context['user']['total_time_logged_in']))
{
echo '
', $txt['totalTimeLogged1'];
// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];
// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];
// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'], '<br />';
}
// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<b>', $txt[616], '</b><br />';
// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
{
echo '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
<span class="middletext">', $txt['smf52'], '</span>
<input type="hidden" name="hash_passwrd" value="" />
</form>
<br/><br/>';
}
echo '
</td>
</tr>
<tr id="upshrinkHeader2"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
<td colspan="3" class="memberbardivbottom">';
// color selection box
if(isset($settings['allow_color_change']) && $settings['allow_color_change'] == 'box')
echo '
<div style="position: relative; bottom: 13px; right:15px; float:right; font-size:16px;">
<form action="', $scripturl, '" method="post">
<select name="options[theme_color]">
<option style="color:#6699CC;" value="lightblue" ' ,$settings['theme_main_color'] == 'lightblue' ? 'selected="selected"': '', '>•••</option>
<option style="color:#5371AD;" value="lightnavy" ' ,$settings['theme_main_color'] == 'lightnavy' ? 'selected="selected"': '', '>•••</option>
<option style="color:#6C7F93;" value="lightsilver" ' ,$settings['theme_main_color'] == 'lightsilver' ? 'selected="selected"': '', '>•••</option>
<option style="color:#53ADAD;" value="lightturquoise" ' ,$settings['theme_main_color'] == 'lightturquoise' ? 'selected="selected"': '', '>•••</option>
<option style="color:#4DB45D;" value="lightgreen" ' ,$settings['theme_main_color'] == 'lightgreen' ? 'selected="selected"': '', '>•••</option>
<option style="color:#93A659;" value="lightolive" ' ,$settings['theme_main_color'] == 'lightolive' ? 'selected="selected"': '', '>•••</option>
<option style="color:#D8A259;" value="lightgolden" ' ,$settings['theme_main_color'] == 'lightgolden' ? 'selected="selected"': '', '>•••</option>
<option style="color:#a67259;" value="lightbrown" ' ,$settings['theme_main_color'] == 'lightbrown' ? 'selected="selected"': '', '>•••</option>
<option style="color:#E15050;" value="lightred" ' ,$settings['theme_main_color'] == 'lightred' ? 'selected="selected"': '', '>•••</option>
<option style="color:#D47BC5;" value="lightrose" ' ,$settings['theme_main_color'] == 'lightrose' ? 'selected="selected"': '', '>•••</option>
<option style="color:#A185D6;" value="lightlilac" ' ,$settings['theme_main_color'] == 'lightlilac' ? 'selected="selected"': '', '>•••</option>
<option style="color:#7F88B2;" value="lightviolet" ' ,$settings['theme_main_color'] == 'lightviolet' ? 'selected="selected"': '', '>•••</option>
</select>
<input type="submit" name="submit" value="»»" style="width: 8ex; font-size:12px;" />
</form>
</div>';
if(isset($settings['allow_color_change']) && $settings['allow_color_change'] == 'bars')
echo '
<div style="position: relative; bottom: 15px; right:15px; float:right; ">
<form action="', $scripturl, '" method="post" class="smalltext">
<input style="border: solid 2px #6699CC; background-color: #6699CC; color: #6699CC; width: 20px; font-size: 1px;" type="submit" value="lightblue" name="options[theme_color]"/>
<input style="border: solid 2px #5371AD; background-color: #5371AD; color: #5371AD; width: 20px; font-size: 1px;" type="submit" value="lightnavy" name="options[theme_color]"/>
<input style="border: solid 2px #6C7F93; background-color: #6C7F93; color: #6C7F93; width: 20px; font-size: 1px;" type="submit" value="lightsilver" name="options[theme_color]"/>
<input style="border: solid 2px #53ADAD; background-color: #53ADAD; color: #53ADAD; width: 20px; font-size: 1px;" type="submit" value="lightturquoise" name="options[theme_color]"/>
<input style="border: solid 2px #4DB45D; background-color: #4DB45D; color: #4DB45D; width: 20px; font-size: 1px;" type="submit" value="lightgreen" name="options[theme_color]"/>
<input style="border: solid 2px #93A659; background-color: #93A659; color: #93A659; width: 20px; font-size: 1px;" type="submit" value="lightolive" name="options[theme_color]"/>
<input style="border: solid 2px #D8A259; background-color: #D8A259; color: #D8A259; width: 20px; font-size: 1px;" type="submit" value="lightgolden" name="options[theme_color]"/>
<input style="border: solid 2px #a67259; background-color: #a67259; color: #a67259; width: 20px; font-size: 1px;" type="submit" value="lightbrown" name="options[theme_color]"/>
<input style="border: solid 2px #E15050; background-color: #E15050; color: #E15050; width: 20px; font-size: 1px;" type="submit" value="lightred" name="options[theme_color]"/>
<input style="border: solid 2px #D47BC5; background-color: #D47BC5; color: #D47BC5; width: 20px; font-size: 1px;" type="submit" value="lightrose" name="options[theme_color]"/>
<input style="border: solid 2px #A185D6; background-color: #A185D6; color: #A185D6; width: 20px; font-size: 1px;" type="submit" value="lightlilac" name="options[theme_color]"/>
<input style="border: solid 2px #7F88B2; background-color: #7F88B2; color: #7F88B2; width: 20px; font-size: 1px;" type="submit" value="lightviolet" name="options[theme_color]"/>
</form>
</div>';
echo '
</td>
</tr>
</table>
</div>';
if(!empty($settings['custom_global_html']))
echo '
<div align="center" style="width: 90%; margin-left: auto; margin-right: auto; margin-top:10px; border: 0px solid;" class="middletext">
', $settings['custom_global_html'], '
<br />
Welcome to our latest member: <b>', $context['common_stats']['latest_member']['link'], '</b>
</div>';
// The main content should go here.
echo '
<div id="bodyarea" style="padding: 1ex 25px 2ex 25px;">';
}
function template_main_below()
{
global $context, $settings, $options, $scripturl, $txt;
echo '
</div>';
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '
<div id="footerarea" style="text-align: center; padding-bottom: 1ex;', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? ' width: 100%;' : '', '">
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
function smfFooterHighlight(element, value)
{
element.src = smf_images_url + "/" + (value ? "h_" : "") + element.id + ".gif";
}
// ]]></script>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'right' : 'left', '">
<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="', $settings['images_url'], '/powered-mysql.gif" alt="', $txt['powered_by_mysql'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="', $settings['images_url'], '/powered-php.gif" alt="', $txt['powered_by_php'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
', theme_copyright(), '
<br/><br/>
<span class="smalltext">'. $settings['custom_copyright'] . '</span>
</td>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'left' : 'right', '">
<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="', $settings['images_url'], '/valid-xhtml10.gif" alt="', $txt['valid_xhtml'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"><img id="valid-css" src="', $settings['images_url'], '/valid-css.gif" alt="', $txt['valid_css'], '" width="54" height="20" style="margin: 5px 16px;" onmouseover="smfFooterHighlight(this, true);" onmouseout="smfFooterHighlight(this, false);" /></a>
<span style="float:right; margin-right:10px; font-size:70%;"><b>Dilber MC</b> Theme by <b><a href="http://www.harzem.com/themes/themes.php?theme=dilbermc;color=', $settings['theme_main_color'], '" target="_blank">HarzeM</a></b></span>
</td>
</tr>
</table>';
// Show the load time?
if ($context['show_load_time'])
echo '
<span class="smalltext">', $txt['smf301'], $context['load_time'], $txt['smf302'], $context['load_queries'], $txt['smf302b'], '</span>';
// This is an interesting bug in Internet Explorer AND Safari. Rather annoying, it makes overflows just not tall enough.
if (($context['browser']['is_ie'] && !$context['browser']['is_ie4']) || $context['browser']['is_mac_ie'] || $context['browser']['is_safari'] || $context['browser']['is_firefox'])
{
// The purpose of this code is to fix the height of overflow: auto div blocks, because IE can't figure it out for itself.
echo '
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[';
// Unfortunately, Safari does not have a "getComputedStyle" implementation yet, so we have to just do it to code...
if ($context['browser']['is_safari'])
echo '
window.addEventListener("load", smf_codeFix, false);
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
for (var i = 0; i < codeFix.length; i++)
{
if ((codeFix[i].className == "code" || codeFix[i].className == "post" || codeFix[i].className == "signature") && codeFix[i].offsetHeight < 20)
codeFix[i].style.height = (codeFix[i].offsetHeight + 20) + "px";
}
}';
elseif ($context['browser']['is_firefox'])
echo '
window.addEventListener("load", smf_codeFix, false);
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
for (var i = 0; i < codeFix.length; i++)
{
if (codeFix[i].className == "code" && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0))
codeFix[i].style.overflow = "scroll";
}
}';
else
echo '
var window_oldOnload = window.onload;
window.onload = smf_codeFix;
function smf_codeFix()
{
var codeFix = document.getElementsByTagName ? document.getElementsByTagName("div") : document.all.tags("div");
for (var i = codeFix.length - 1; i > 0; i--)
{
if (codeFix[i].currentStyle.overflow == "auto" && (codeFix[i].currentStyle.height == "" || codeFix[i].currentStyle.height == "auto") && (codeFix[i].scrollWidth > codeFix[i].clientWidth || codeFix[i].clientWidth == 0) && (codeFix[i].offsetHeight != 0 || codeFix[i].className == "code"))
codeFix[i].style.height = (codeFix[i].offsetHeight + 36) + "px";
}
if (window_oldOnload)
{
window_oldOnload();
window_oldOnload = null;
}
}';
echo '
// ]]></script>';
}
echo '
</div>
',($context['browser']['is_ie']) ? '</td></tr></table>' : '</div>' , '
</div>';
// The following will be used to let the user know that some AJAX process is running
echo '
<div id="ajax_in_progress" class="ajax_in_progress" style="display: none;', $context['browser']['is_ie'] && !$context['browser']['is_ie7'] ? 'position: absolute;' : '', '">', $txt['ajax_in_progress'], '</div>
</body></html>';
}
// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree()
{
global $context, $settings, $options;
echo '<div class="nav" style="font-size: 85%; margin-bottom: 2ex; margin-top: 2ex;">';
// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];
// Show the link, including a URL if it should have one.
echo '<b>', $settings['linktree_link'] && isset($tree['url']) ? '<a href="' . $tree['url'] . '" class="nav">' . $tree['name'] . '</a>' : $tree['name'], '</b>';
// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];
// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo ' > ';
}
echo '</div>';
}
// Show the menu up top. Something like [home] [help] [profile] [logout]...
function template_menu()
{
global $context, $settings, $options, $scripturl, $txt;
// Work out where we currently are.
$current_action = 'home';
if (in_array($context['current_action'], array('admin', 'ban', 'boardrecount', 'cleanperms', 'detailedversion', 'dumpdb', 'featuresettings', 'featuresettings2', 'findmember', 'maintain', 'manageattachments', 'manageboards', 'managecalendar', 'managesearch', 'membergroups', 'modlog', 'news', 'optimizetables', 'packageget', 'packages', 'permissions', 'pgdownload', 'postsettings', 'regcenter', 'repairboards', 'reports', 'serversettings', 'serversettings2', 'smileys', 'viewErrorLog', 'viewmembers')))
$current_action = 'admin';
if (in_array($context['current_action'], array('search', 'admin', 'calendar', 'profile', 'mlist', 'register', 'login', 'help', 'pm')))
$current_action = $context['current_action'];
if ($context['current_action'] == 'search2')
$current_action = 'search';
if ($context['current_action'] == 'theme')
$current_action = isset($_REQUEST['sa']) && $_REQUEST['sa'] == 'pick' ? 'profile' : 'admin';
// Dummy place holder, to set the height
echo'
<td align="center" class="menubg" height="30" width="20">
</td>';
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>';
// How about the [Downloads] button?
if ($context['allow_search'])
echo '
<li class="level1 parent"><a href="/downloads/" class="level1 parent"><span><span class="title">Downloads</span></span></a>
<ul class="level2">
<li class="level2"><a href="/chat-bots/" class="level2"><span>Chat Bots</span></a></li>
<li class="level2"><a href="/moderation-bots/" class="level2"><span>Moderation Bots</span></a></li>
<li class="level2"><a href="/chat-and-moderation-bots/" class="level2"><span>Chat / Mod Bots</span></a></li>
<li class="level2"><a href="/misc-bots/" class="level2"><span>Misc Bots</span></a></li>
<li class="level2"><a href="/hashes/" class="level2"><span>Hashes</span></a></li>
<li class="level2"><a href="/utilities/" class="level2"><span>Utilities</span></a></li>
<li class="level2"><a href="/other/" class="level2"><span>Other</span></a></li>
<li class="level2"><a href="/source-codes/" class="level2"><span>Source Codes</span></a></li>
</ul></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>';
// Dummy place holder, to end things
echo'
<td align="center" class="menubg" width="20">
</td>';
}
// Generate a strip of buttons.
function template_button_strip($button_strip, $direction = 'top', $force_reset = false, $custom_td = '')
{
global $settings, $buttons, $context, $txt, $scripturl;
// Create the buttons...
foreach ($button_strip as $key => $value)
{
if (isset($value['test']) && empty($context[$value['test']]))
{
unset($button_strip[$key]);
continue;
}
elseif (!isset($buttons[$key]) || $force_reset)
$buttons[$key] = '<a href="' . $value['url'] . '" ' .( isset($value['custom']) ? $value['custom'] : '') . '>' . $txt[$value['text']] . '</a>';
$button_strip[$key] = $buttons[$key];
}
if (empty($button_strip))
return '<td> </td>';
echo '
<td class="', $direction == 'top' ? 'main' : 'main', 'strip_first', '"> </td>
<td class="', $direction == 'top' ? 'main' : 'main', 'strip">', implode(' | ', $button_strip) , '</td>
<td class="', $direction == 'top' ? 'main' : 'main', 'strip_last' , '"> </td>';
}
?>
The problem is that the float left isn't being applied to the list, so of course it stacks vertically since this is the default behaviour for lists. Try adding float: left; to some of the higher css classes.
ETA: I should point out that even if you fix the floats, which shouldn't be that hard at all, the drops themselves will still not operate in IE6. They should be fine in IE7 and all other browsers but this code will not call the drop menus in IE6. All you will get is a standard menu bar. Easiest way to get the drops working in IE6 is to grab the js file from HTML Dog (Son of Suckerfish).
great work
Hey man I have a problem on my forum,
See this pics man,if someone wanna help me please.....
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg40.imageshack.us%2Fimg40%2F9150%2Fdilbermcprob.jpg&hash=ce28fb9e4528c87c9be8f293ea897a21f01c20d0)
My Forum Specs
SMF 1.1.11
No Modifications Installed
Freshly Installed Forum.
Is that the Dilber MC theme installed?
Yeah i have done and i have followed the tip shown in this topic.
You forgot the language strings.
Yes Antechinus was right i have done the language strings but it is coming like this.....
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg31.imageshack.us%2Fimg31%2F5340%2Fprobx.jpg&hash=d22db6e27e2ff139d8d186fc33eb7f73243fea37)
Frankly this code is pretty messy anyway and doesn't work in IE6 either. There are better alternatives.
For me it is works.Thanks...