[phpBB2] Position des Kategorienamens

Hallo liebes Hilfe-Forum!

Wie der Titel des Themas bereits verrät, habe ich einige Proleme damit, den Kategorietitel neu zu positionieren, ich hätte ihn nämlich gerne seitlich und nicht über dem Kategorieblock. Das Template index_box konnte ich bereits so weit abändern, dass ich neben der Tabelle für die Kategorieanzeige noch eine weitere Zelle habe, die sich über die gesamte Höhe der Kategorie erstreckt, den darin befindlichen Text konnte ich dank CSS auch schon drehen, mein Problem ist allerdings, dass ich den Text nicht durch den Kategorietitel ersetzen kann. Ich habe mal einen Screenshot von meinem momentanen Zwischenstand gemacht:



Ich hatte eigentlich gedacht, dass ich den Text einfach durch die Variable {catrow.tablehead.L_FORUM} ersetzen muss, damit statt dem Text eben der Kategoriename angezeigt wird, aber ganz so simpel scheint es dann wohl leider doch nicht zu sein...

In einem englischen Support Forum (unter anderem) für Forumieren-Foren habe ich zwar ein Tutorial und einen Javascript-Code gefunden, mit dem man die Informationen von beliebigen Variablen auslesen kann, als ich diesen Code aber bei mir eingesetzt habe, hat er nicht funktioniert. (Zum Tut) Da steht zwar, dass diese Lösung eher für HTML-Seiten und co. gedacht ist, aber irgendwann war ich so verzweifelt, dass ich es trotzdem probiert habe. Aber die HTML-Befehle haben wie gesagt leider auch nicht funktioniert.

Sehe ich hier den Wald vor lauter Bäumen nicht? Ich verstehe nicht, wieso das mit der Variablen nicht funktioniert. Gibt es vielleicht irgendeine andere Lösung für mein Problem, mit der ich den Kategorietitel an Stelle des Beispieltextes einfügen kann?

Über jegliche Hilfe wäre ich sehr, sehr dankbar!

Liebe Grüße,
Nakura ~

Hallo,

Hallo und herzlich Willkommen, du bist neu hier im Forum. Mache dich bitte zunächst mit den hiesigen Forenregeln vertraut. Viele Antworten findest du auch in der Wissenssammlung "Lexi Help" Klick einfach auf das Bild Solltest du keine für dich passende Antwort in der Suchfunktion (Link in der Navigation) oder bei "Lexi Help" gefunden haben, dann eröffne pro Frage ein neues Thema. Ich wünsche dir hier im Forum viele Informationen und guten Erfolg mit deinem Forum

Nakura schrieb:In einem englischen Support Forum (unter anderem) für Forumieren-Foren habe ich zwar ein Tutorial und einen Javascript-Code gefunden, mit dem man die Informationen von beliebigen Variablen auslesen kann, als ich diesen Code aber bei mir eingesetzt habe, hat er nicht funktioniert. (Zum Tut)

Dazu der Hinweis, dass es sich bei diesem Forum um keinen offiziellen Forumieren-Support, sondern ein privates Forum handelt.
Für Scripte u.ä., die anderen Foren entstammen, geben wir hier keinen Support. Auch ist nicht gewährt, dass solche Änderungen problemlos funktionieren, denn derartige Änderungen sind ggf. auf eigenes Risiko durchzuführen. Für Hilfestellungen müsstest du dich schon direkt an die jeweilige Quelle wenden.
Im Übrigen hätte das genannte Script für deinen Zweck gar keine Auswirkungen.

Mit den vorhandenen Variablen ist das aber durchaus möglich.
Ich habe es gerade in meinem Testforum mit Erfolg umgesetzt. Dazu gehst du in die Templates zu
AB -> Anzeige -> Templates -> Allgemeines -> index_box
und suchst dort folgende Stelle (unverändertes Template: Zeilen 20-27):

Code:

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->

Den grün markierten Bereich fügst du hinzu, den roten entfernst du:

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
<th rowspan="50">{catrow.tablehead.L_FORUM}</th>
</tr>
<!-- END tablehead -->

Danach sendest du das veränderte Template ab und veröffentlichst es über einen Klick auf .

Dadurch wird der Kategoriename rechts als zusätzliche Spalte neben den Kategorien angezeigt. Die Kompressionsanzeige solltest du so belassen, wie du sie aktuell eingestellt hast, dann erreichst du das beste Ergebnis.

Ein Hinweis aber noch: Sieh dir dein Forum mal mit dem IE an und du wirst erkennen, dass die CSS-Rotation nicht unter allen Browsern völlig korrekt funktioniert. Deshalb schlage ich dir vor, als Kategorienamen stattdessen individuelle Grafiken einzusetzen (Suchfunktion ), die dann rechts neben den Kategorien angezeigt werden. Dadurch würdest du unter allen Browsern ein passendes Ergebnis erreichen.

Liebe Grüße
Günther

Erstmal vielen Dank für die schnelle Antwort, Günther!

Die Lösung war wirklich überraschend simpel. Schön, dass ich das so kompliziert lösen wollte xD
So weit, so gut, wenn ich allerdings die Zeilen für "Themen", "Beiträge" und co. rausschmeiße (was ich dann für den letztendlichen Style definitiv tun möchte, da ich das gerne anders anordnen würde), rutscht der Kategoriename automatisch nach links.
Gibt es eine ebenso simple Lösung, den Kategorienamen stattdessen nach rechts zu bekommen?
Ich kann an und für sich auch mit links leben, hauptsache der Name ist seitlich, aber rechts wäre der Name natürlich noch die sprichwörtliche Kirsche auf dem Sahnehäubchen

Mit meinen überragenden (Vorsicht, Ironie!) CSS und HTML-Kentnissen habe ich zwar gerade versucht, die th zu floaten (nachdem mir eingefallen ist, dass align="right" nur den Inhalt nach rechts ausrichtet), aber irgendwie stelle ich mich entweder (schon wieder) selten dämlich an oder es funktioniert diesmal tatsächlich nicht.

An Bilder hatte ich im übrigen auch schon gedacht, aber der Nachteil an Bildern ist, dass diese Bilder dann auch anstelle des Kategorienamens in Unterforen angezeigt werden. Dort, wo diese ganzen Links zu den verschiedenen Unterforen sind.
Eigentlich sollte der CSS-Eintrag auch IE-freundlich sein. Vielleicht habe ich einen Filter vergessen ó.ò Ich werd's gleich nochmal nachprüfen. Notfalls muss ich mir ansonsten tatsächlich eine Lösung mit Grafiken überlegen. Danke für den Hinweis!

Viele liebe Grüße,
Nakura ~

Bitte.

Nakura schrieb:Eigentlich sollte der CSS-Eintrag auch IE-freundlich sein. Vielleicht habe ich einen Filter vergessen ó.ò Ich werd's gleich nochmal nachprüfen.

Nein, du hattest den Filter "-ms" bei "transform" schon hinzugefügt, aber dennoch wird die Rotation leider nicht von allen IE-Versionen und auch unter IE9 noch etwas fehlerhaft interpretiert.
Stattdessen kann man für die IE-Unterstützung einen Filter verwenden: http://css-tricks.com/snippets/css/text-rotation/
Das ist zwar etwas aufwändiger, aber eine gute Lösung.

Du möchtest "Themen" & Co als komplette Spalten entfernen, also nicht nur in der Kopfzeile sondern auch in den weiteren Reihen?
Dann würde ich die Struktur einfach in der Tabelle belassen, dann entfallen umständlichere Lösungen wie Floating etc. Ich habe dir mal den entsprechenden Templatebereich angepasst. Dabei handelt es sich um die Stelle zwischen <!-- BEGIN catrow --> und <!-- END forumrow -->:

Code:

<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th>
      <th rowspan="50">{catrow.tablehead.L_FORUM}</th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
   </tr>

Sieh dir mal an, was ich dort verändert habe, und probiere es mal in dieser Richtung aus.

Haha, prima Wenn ich das eine th-Element beibehalte, klappt es also.
Nochmals vielen, vielen Dank für deine Hilfe und deine Geduld mit mir! Der Kategoriename ist jetzt an der gewünschten Stelle und ich kann wieder munter weitertüfteln und rumprobieren
Übrigens auch vielen Dank für den Link. Ich warte gerade noch darauf, dass IE fertig installiert ist und ich gucken kann, ob der CSS-Befehl mit dem BasicImage-Filter jetzt umgesetzt werden kann oder nicht. Und wenn nicht, dann werde ich wohl ein Grafikprogramm quälen müssen ~

*Geht das erledigt-Icon setzen*

Viele liebe Grüße,
Nakura ~

Aber gerne doch. Freut mich, dass ich dir helfen konnte.

Nakura schrieb:Ich warte gerade noch darauf, dass IE fertig installiert ist und ich gucken kann, ob der CSS-Befehl mit dem BasicImage-Filter jetzt umgesetzt werden kann oder nicht.

Um etwas Spannung herauszunehmen: Ja, der Filter wirkt.
Es ist aber gut, dass du dir nun auch den IE installierst, denn du wirst erkennen, dass es mitunter zu großen Abweichungen zwischen den Browsern kommen kann und du deshalb immer darauf Rücksicht nehmen musst.
Hinsichtlich Textgestaltung musst du natürlich noch sehen, wie du am besten arbeitest, damit die Leserlichkeit trotz Rotation gut beibehalten wird.

-done-