[linwinman]

Wie soll das funktionieren?

• wenn der Benutzer kein Avatar "besitzt", verringert sich z. B. bei einzeiligen Beiträgen deren Höhe auf das Maximum der Autor-/Benutzerdaten (s. Beispiel 1).
  Es sei denn, du definierst (mit entsprechendem Mehraufwand) eine Mindesthöhe je Beitrag, so dass die Benutzer-Infos stets unterhalb eines evtl. vorhandenen Avatars stehen. Was dann andererseits die "Lücke" reißt, wenn kein Avatar vorhanden ist.
  
• das nächste Problem wird sein, dass wenn ein Benutzer ein Avatar "besitzt", die Hintergrund-Grafik bei "kurzen" Beiträgen
  durch das Avatar überlagert wird (s. Beispiel 1).

Somit kannst du alternativ nur eine "Vordergrund-Grafik" mit einer bestimmten Position definieren, die dann jedoch gefixt ist
(s. Beispiel 2).

Andere Möglichkeiten fallen mir für den Moment nicht ein. Aber vllt. hat ja ein anderer noch eine Idee.

[Murphy]

Ab den Beiträgen Anzahl, soll der Hintergrund sein.
Also am besten mit einem table.
Wüsste da vielleicht jemand weiter?

[linwinman]

Hallo Tha Killer,

versuche es 'mal mit diesen Änderungen (ohne Garantie):

in "Templates >> (Dein_Theme)Default Templates >> Post Bit Templates >> postbit_author_user" suchen nach

Code:

    {$lang->postbit_posts} {$post['postnum']}<br />
    {$lang->postbit_group} {$usergroup['title']}<br />
    {$lang->postbit_joined} {$post['userregdate']}<br />
    {$lang->postbit_status} {$post['onlinestatus']}{$post['replink']}<br />
</span>

und ersetzen mit

Code:

<object>
<div class="bgimg">
    {$lang->postbit_posts} {$post['postnum']}<br />
    {$lang->postbit_group} {$usergroup['title']}<br />
    {$lang->postbit_joined} {$post['userregdate']}<br />
    {$lang->postbit_status} {$post['onlinestatus']}{$post['replink']}<br />
</div>
</object>
</span>

In "Themes >> Dein_Theme/Default Theme >> Zusätzliches CSS" einfügen

Code:

.bgimg {
background-image: url(images/.../bg-img.png);
background-repeat: no-repeat;
background-position: center;
}

Die Angaben zu "IMG-Pfad" und "IMG-Name.Typ" musst du entsprechend anpassen.

Das Ergebnis siehst du im Anhang.

HTH

[Murphy]

Wow.
Echt gute Arbeit.
Nur leider ist da noch ein kleines Problem.
Ein Teil vom Kopf fehlt:

   

[linwinman]

Hallo Tha Killer,

du kannst in "Zusätzliches CSS" die Definition für das Hintergrund-Bild um "Breite" und "Höhe" ergänzen:

Code:

.bgimg {
background-image: url(images/.../bg-img.png);
background-repeat: no-repeat;
background-position: center;
width: npx;
height: npx;
}

Ein Beispiel findest du unter "css4you.de" > hier < und > hier <

HTH

[Murphy]

Echt vielen vielen Dank.
Würde Dir am liebsten eine Plus bewertung geben.