Post Message Text vertikal zentriert

spoothie · 21.01.2012, 23:18

Hallo,
ich bin gerade dabei, mein Forum stilistisch sowie inhaltlich etwas abzuändern. Dabei ist mir heute aufgefallen, dass die Text in den Post-Nachrichten (sprich das, was der User geschrieben hat) vertikal zentriert ist. Ich finde das recht unschön, deshalb hab ich mich auf die Suche nach einer Lösung begeben, bin aber nicht fündig geworden. Weis jemand , wie bzw. wo ich die vertikale Zentrierung des Textes ändern kann?
PS: So sieht das Ganze aus:

MfG
spoothie

sevildevil · 22.01.2012, 00:25

Hi,
erstmal willkommen hier im Forum Smile

Etwas Code aus der Post-Template wär jetzt nett gewesen, aber ich versuch es dennoch mal zu beantworten.
In den meisten Templates, die ich kenne, handelt es sich bei den Beiträgen um <table>s, wenn du also etwas vertikal oben positionieren möchtest, reicht es, wenn du in der Template "postbit_classic" (denn die scheint ja bei dir verwendet zu werden) die Inhalts <td> um

Code:
valign="top"

ergänzt...
Grüße,
Severin

spoothie · 22.01.2012, 01:46

Hey,
nett dich auch hier vorzufinden. Wink

Den Template Code hab ich doch glatt vergessen, hier der postbit Template Code:

Code:
<p>

  {$ignore_bit} <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

</p>

<table border="0" cellspacing="{$theme['borderwidth']}"cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

  <tbody>

    <tr>

      <td class="tcat">

        <div class="float_left smalltext">

          {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>

        </div>

        {$post['posturl']}

      </td>

    </tr>

    <tr>

      <td class="trow1">

        <span style="vertical-align:super;">

        <!--table {table-layout:fixed;}-->

        </span>

        <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;" valign="text-top">

          <tr>

            <td width="160" style="margin-left:auto;margin-right:auto;position:static;top:-0px;"

            align="center" valign="top">

              <fieldset>

                <div align="top">

                  <span style="vertical-align:super;"><strong><span>{$post['profilelink']}</span></strong>

                  {$post['onlinestatus']}<br />

                  {$post['usertitle']}<br /></span>

                  <div align="center">

                    {$post['useravatar']}

                  </div><br />

                  <span>{$post['groupimage']}</span><br />

                  <hr />

                  <div>

                    {$post['user_details']}

                  </div>

                </div>

              </fieldset>

            </td>

            <td class="trow2 post_content {$unapproved_shade}">

              <span class="smalltext"><strong>{$post['icon']}{$post['subject']}

              {$post['subject_extra']}</strong></span>

              <table style="margin-top: 5px" cellpadding="0"cellspacing="0" width="100%">

                <tbody>

                  <tr>

                    <td></td>

                  </tr>

                </tbody>

                <tbody>

                  <tr>

                    <td class="post_body" id="pid_{$post['pid']}" valign="top">

                      <div>

                        {$post['message']}

                      </div>

                    </td>

                  </tr>

                </tbody>

              </table>{$post['attachments']} {$post['signature']}

              <div class="post_meta" id="post_meta_{$post['pid']}">

                {$post['iplogged']}

              </div>

            </td>

          </tr>

        </table>

      </td>

    </tr>

    <tr>

      <td class="trow1 post_buttons {$unapproved_shade}">

        <div class="author_buttons float_left">

          {$post['fid7']}{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}

        </div>

        <div class="post_management_buttons float_right">

          {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}

        </div>

      </td>

    </tr>

  </tbody>

</table>

Ich benutze ein postbit Template aus einem anderen Theme, also nicht postbit_classic.
Ich hab oben in der Spalte, in der $post['message'] angezeigt werden soll, valign="top" hinzugefügt. Hat aber leider nichts gebracht.

sevildevil · 22.01.2012, 02:10

(22.01.2012, 01:46)spoothie schrieb: Hey,
nett dich auch hier vorzufinden.

Passiert, setze ja auch das MyBB ein, von daher naheliegend Toungue

Ich würds mal damit versuchen:

Code:
<p>

  {$ignore_bit} <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>

</p>

<table border="0" cellspacing="{$theme['borderwidth']}"cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">

  <tbody>

    <tr>

      <td class="tcat">

        <div class="float_left smalltext">

          {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>

        </div>

        {$post['posturl']}

      </td>

    </tr>

    <tr>

      <td class="trow1">

        <span style="vertical-align:super;">

        <!--table {table-layout:fixed;}-->

        </span>

        <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;" valign="text-top">

          <tr>

            <td width="160" style="margin-left:auto;margin-right:auto;position:static;top:-0px;"

            align="center" valign="top">

              <fieldset>

                <div align="top">

                  <span style="vertical-align:super;"><strong><span>{$post['profilelink']}</span></strong>

                  {$post['onlinestatus']}<br />

                  {$post['usertitle']}<br /></span>

                  <div align="center">

                    {$post['useravatar']}

                  </div><br />

                  <span>{$post['groupimage']}</span><br />

                  <hr />

                  <div>

                    {$post['user_details']}

                  </div>

                </div>

              </fieldset>

            </td>

            <td class="trow2 post_content {$unapproved_shade}" valign="top">

              <span class="smalltext"><strong>{$post['icon']}{$post['subject']}

              {$post['subject_extra']}</strong></span>

              <table style="margin-top: 5px" cellpadding="0"cellspacing="0" width="100%">

                <tbody>

                  <tr>

                    <td></td>

                  </tr>

                </tbody>

                <tbody>

                  <tr>

                    <td class="post_body" id="pid_{$post['pid']}" valign="top">

                      <div>

                        {$post['message']}

                      </div>

                    </td>

                  </tr>

                </tbody>

              </table>{$post['attachments']} {$post['signature']}

              <div class="post_meta" id="post_meta_{$post['pid']}">

                {$post['iplogged']}

              </div>

            </td>

          </tr>

        </table>

      </td>

    </tr>

    <tr>

      <td class="trow1 post_buttons {$unapproved_shade}">

        <div class="author_buttons float_left">

          {$post['fid7']}{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}

        </div>

        <div class="post_management_buttons float_right">

          {$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}

        </div>

      </td>

    </tr>

  </tbody>

</table>

Habs lokal getestet, sollte gehen Wink

Grüße

spoothie · 22.01.2012, 16:41

Ja, hat geklappt. Danke für die Hilfe. Smile

Colbie · 30.04.2012, 12:17

Hallo,

da es auch um die Post Message geht, frage ich einfach mal nach. Und zwar möchte ich um den post[message] in der postbit.tpl folgenden code legen <*blockquote><*div align=justify>post[message]<*/blockquote><*/div>. Damit die post gleich so dargestellt werden. Ich bin mir jedoch nicht mehr ganz sicher, ob das bei mybb nur in der postbit.tpl passiert oder evtl. auch in der postbit_classic tpl. Wenn ich den Code einsetze, wird der div code zwar angenommen aber der Text weiß hinterlegt.
Weiß jemand vielleicht etwas?

LG

edit: ach ja, wo ich gerade am fragen stellen bin, wenn ich die uhrzeiz einstellen möchte und +2 stunden angebe, bleibt es trotzdem noch 2 stunden zuvor also 10:19. Woran kann das liegen?

Jockl · 30.04.2012, 16:19

Der weiße Hintergrund stammt vermutlich von den CSS-Eigenschaften der blockquote-Klasse. Wenn Du nicht weiterkommst, wäre ein Link zu Deinem Forum hilfreich.

Du musst die Uhrzeit in unseren Breitengraden auf +1 Stunde stellen und derzeit die Sommerzeit aktivieren. Ggf. musst Du das im ACP aber auch in Deinem Benutzer-CP durchführen.

Colbie · 30.04.2012, 19:33

Hallo,

vielen Dank aber mittlerweile wurden beide Punkte erkannt, verstanden und gelöst Big Grin

LG