diff options
author | Jonathan Stanley <shs@users.sourceforge.net> | 2007-03-23 18:41:45 +0000 |
---|---|---|
committer | Jonathan Stanley <shs@users.sourceforge.net> | 2007-03-23 18:41:45 +0000 |
commit | 369dc7502c37f0a8a5eb7649bb75640bb03c3716 (patch) | |
tree | 2db4a6b7c5b7b6cf4426f12a480e8fb3d98ef894 /phpBB/adm/style/overall_header.html | |
parent | 2e244a1eebc109da7a8c6ab4395a1d7e0923dd30 (diff) | |
download | forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar.gz forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar.bz2 forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.tar.xz forums-369dc7502c37f0a8a5eb7649bb75640bb03c3716.zip |
Bye bye toggle_inverse.gif... made a "super" toggle.gif which contains both states and "switched" using CSS sprites method to stop the ugly loading "flash" when images aren't cached for the first time. prosilver ACP+style classnames use hyphens... so stuck with them, plus underscores might trip up some bizarre edge case thing with IE6, so play safe. Would like the toggle to set a cookie at some point, so the setting would be "sticky".
git-svn-id: file:///svn/phpbb/trunk@7222 89ea8834-ac86-4346-8a33-228a782c2dd0
Diffstat (limited to 'phpBB/adm/style/overall_header.html')
-rw-r--r-- | phpBB/adm/style/overall_header.html | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/phpBB/adm/style/overall_header.html b/phpBB/adm/style/overall_header.html index 1681a04676..acbf00dff5 100644 --- a/phpBB/adm/style/overall_header.html +++ b/phpBB/adm/style/overall_header.html @@ -120,27 +120,31 @@ function switch_menu() var menu = document.getElementById('menu'); var main = document.getElementById('main'); var toggle = document.getElementById('toggle'); - var handle = document.getElementById('toggle_handle'); + var handle = document.getElementById('toggle-handle'); switch(menu_state) { - //hide + //hidden case 'shown': main.style.width = 'auto'; menu.style.display = 'none'; menu_state = 'hidden'; toggle.style.left = '0'; toggle.style.width = '20px'; - handle.style.backgroundImage = 'url(images/toggle_inverse.gif)'; + handle.style.backgroundImage = 'url(images/toggle.gif)'; + handle.style.backgroundPosition = '100% 50%'; + handle.style.backgroundRepeat = 'no-repeat'; break; - //show + //shown case 'hidden': main.style.width = '76%'; menu.style.display = 'block'; menu_state = 'shown'; toggle.style.left = '15%'; toggle.style.width = '5%'; - handle.style.backgroundImage = 'url(images/toggle.gif)'; + handle.style.backgroundImage = 'url(images/toggle.gif)'; + handle.style.backgroundPosition = '0% 50%'; + handle.style.backgroundRepeat = 'no-repeat'; break; } } @@ -172,7 +176,7 @@ function switch_menu() <span class="corners-top"><span></span></span> <div id="content"> <div id="toggle"> - <a id="toggle_handle" accesskey="m" title="{L_MENU_TOGGLE}" onclick="switch_menu(); return false;" href="#"></a></div> + <a id="toggle-handle" accesskey="m" title="{L_MENU_TOGGLE}" onclick="switch_menu(); return false;" href="#"></a></div> <div id="menu"> <p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [ <a href="{U_LOGOUT}">{L_LOGOUT}</a> ]</p> <ul> |