It can be done the other way around.godsyn wrote:Best of both worlds, I'll start work on defining text via css for menus/icons/etc. For example:
Instead of: <a href="favorite.php">favorites</a>
use
<a id="mainmenu-favorites" href="favorite.php"></a>
and in css use:
#mainmenu-favorites{
background-image:url('/path/tp/favorites.png');
}
OR
#mainmenu-favorites:before{
content:'Music I like';
}
Allowing for text, an image, or translations.
Thoughts?
Code: Select all
<ul id="main_menu">
<li><a href="index.php" class="media<?php echo ($cfg['menu'] == 'media') ? '_on' : ''; ?>">Media</a></li>
<li><a href="favorite.php" class="favorites<?php echo ($cfg['menu'] == 'favorite') ? '_on' : ''; ?>">Favorites</a></li>
<li><a href="playlist.php" class="playlist<?php echo ($cfg['menu'] == 'playlist') ? '_on' : ''; ?>">Playlist</a></li>
<li><a href="config.php" class="config<?php echo ($cfg['menu'] == 'config') ? '_on' : ''; ?>">Config</a></li>
</ul>
Code: Select all
#main_menu li a {
...
text-indent: -1000px;
}
I'm planning to rewrite netjukebox and get ride of almost all tables.godsyn wrote:I've started working on removing the nested tables (yuck) and pointless back-ground images (eg: gradient) and converting everything to CSS. The theme's name is HTML5Clean, and short of some issues with embedded images (eg: DIVs/tables not defined by the theme), I've removed all background images, cleaned up the css, and ensured it is cross browser compatible. Would someone be willing to clean it up some more? The player is looking a little rough due to base (non-theme-able) code not being html5 compliant.