AlphaCentauri Theme and missing buttons

[wildenborch]

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.



In the css file you have to change the some lines around line 2185

Code Select Expand

#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.

[lurkalot]

wildenborch Thanks for doing this. I've applied it here. 

Ctrl + F5 to see changes.

[wildenborch]

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.

[lurkalot]

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. 

[wildenborch]

Yes, much better

[Skb]

A little bit of extra space between the buttons (on this site) would be better in my opinion. 

[wildenborch]

Also true!
Lurkalot, the menu bar is indeed different than the default Alphacentauri menu bar.

[@rjen]

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. 

Can you do the same on the docs site?
They're missing there as well....

[lurkalot]

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. 

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?

[@rjen]

Need it? Mwah, but it would be nice to have it...