Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.19 veröffentlicht (11.09.18)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Postbit Avatar & Gruppenbanner
#1
N'abend,

ich bin momentan dabei, den postbit in meinem Forum etwas "aufzuräumen", und ich bekomme einfach den Abstand zwischen Avatar und Gruppenbanner nicht entfernt. 

Wie man hier sieht, ist zwischen Avatar und Banner noch ein "space":     

Auf dem Profil allerdings ist diese Lücke nicht vorhanden:     

Dort reiht sich der Banner nahtlos an den Avatar an. Genau SO möchte ich es auch im postbit haben, allerdings weiß ich nicht weiter, deshalb frage ich hier um Rat. 

So sieht der betroffene Teil meines postbit_classic template aus:

Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
    <tr>
        <td class="{$altbg}" width="185px" valign="top" style="white-space: nowrap;  text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
        
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
                      <span class="smalltext" style="text-align: left;">
                       {$post['usertitle']}<br />
            </span>

<span class="smalltext" style="text-align: center;">
            {$post['useravatar']}<br />
{$post['groupimage']}
{$post['userstars']}
                  </span>

<span class="smalltext" style="text-align: left;">

                       {$post['user_details']} <br />{$post['iconfacebook']}{$post['newpoints_postbit']}

                 
               {$post['myachievements_postbit']}
               
        </span>
    </td>
    <td class="{$altbg} grouphighlight_{$post['usergroup']}" valign="top" >
        <table width="100%">
            <tr><td class="grouphighlight_{$post['gid']}">{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']}{$post['subject_extra']}</strong></span>
            <br />
            <div id="pid_{$post['pid']}" class="post_body">
                {$post['message']}
            </div>

Und so mein member_profile template:

Code:
<td class="trow1" width="100%" align="center">
<span class="largetext"><center><strong>{$formattedname}</strong></center></span>
<span class="smalltext">{$usertitle}<br /></span>
{$avatar}
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tr><td class="trow1" width="100%" >
<span class="smalltext">
<center>
{$groupimage}
{$userstars}</center>
<br />
<strong>{$lang->registration_date}</strong> {$memregdate}<br />
<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />
<strong>{$lang->local_time}</strong> {$localtime}<br />
<strong>{$lang->postbit_status}</strong> {$online_status}
</span>
</td><td width="25%" align="right" valign="middle"></td></tr></table>
</td>


Könnt Ihr mir weiterhelfen? 

Vielen Dank schonmal Smile
Zitieren
#2
Hi,

öffne das Theme Template "postbit_groupimage" und ersetze den kompletten Inhalt durch:
PHP-Code:
<img src="{$usergroup['image']}class="pb_groupimage" alt="{$usergroup['title']}title="{$usergroup['title']}/> 

Nach dem Speichern des Templates füge der Theme showthread.css bitte noch folgendes hinzu:
Code:
img.pb_groupimage{
    margin-top: -0.3em;
}
MfG Sven
Zitieren
#3
Danke Sven, das heraufsetzen des groupimages funktioniert. 

Jetzt kommen wir aber zu einem wieteren Problem. Wenn ich die groupimages von den zusätzlichen Usergruppen anzeigen lasse, dann ist dort nicht nur eine Lücke, sondern auch ein Versatz nach rechts:     

Könntest du mir da vielleicht auch helfen?

PS: Mir ist aufgefallen, dass verschiedene Browser dies unterschiedlich anzeigen. Chrome & Firefox haben das Problem, welches ich im 1. Post gezeigt hab, IE hat das Problem nicht, dort ist keine "Lücke". 
Zitieren
#4
Probiere es mal bitte anders.

Ersetze mal bitte den entsprechenden <span> Bereich im postbit_classic Template durch:
PHP-Code:
<span class="smalltext pb_userinfo" style="text-align: center;">
    {
$post['useravatar']}
    {
$post['groupimage']}
    <
br />
    {
$post['userstars']}
</
span

speichere die Änderungen und öffne das Template "postbit_userstar"
Ersetze den kompletten Inhalt durch:
PHP-Code:
<img class="pb_userstar" src="{$post['starimage']}border="0" alt="*" /> 

Zum Abschluß füge noch folgendes zur Theme showthread.css hinzu:
Code:
.pb_userinfo img{
    margin:auto;
    display:block;
}

.pb_userinfo img.pb_userstar{
    display:inline-block !important;
}
MfG Sven
Zitieren
#5
(07.01.2015, 20:24)SvePu schrieb: Probiere es mal bitte anders.

Mit "anders" meinst du ich soll die vorherige Lösung rückgängig machen?

Ich habe kein template postbit_userstars.

(07.01.2015, 20:24)SvePu schrieb: Probiere es mal bitte anders.

Ersetze mal bitte den entsprechenden <span> Bereich im postbit_classic Template durch:


PHP-Code:
<span class="smalltext pb_userinfo" style="text-align: center;">
    {
$post['useravatar']}
    {
$post['groupimage']}
    <
br />
    {
$post['userstars']}
</
span

speichere die Änderungen und öffne das Template "postbit_userstar"
Ersetze den kompletten Inhalt durch:


PHP-Code:
<img class="pb_userstar" src="{$post['starimage']}border="0" alt="*" /> 

Zum Abschluß füge noch folgendes zur Theme showthread.css hinzu:


Code:
.pb_userinfo img{
    margin:auto;
    display:block;
}

.pb_userinfo img.pb_userstar{
    display:inline-block !important;
}

Also wie gesagt, ein userstar template kann ich nirgends finden. 

Ich habe die anderen Änderungen vorgenommen, jetzt sieht es so aus:     

Die Lücke zwischen den Bildern ist weg, allerdings besteht jetzt sehr viel Abstand zu den user_details, und die userstars sind natürlich noch zu klären.
Zitieren
#6
OK...dann Kommando zurück....hatte gar nicht gesehen, dass du noch mit mybb 1.6 unterwegs bist.
MfG Sven
Zitieren
#7
(07.01.2015, 22:37)SvePu schrieb: OK...dann Kommando zurück....hatte gar nicht gesehen, dass du noch mit mybb 1.6 unterwegs bist.

Nein, nein, das ist schon okay. Ich hab deine 2. Lösung beibehalten und die userstars entfernt, denn die 2 banner sind mir wichtiger. 

Und jetzt ist auch der zusätzliche Banner richtig aligned. Big Grin

Das Einzige, was jetzt noch stört, is der <br /> zwischen banner 1 und banner 2:     

Ich weiß partout nicht, wo der herkommt. :/ Kannste mir da noch helfen?
Zitieren
#8
Es scheint als wäre im postbit_author_user Template auch ein br im span vorhanden.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#9
(07.01.2015, 23:20)MrBrechreiz schrieb: Es scheint als wäre im postbit_author_user Template auch ein br im span vorhanden.

Also soweit ich das sehe, ist dort keins: 

Code:
<dl class="userinfo_extra"><dt>{$lang->postbit_joined}</dt><dd> {$post['userregdate']}</dd><dt>Gender:</dt> <dd><img src="{$mybb->settings['bburl']}/images/{$post['fid3']}.gif" alt="Gender" /></dd><dt>{$lang->postbit_posts}</dt><dd> {$post['postnum']}</dd><!-- CountThreads --><dt>{$lang->postbit_threads} </dt><dd>{$post['threadnum']}</dd><!-- /CountThreads -->
    
%%TYL_NUMTHANKEDLIKED%%
</dl>

  <span class="smalltext";>
                      <center><i>"{$post['usertitle']}"</i></center><br />
            </span>

<span class="smalltext" style="text-align: center;">{$post['replink']}</span>

Außerdem taucht das <br /> nur auf, wenn auch ein usergroup image geladen wird. User ohne einen banner haben keine Lücke. 

Aber mein groupimage template sieht so aus:

Code:
<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />
Zitieren
#10
Laut Quellcode hast Du unter deinem groupimage einen Div der nicht befüllt ist und auch mit einem margin-top: 3px beinhaltet.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
Toungue [2 Template Fragen]Gruppe in Postbit+Status in Postbit emink123 6 1.517 15.12.2010, 18:54
Letzter Beitrag: NetHunter
  Validierungsproblem "&amp;" hugin 3 1.414 19.10.2007, 19:08
Letzter Beitrag: hugin