Hi,
I really like the Alphacentauri theme but if used with TinyPortal a few icons / buttons are missing.
For example the forum icon but also the TP Admin button.
I just spent a few minutes to create (or change) these buttons.
I changed the icon for moderate to an Eye and used the icon for moderate for the Forum
I created a simple TP Admin icon and because I also have a gallery on one of my sites I created a gallery icon.
(https://www.tinyportal.net/index.php?action=dlattach;topic=36062.0;attach=27417;image)
In the css file you have to change the some lines around line 2185
#main_menu .dropmenu li.first a#but_help { background: url(../images/theme/menubuttons.png) no-repeat 50% -40px; }
#main_menu .dropmenu li.first a#but_calendar { background: url(../images/theme/menubuttons.png) no-repeat 50% -80px; }
#main_menu .dropmenu li.first a#but_search { background: url(../images/theme/menubuttons.png) no-repeat 50% -120px; }
#main_menu .dropmenu li.first a#but_admin { background: url(../images/theme/menubuttons.png) no-repeat 50% -160px; }
#main_menu .dropmenu li.first a#but_profile { background: url(../images/theme/menubuttons.png) no-repeat 50% -200px; }
#main_menu .dropmenu li.first a#but_login { background: url(../images/theme/menubuttons.png) no-repeat 50% -240px; }
#main_menu .dropmenu li.first a#but_mlist { background: url(../images/theme/menubuttons.png) no-repeat 50% -280px; }
#main_menu .dropmenu li.first a#but_logout { background: url(../images/theme/menubuttons.png) no-repeat 50% -320px; }
#main_menu .dropmenu li.first a#but_pm { background: url(../images/theme/menubuttons.png) no-repeat 50% -360px; }
#main_menu .dropmenu li.first a#but_home { background: url(../images/theme/menubuttons.png) no-repeat 50% -400px; }
#main_menu .dropmenu li.first a#but_register { background: url(../images/theme/menubuttons.png) no-repeat 50% -440px; }
#main_menu .dropmenu li.first a#but_forum { background: url(../images/theme/menubuttons.png) no-repeat 50% -480px; }
#main_menu .dropmenu li.first a#but_tpadmin { background: url(../images/theme/menubuttons.png) no-repeat 50% -560px; }
#main_menu .dropmenu li.first a#but_gallery { background: url(../images/theme/menubuttons.png) no-repeat 50% -600px; }
#main_menu .dropmenu li.first a#but_moderate { background: url(../images/theme/menubuttons.png) no-repeat 50% -640px; }
#main_menu .dropmenu li.first a.active,#main_menu .dropmenu li.first a:hover { opacity: 1; }
and replace the menubuttons.png file (in Themes/AlphaCentauri/images/theme) with the attached file.
On my phone and tablet it looks good.
wildenborch Thanks for doing this. I've applied it here. O0
Ctrl + F5 to see changes.
You're welcome.
I have just updated the menubuttons.png and code in my previous message.
The icons are now on the correct positions (every 40 pixels another icon) and I resized the moderate "eye" icon.
Quote from: wildenborch on June 19, 2018, 07:39:51 AM
You're welcome.
I have just updated the menubuttons.png and code in my previous message.
The icons are now on the correct positions (every 40 pixels another icon) and I resized the moderate "eye" icon.
Thanks, I have added your updated code and menubuttons.png here now. O0
Yes, much better :)
A little bit of extra space between the buttons (on this site) would be better in my opinion.
Also true!
Lurkalot, the menu bar is indeed different than the default Alphacentauri menu bar.
Quote from: lurkalot on June 20, 2018, 09:47:54 PM
Quote from: wildenborch on June 19, 2018, 07:39:51 AM
You're welcome.
I have just updated the menubuttons.png and code in my previous message.
The icons are now on the correct positions (every 40 pixels another icon) and I resized the moderate "eye" icon.
Thanks, I have added your updated code and menubuttons.png here now. O0
Can you do the same on the docs site?
They're missing there as well....
Quote from: @rjen on August 09, 2018, 11:38:19 AM
Quote from: lurkalot on June 20, 2018, 09:47:54 PM
Quote from: wildenborch on June 19, 2018, 07:39:51 AM
You're welcome.
I have just updated the menubuttons.png and code in my previous message.
The icons are now on the correct positions (every 40 pixels another icon) and I resized the moderate "eye" icon.
Thanks, I have added your updated code and menubuttons.png here now. O0
Can you do the same on the docs site?
They're missing there as well....
I did try it on he docs site just now, but it screwed it up for some reason. I will try again shortly. Thinking about this, do we need it, I mean it's only us who will be seeing it?
Need it? Mwah, but it would be nice to have it... ;)