ok, after looking over the code the missing piece is the CSS (of
course).
some of the CSS for the tab selection needs to be mived out of the css
file ind into a style block in site_base.html.
This is style information for the tab_id which is overloaded in each
of the app 'base.html' files.
add this to site_base.html:
#{% block tab_id %}
{
bottom: -1px !important;
padding-bottom: 0 !important;
}
#{% block tab_id %} a
{
color: #000 !important; /* selected tab text colour */
}
#{% block tab_id %} div
{
margin: 0;
background-color: #DEF !important; /* selected tab colour */
border-left: 1px solid #000 !important; /* tab border */
border-top: 1px solid #000 !important; /* tab border */
border-right: 1px solid #000 !important; /* tab border */
padding-bottom: 5px; /* 1px more than unselected padding-bottom */
}
templates/tribes/plugins/menu.html:
{% extends "pinax/menu.html" %}
{% block rtab_id %}tribes_tab{% endblock rtab_id %}
{% block rtab_link%}<a href="{% url tribes.views.tribes %}">{% trans
"Tribes" %}</a>{% endblock rtab_link %}
templates/pinax/menu.html:
<td class="tab" id="{% block rtab_id %}{% endblock %}"><div>{% block
rtab_link %}{% endblock %}</div></td>
The key is that the tab_id and rtab_id blocks must match with an app.
tab_id is already set in tribes/base.html
This should make it so that you dont need to edit any files for
apps... if its in INSTALLED_APPS and it has a <app>/plugins/menu.html
file (which is correct) then it will work.
-Doug