[phpBB2] Forenüberschrift herabsetzen

[Julchen96]

Hallo Zusammen,
besteht irgendwie die Möglichkeit die Forenüberschriften näher an die jeweilige Beschreibung heranzubringen?
Bei mir sieht es nämlich momentan so aus: http://tinypic.com/view.php?pic=qowuf4&s=6
Die Forenüberschrift "The Application" beispielsweise sollte sich auf den Balken befinden.
Ich hoffe, ich habe mich verständlich ausgedrückt
Für eure Bemühungen bedanke ich mich im Voraus.

[Günther]

Hallo,

im Template, das du gestern hier gepostet hast, befinden sich diese Stellen noch nicht. Also poste hier bitte nochmals dein aktuelles Template index_box zwischen diesen beiden Tags:

Code:

[code][/code]

Dann kann ich es mir mal ansehen.

Liebe Grüße
Günther

[Julchen96]

Hallo Günther,
hier der gewünschte Code

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle" style="padding-right:9%;">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
  </tr>
<tr style="background-color: #030303;">
  <td width="5%" height="10" nowrap="nowrap"></td>
  <td class="secondarytitle" width="60%" nowrap="nowrap"><center><font size="1">FORUM</font></center></td>
  <td class="secondarytitle" width="45%" nowrap="nowrap" style="padding-left:20px;padding-right:20px;"><center><font size="1">LAST POST INFO</font></center></td>
</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>
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Danke, dass du dir soviel Mühe gibst und die Schnauze noch nicht voll von mir hast ツ

[Günther]

Dann hast du diese beiden Bereiche wohl in die Forenbeschreibung eingesetzt?

Code:

<div class="kategorie"></div>
<div class="kategorie2"></div>

Und wie hast du den Forentitel zentriert, hast du die center-Tags einfach als Teil des Forentitels im Adminbereich angegeben? Denn im Template sind diese auch nicht vorhanden:

Code:

<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}>

[Julchen96]

die Classen (ist das die Mehrzahl von class?) habe ich unter CSS definiert. Und den Forentitel habe ich Foren & Kategorien zentriert (http://tinypic.com/view.php?pic=jqkg1g&s=6)

[Günther]

Danke für den Screenshot.

Wie ich vermutet habe, hast du die beiden div-Klassen so in die Forenbeschreibung eingesetzt und die Forentitel auch im Adminbereich zentriert. Dabei hast du übrigens das abschließende center-Tag vergessen:

<center> Forentitel </center>

Was ich mich aber frage: Warum zentrierst du den Forentitel, wenn du ihn nach links zu den "Balken" bekommen möchtest?
Die Zentrierung ist also genau deinem Anliegen entgegengesetzt.

Auf jeden Fall macht man das grundsätzlich nicht so. Wenn jeder Forentitel zentriert werden soll, erzeugt man diese Effektn entweder über die Templates oder CSS allgemeingültig. Auch die Balken unter dem Titel sollte man nicht über die Forenbeschreibungen einzeln einsetzen, sondern sie allgemeingültig erzeugen.
Verstehst du, wie ich das meine?

Ich würde also zuerst mal die center-Tags aus den Forentiteln entfernen. Auch aus den Forenbeschreibungen solltest du die div-Klassen (kategorie/2) entfernen. Alles Weitere würde ich ganz einfach mit einem CSS-Eintrag erzeugen, ohne ins Template einzugreifen:

Code:

span.forumlink {
  background-image: url("http://www.abload.de/img/16.02sbq0z.png");
  background-position: 0 95%;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #000000;
  display: block;
  height: 22px;
  margin-bottom: 5px;
  width: 280px;
}

Damit kommst du wesentlich einfacher zum Wunschergebnis. Schau dir mal genauer an, was ich da gemacht habe, und versuche, es nachzuvollziehen und dann selbst anzuwenden.

[Julchen96]

Danke für den Screenshot.

Ich habe zu danken!

frage: Warum zentrierst du den Forentitel, wenn du ihn nach links zu den "Balken" bekommen möchtest?
Die Zentrierung ist also genau deinem Anliegen entgegengesetzt.

Ich möchte den Titel ja nicht nach links verschieben sondern dort haben, wo er sich gerade befindet. Der Titel soll lediglich „nach unten verschoben werden“ damit er „näher“ an der Beschreibung ist (quasi auf dem grünen/schwarzen Balken liegt).

Auf jeden Fall macht man das grundsätzlich nicht so. Wenn jeder Forentitel zentriert werden soll, erzeugt man diese Effektn entweder über die Templates oder CSS allgemeingültig. Auch die Balken unter dem Titel sollte man nicht über die Forenbeschreibungen einzeln einsetzen, sondern sie allgemeingültig erzeugen.
Verstehst du, wie ich das meine?

Ich würde also zuerst mal die center-Tags aus den Forentiteln entfernen. Auch aus den Forenbeschreibungen solltest du die div-Klassen (kategorie/2) entfernen. Alles Weitere würde ich ganz einfach mit einem CSS-Eintrag erzeugen, ohne ins Template einzugreifen:

Code:

span.forumlink {
  background-image: url("http://www.abload.de/img/16.02sbq0z.png");
  background-position: 0 95%;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #000000;
  display: block;
  height: 22px;
  margin-bottom: 5px;
  width: 280px;
}

Damit kommst du wesentlich einfacher zum Wunschergebnis. Schau dir mal genauer an, was ich da gemacht habe, und versuche, es nachzuvollziehen und dann selbst anzuwenden.

uii, okay, ich Probiere es einfach mal aus
Könntest du freundlicherweise den Beriech noch offen lassen, falls ich weitere Fragen haben sollte?

[Günther]

Wie soll der Forentitel denn auf dem Balken liegen, wenn der Balken links und der Forentitel in der Mitte ist?

Probiere es mal so aus, wie ich es dir vorschlage, und melde mir dann bitte zurück, ob das nicht deiner Vorstellung recht nahe kommt.

[Julchen96]

ich habe dir nochmals einen Screenshot eingefügt.
Die schwarze Überschrift soll dort liegen wo die blaue Überschrift liegt.
Vielleicht ist es jetzt verständlicher *g*

https://2img.net/h/oi49.tinypic.com/2i9037m.jpg

(ich möchte einfach nur den Abstand zwischen der Überschrift und der Beschreibung veringern)

[Günther]

Hast du auch schonmal deinen Browsercache geleert?
Welche Auflösung hast du denn, bist du auf einem Mobilgerät?

Ich sehe die Anzeige unter allen Browsern (auch IE9, wie in deinem Profil angegeben) so:

Ich denke, so sollte es auch aussehen, oder nicht? Wenn ja, dann hast du dein Ziel bereits erreicht, denn genau so sehen es Besucher deines Forums.

[Julchen96]

Genau so sehe ich es auch
Und es ist ansatzweise das was ich mir vorgestellt habe (wenn man das mit meinem vorherigem Beispiel zusammen kombinieren könnte, wäre das Prima) *g*
Habe mal rasch im Photoshop das so dargestellt wie ich es gerne hätte: http://tinypic.com/view.php?pic=10rpco2&s=6

P.S: tut mir leid, dass ich mich nicht richtig ausgedrückt habe.

[Günther]

Genau so sehe ich es auch

Das hat aber auf deinem vorherigen Screenshot anders ausgesehen.


Aber gut, wenn du im Template diesen Bereich zentrierst:

<h{catrow.forumrow.LEVEL} class="hierarchy">
<center>
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</center>
</h{catrow.forumrow.LEVEL}>

... und den CSS-Code durch diesen ersetzt:

Code:

span.forumlink {
  background-image: url("http://www.abload.de/img/16.02sbq0z.png");
  background-position: 50% 95%;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #000000;
  display: block;
  height: 22px;
  margin-bottom: 5px;
  width: 280px;
}

... dann sieht das Ergebnis so aus:

Passt das jetzt so?

[Julchen96]

aww ... beinah *g*
besteht nun die Möglichkeit die Überschrift einen kleinen Ticken höher zu setzen? das wäre so prima, wenn das klappen würde. Dann wäre das Thema nämlich auch gegessen *g*

[Günther]

Sehr gut.
Ja, dazu musst du nur den Pixelwert bei der Eigenschaft "height" im CSS etwas erhöhen.

[Julchen96]

*hihi* das ist so genial!!!
Ich danke dir vielmals Günther.
Auf dich ist immer verlass.

[Günther]

Gern geschehen. Freut mich, dass ich dir helfen konnte.
-closed-