+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Post Message Text vertikal zentriert (/thread-24714.html)
Post Message Text vertikal zentriert - spoothie - 21.01.2012
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
RE: Post Message Text vertikal zentriert - sevildevil - 21.01.2012
Hi,
erstmal willkommen hier im Forum
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"Grüße,
Severin
RE: Post Message Text vertikal zentriert - spoothie - 22.01.2012
Hey,
nett dich auch hier vorzufinden.
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 hab oben in der Spalte, in der $post['message'] angezeigt werden soll, valign="top" hinzugefügt. Hat aber leider nichts gebracht.
RE: Post Message Text vertikal zentriert - sevildevil - 22.01.2012
(22.01.2012, 00:46)spoothie schrieb: Hey,Passiert, setze ja auch das MyBB ein, von daher naheliegend
nett dich auch hier vorzufinden.
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
Grüße
RE: Post Message Text vertikal zentriert - spoothie - 22.01.2012
Ja, hat geklappt. Danke für die Hilfe.
RE: Post Message Text vertikal zentriert - Colbie - 30.04.2012
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?
RE: Post Message Text vertikal zentriert - Jockl - 30.04.2012
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.
RE: Post Message Text vertikal zentriert - Colbie - 30.04.2012
Hallo,
vielen Dank aber mittlerweile wurden beide Punkte erkannt, verstanden und gelöst
LG