Hello,
irgendwie komme ich nicht so ganz mit, ---
Reden wir von Prosilver und der dortigen index_body.html... ?
Das sind doch immer Links und was hat das nun mit den *deutschen Button zu tun? Ich stehe ehrlich gesagt, auf dem Gartenschlauch ( bei den Temperaturen )
. Vielleicht könnte mich jemand aufklären, was es *damit auf sich hat? Das wäre fein!!!
Ich hatte das ganz anders gelöst: Keine Button - eher eine Art Tabmenue --> hier verwendete Grafik: f1e3c0oben52.gif
CSS Idee - Nur mal so gedacht: colours.css hinzugefügt
Code: Alles auswählen
/* index tabbed menu
----------------------------------------*/
#tabsindex {
line-height: normal;
margin: 20px 0 -1px 7px;
min-width: 570px;
}
#tabsindex ul {
margin:0;
padding: 0;
list-style: none;
}
#tabsindex li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabsindex a {
float: left;
background: none no-repeat 0% -35px;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabsindex a span {
float: left;
display: block;
background: none no-repeat 100% -35px;
padding: 6px 10px 6px 5px;
color: #000000;
white-space: nowrap;
}
#tabsindex a:hover span {
color: #000000;
}
#tabsindex .activetabindex a {
background-position: 0 0;
border-bottom: 1px solid #ebebeb;
}
#tabsindex .activetabindex a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #000000;
}
#tabsindex a:hover {
background-position: 0 -70px;
}
#tabsindex a:hover span {
background-position:100% -70px;
}
#tabsindex .activetabindex a:hover {
background-position: 0 0;
}
#tabsindex .activetabindex a:hover span {
color: #000000;
background-position: 100% 0;
}
#tabsindex a {
background-image: url("{T_THEME_PATH}/images/f1e3c0oben52.gif");
}
#tabsindex a span {
background-image: url("{T_THEME_PATH}/images/f1e3c0oben52.gif");
color: #000000;
}
#tabsindex a:hover span {
color: #000000;
}
#tabsindex .activetabindex a {
border-bottom-color: #000000;
}
#tabsindex .activetabindex a span {
color: #000000;
}
#tabsindex .activetabindex a:hover span {
color: #000000;
}
und das geändert:
Code: Alles auswählen
/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-image: url("{T_THEME_PATH}/images/f1e3c0oben52.gif");
}
#tabs a span {
background-image: url("{T_THEME_PATH}/images/f1e3c0oben52.gif");
color: #000000;
}
#tabs a:hover span {
color: #000000;
}
#tabs .activetab a {
border-bottom-color: #000000;
}
#tabs .activetab a span {
color: #000000;
}
#tabs .activetab a:hover span {
color: #000000;
}
Und --
index_body.html
Code: Alles auswählen
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<div id="tabsindex">
<ul>
<!-- IF S_DISPLAY_SEARCH --><li class="activetabindex"><a href="{U_SEARCH_UNANSWERED}"><span>{L_SEARCH_UNANSWERED}</span></a><!-- IF S_LOAD_UNREADS --> <a href="{U_SEARCH_UNREAD}"><span>{L_SEARCH_UNREAD}</span></a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> <a href="{U_SEARCH_NEW}"><span>{L_SEARCH_NEW}</span></a><!-- ENDIF --> <a href="{U_SEARCH_ACTIVE_TOPICS}"><span>{L_SEARCH_ACTIVE_TOPICS}</span></a></li>
</ul>
<!-- ENDIF -->
<ul><!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="activetabindex"><a href="{U_MARK_FORUMS}" accesskey="m"><span>{L_MARK_FORUMS_READ}</span></a></li></ul><!-- ENDIF --></div>
<!-- ENDIF -->
<div style="clear: both;"></div>
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<!-- <p> </p> //-->
<span class="corners-bottom"><span></span></span></div>
</div>
<div style="clear: both;"></div>
Nicht gänzlich getestet und nur als eine Art Anhaltpsunkt gedacht.
Wie ich die Links rein durch Buttons ersetzte, wäre auch meinerseits interressant. Magst du mir, - IReFL3xI oder ggf. ein Insider eine Idee verraten? Nach einem langen Arbeitstag würde ich mich über eine Antwort sehr freuen.
.
BTW:
Und, 13-jährige, die sich mit phpbb beschäftigen, sind mir lieber als dass die Altersgruppe irgendwo "herumstreunt" ... 
