Enhanced Side Menus

Started by Matthew K., February 19, 2010, 07:09:17 AM

Previous topic - Next topic

Matthew K.

Link to Mod

Enhanced Side Menus


Author: S-M-F Modders Team
Latest Version: 1.2.1
Compatible With SMF: 2.0 RC2, 2.0 RC3, 2.0 RC4
Website: SMFModders.com




Summary

Enhanced Side Menus majorly improves the side menus for SMF by
  • Adding an integrated roundframe for each section
  • Increasing active nav size
  • Active Nav Color
  • And indenting the non-active nav links

These changes can be visible anywhere Side Menus can be used such as Admin Panel, Profiles, PM's, etc.





Languages

(No strings added)





Installation

Package Manager should work in most cases. If you need to make any edits, the full list can be obtained from the Parse function on the right.

Useful links
Manual Installation Of Mods
How Do I Modify Files?





Version 1.2 Changelog

+) Integrated Roundframe for each category added.
+) Active Nav Color Variation.
+) Non-Active links are now indented.
-) SMF 1.1. Compatibility Dropped.
Version 1.2.1 Changelog
!) Bugfix: XHTML Valid. Special thanks to Bugo for pointing this out.





Files modified by Enhanced Side Menus 1.2

SMF 2.0 RC2, SMF 2.0 RC3, SMF 2.0 RC4
Template Files (./Themes/default)

  • GenericMenu.template.php
CSS Files (./Themes/default/css)

  • index.css





Link to Mod | Support the SMF Modders Team

Matthew K.

Enhanced Side Menus will be updated to SMF 2.0 RC2 today.

Thanks everyone,
Labradoodle-360

Matthew K.

Updated. Compatible with SMF 2.0 RC2!

Hj Ahmad Rasyid Hj Ismail

Installed on default theme. Nothing change.

Matthew K.

What version of SMF are you using?

Hj Ahmad Rasyid Hj Ismail


Matthew K.

Did you download v1.1 of my mod?

v1.0 does not support SMF 2.0 RC2.
Labradoodle-360

Hj Ahmad Rasyid Hj Ismail

I did. It installed perfectly but no side menu at all.

Arantor

Are you using the side menu mode? RC2 doesn't enable that by default, you have to click the << arrow to switch to side menus instead of drop down menus.

Hj Ahmad Rasyid Hj Ismail


MS Modders Team

#10
Enhanced Side Menus updated to 1.2!

Quote
Version 1.2 Changelog

+) Integrated Roundframe for each category added.
+) Active Nav Color Variation.
+) Non-Active links are now indented.
-) SMF 1.1. Compatibility Dropped.


Fairly major update. Be sure to check it out and let us know what you think.

Some screenshots attached. (See mod site for more)

Enjoy,
SMF Modders Team
Please do not send us PMs. If you have a question, ask in our forum.
http://smfmodders.com/index.php

Bugo

Unfortunately, XHTML of this mod is not valid...

Matthew K.

Bugo, I cannot find any XHML Validation issues with this mod. Can you please specify or screenshot the errors?
Quote from: Bugo on December 14, 2010, 04:54:51 AM
Unfortunately, XHTML of this mod is not valid...

Bugo

I checked this page » ***/index.php?action=admin;area=packages after and before installing of your mod. First screenshot: no mods, second screenshot: Enhanced Side Menus installed (51 errors).

Result: 51 errors / 0 warnings

line 277 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 280 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 292 column 29 - Error: ID "esm_cat_bar" already defined
line 262 column 29 - Information: ID "esm_cat_bar" first defined here
line 297 column 13 - Error: ID "esm_wrapper" already defined
line 269 column 13 - Information: ID "esm_wrapper" first defined here
line 299 column 33 - Error: ID "esm_innerframe" already defined
line 271 column 33 - Information: ID "esm_innerframe" first defined here
line 300 column 46 - Error: ID "esm_ul_fix" already defined
line 272 column 46 - Information: ID "esm_ul_fix" first defined here
line 302 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 305 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 308 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 311 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 314 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 317 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 320 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 323 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 332 column 29 - Error: ID "esm_cat_bar" already defined
line 262 column 29 - Information: ID "esm_cat_bar" first defined here
line 337 column 13 - Error: ID "esm_wrapper" already defined
line 269 column 13 - Information: ID "esm_wrapper" first defined here
line 339 column 33 - Error: ID "esm_innerframe" already defined
line 271 column 33 - Information: ID "esm_innerframe" first defined here
line 340 column 46 - Error: ID "esm_ul_fix" already defined
line 272 column 46 - Information: ID "esm_ul_fix" first defined here
line 342 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 345 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 348 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 351 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 354 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 357 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 366 column 29 - Error: ID "esm_cat_bar" already defined
line 262 column 29 - Information: ID "esm_cat_bar" first defined here
line 371 column 13 - Error: ID "esm_wrapper" already defined
line 269 column 13 - Information: ID "esm_wrapper" first defined here
line 373 column 33 - Error: ID "esm_innerframe" already defined
line 271 column 33 - Information: ID "esm_innerframe" first defined here
line 374 column 46 - Error: ID "esm_ul_fix" already defined
line 272 column 46 - Information: ID "esm_ul_fix" first defined here
line 376 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 379 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 382 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 385 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 394 column 29 - Error: ID "esm_cat_bar" already defined
line 262 column 29 - Information: ID "esm_cat_bar" first defined here
line 399 column 13 - Error: ID "esm_wrapper" already defined
line 269 column 13 - Information: ID "esm_wrapper" first defined here
line 401 column 33 - Error: ID "esm_innerframe" already defined
line 271 column 33 - Information: ID "esm_innerframe" first defined here
line 402 column 46 - Error: ID "esm_ul_fix" already defined
line 272 column 46 - Information: ID "esm_ul_fix" first defined here
line 404 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 407 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 410 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 413 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 416 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 419 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 428 column 29 - Error: ID "esm_cat_bar" already defined
line 262 column 29 - Information: ID "esm_cat_bar" first defined here
line 433 column 13 - Error: ID "esm_wrapper" already defined
line 269 column 13 - Information: ID "esm_wrapper" first defined here
line 435 column 33 - Error: ID "esm_innerframe" already defined
line 271 column 33 - Information: ID "esm_innerframe" first defined here
line 436 column 46 - Error: ID "esm_ul_fix" already defined
line 272 column 46 - Information: ID "esm_ul_fix" first defined here
line 438 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 441 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 444 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 447 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here
line 450 column 15 - Error: ID "esm_nonactive_indent" already defined
line 274 column 15 - Information: ID "esm_nonactive_indent" first defined here


You may check any code on http://validator.w3.org/check

Matthew K.

What version of SMF are you running? I still cannot replicate this - Even after checking that URL on my own dev site.

Edit: Would you please attach your index.css and GenericMenu.template.php please? I think I may know the source of the issue in addition to having a fix.

Bugo

SMF 2.0 RC4, default Curve, without changes. Standard index.css, standard GenericMenu.template.php.

Plugin HTML Validator for Firefox.

Matthew K.

Try this.

./Themes/default/css/index.css
Code (Find) Select

/* SMF Modders; Enhanced Side Menus */
#esm_cat_bar
{
height: 28px;
}
#esm_wrapper
{
margin-bottom: 10px;
}
#esm_innerframe
{
margin-top: -1px;
padding-top: 5px;
}
#esm_ul_fix
{
margin: 0px;
}
#esm_active_nav_link
{
font-size: small;
color: #D97B33;
}
#esm_nonactive_indent
{
padding-left: 5px;
}
/* End SMF Modders; Enhanced Side Menus */

Code (Replace) Select
/* SMF Modders; Enhanced Side Menus */
.esm_cat_bar
{
height: 28px;
}
.esm_wrapper
{
margin-bottom: 10px;
}
.esm_innerframe
{
margin-top: -1px;
padding-top: 5px;
}
.esm_ul_fix
{
margin: 0px;
}
.esm_active_nav_link
{
font-size: small;
color: #D97B33;
}
.esm_nonactive_indent
{
padding-left: 5px;
}
/* End SMF Modders; Enhanced Side Menus */


./Themes/default/GenericMenu.template.php
Code (Find) Select
<div class="cat_bar" id="esm_cat_bar">
Code (Replace) Select
<div class="cat_bar esm_cat_bar">
Code (Find) Select
<div id="esm_wrapper">
<div class="roundframe">
<div class="inneframe" id="esm_innerframe">
<ul class="smalltext left_admmenu" id="esm_ul_fix">';

Code (Replace) Select
<div class="esm_wrapper">
<div class="roundframe">
<div class="inneframe esm_inneframe">
<ul class="smalltext left_admmenu esm_ul_fix">';

Code (Find) Select
<strong><a href="', isset($area['url']) ? $area['url'] : $menu_context['base_url'] . ';area=' . $i, $menu_context['extra_parameters'], '" id="esm_active_nav_link">', $area['label'], '</a></strong>';
Code (Replace) Select
<strong><a href="', isset($area['url']) ? $area['url'] : $menu_context['base_url'] . ';area=' . $i, $menu_context['extra_parameters'], '" class="esm_active_nav_link">', $area['label'], '</a></strong>';
Code (Find) Select
<div id="esm_nonactive_indent"><a href="', isset($area['url']) ? $area['url'] : $menu_context['base_url'] . ';area=' . $i, $menu_context['extra_parameters'], '">', $area['label'], '</a></div>';
Code (Replace) Select
<div class="esm_nonactive_indent"><a href="', isset($area['url']) ? $area['url'] : $menu_context['base_url'] . ';area=' . $i, $menu_context['extra_parameters'], '">', $area['label'], '</a></div>';

Does that fix it?

Bugo


MS Modders Team

Special thanks to Bugo for pointing out the XHTML validation errors.

Enhanced Side Menus updated to 1.2.1 bugfix.

Enjoy,
The SMF Modders Team
Please do not send us PMs. If you have a question, ask in our forum.
http://smfmodders.com/index.php

InfoStrides

I installed this mod but not working on my forum. I am using RC4. Please help.

Advertisement: