[Gobee129]

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

[SvePu]

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

[Gobee129]

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". 

[SvePu]

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

[Gobee129]

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.

---

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.

[SvePu]

OK...dann Kommando zurück....hatte gar nicht gesehen, dass du noch mit mybb 1.6 unterwegs bist.

[Gobee129]

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.

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?

[MrBrechreiz]

Es scheint als wäre im postbit_author_user Template auch ein br im span vorhanden.

[Gobee129]

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']}" />

[MrBrechreiz]

Laut Quellcode hast Du unter deinem groupimage einen Div der nicht befüllt ist und auch mit einem margin-top: 3px beinhaltet.