Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Post Message Text vertikal zentriert
#1
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
Zitieren
#2
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
Zitieren
#3
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.
Zitieren
#4
(22.01.2012, 00:46)spoothie schrieb: Hey,
nett dich auch hier vorzufinden. Wink
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
Zitieren
#5
Ja, hat geklappt. Danke für die Hilfe. Smile
Zitieren
#6
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?
Zitieren
#7
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.
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#8
Hallo,

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

LG
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Logo zentriert bzw. Header mit Bild zentriert Maggan22 3 1.881 28.10.2016, 20:48
Letzter Beitrag: MrBrechreiz
  Vertikal Layout nicht einschaltbar bangolo 5 3.583 02.02.2010, 14:45
Letzter Beitrag: bangolo
  "Forum geschlossen" zentriert cocosplitt 7 2.930 19.07.2009, 11:16
Letzter Beitrag: cocosplitt
  Teile des Forums sind zentriert aTCWiki 6 2.774 23.02.2009, 13:21
Letzter Beitrag: aTCWiki
  Teamspeak Übersicht zentriert darstellen FischI 18 8.321 13.02.2009, 18:09
Letzter Beitrag: eisbäronice