Support » Plugins » Asgaros Forum – Problem

  • Moin Jungs!

    ich habe ein Problem, und zwar habe ich mir auf meiner Seite das Plugin „Asgaros Forum“ installiert. Aus mir unerklärlichen gründen ist bei der Ansicht eines Posts das Profilfoto mit Namen nach unten verschoben und somit wird der Text auch nur bis zur hälfte (längst) angezeigt.

    Ich würde mich freuen, wenn mir jemand helfen könnte. Das hier ist die betroffene Seite:

    http://scorpions-club-ev.de/index.php/forum/?view=thread&id=1#postid-1

    Gruß

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 28)
  • Hallo!
    Das liegt vermutlich an einem Namenskonflikt der CSS-Klassen deines *Themes* mit denen des *Forum-Plugins*. Beide verwenden z.B. die Klassen .post-header und .post-author, aber mit unterschiedlichen Eigenschaften. Ich habe leider grade nicht die nötige Zeit und Muse dafür, mich da tiefer reinzudenken, aber ein möglicher Ansatz wäre vielleicht, durch ein Plugin wie „Simple Custom CSS“ für die betreffenden CSS-Klassen des Forums eine höhere Spezifität zu verwenden (etwa durch Voranstellung der Plugin-ID #af-wrapper). Vielleicht haben andere Mitleser hier noch weitere Vorschläge; ich kann leider nicht weiter mitdiskutieren. Dir viel Erfolg bei der Problemlösung und bei eurem Projekt!

    Thread-Starter icehs

    (@icehs)

    Moin!

    aufjedenfall danke für deine Antwort und deine Mühe. Nur leider habe ich alles kontrolliert, und in der Forum CSS haben alle #af-wrapper als ID.

    sofern ich das also richtig verstanden habe, müsste alles passen, doch im Forum ist das Problem noch vorhanden.

    hat jemand noch eine Idee?

    gruß

    Edi

    (@psychosopher)

    Meinst Du im Widget in der Seitenleiste? Oder wo?

    Vielleicht hättest du die „Mädchen“ auch fragen sollen?
    Die WordPress-Community besteht nicht nur aus „Jungs“ sondern auch ausgezeichneten Programmiererinnen, Designerinnen, Speakerinnen, Übersetzerinnen, Support-Helferinnen, WordCamp-Organisatorinnen …

    Thread-Starter icehs

    (@icehs)

    Moin Edi,

    sowohl im Widget in der Seitenleiste und auch bei der Ansicht eines einzelnen Posts.

    Moin Bego,

    das war einfach eine lockere Ansprache, ich habe diese Anrede nicht nur auf eine männliche Geschlecht bezogen, natürlich gibt es super Programmierinnen. Da gibt es auch ein „aber“.

    Gruß

    Edi

    (@psychosopher)

    Das Problem wird, wie Flower33 bereits bemerkt hat, durch die Verwendung von Klassen sowohl durch das Theme als auch das Plugin verursacht.

    Entweder müsstest Du

    1) die beiden CSS auseinanderpulen (und beispielsweise dafür ein Cild Theme des Themes anlegen) oder

    2) das CSS sorgfältig anpassen (wenn das geht) oder

    3) ein Theme verwenden, das nicht zu CSS-Konflikten mit dem Plugin führt.

    Thread-Starter icehs

    (@icehs)

    hättest du Zeit mich dabei zu unterstützen bzw. dir die .CSS einmal anzuschauen, da meine Kenntnisse derzeit nicht soweit sind, dass ich das selbstständig schaffen würde.

    danke im voraus
    Gruß

    Edi

    (@psychosopher)

    Ich würde einfach ein Theme nehmen, das keine Probleme macht. 😉

    @icehs

    Die HTML-Ausgabe sieht so aus:

    <div id="postid-1" class="post">
      <div class="post-header">
         <div class="post-date"><a href="http://scorpions-club-ev.de/index.php/forum/?view=thread&id=1#postid-1">21. April 2016, 12:56</a>
         </div>
         <div class="clear"></div>
      </div>
      <div class="post-content">
         <div class="post-author">
             <img width="60" height="60" class="avatar avatar-60 wp-user-avatar wp-user-avatar-60 photo avatar-default" alt="" src="http://scorpions-club-ev.de/wp-content/plugins/wp-user-avatar/images/wpua-96x96.png"><br><strong><span class="highlight-admin">iCE-HS</span></strong><br><small>Beiträge: 3</small>
         </div>
         <div class="post-message">
            <p><span style="font-size: 15px;">TEXT</p>
         </div>
      </div>
    </div>

    Zur Verdeutlichung:

    <div id="postid-1" class="post">
    
    -------------------------------------------
     <div class="post-header">
       DATUM
     </div>
    -------------------------------------------
    
    -------------------------------------------
     <div class="post-content">
    
         <div class="post-author">
           IMG AVATAR
         </div>
    
         <div class="post-message">
            TEXT DES BEITRAGES
         </div>
    
      </div>
    ----------------------------------------------
    </div>

    Der Avatar kann nicht neben/vor das Datum platziert sein. Das ist also von der Forensoftware so beabsichtigt: Links Avatar, rechts Text. Da hilft dir auch kein anderes Theme 🙂

    NACHTRAG:
    Du könntest aber den Zusatz in eine custom.css einfügen:

    #af-wrapper .content-element .post-author {
       float: none;
    }

    Damit nimmt der Text den ganzen Raum neben dem Avatar ein.
    Und damit der Container des Datums oben nicht so hoch ist

    #af-wrapper .content-element .post-header {
        padding: 0%;
    }

    Dann sieht es so aus:
    http://www.bilder-upload.eu/show.php?file=43937c-1461608926.png

    Und um das rote Label auszublenden, noch das:

    #af-wrapper .content-element .post-author::before, #af-wrapper .content-element .post-author::after {
        display: none;
    }

    Und für das Widget das in die custom.css:

    .asgarosforum-widget .post-author::before, .asgarosforum-widget .post-author::after {
        display: none;
    }
    .asgarosforum-widget .post-author {
        padding: 0;
    }
    .asgarosforum-widget .post-link {
        padding: 3% 4%;
    }
    .asgarosforum-widget .post-link a {
        margin: 0;
    }

    Endergebnis:
    http://www.bilder-upload.eu/show.php?file=73ec6b-1461610440.png

    Edi

    (@psychosopher)

    Der Avatar kann also gar nicht neben/vor dem Datum platziert sein. Das ist also von der Forensoftware so beabsichtigt: Links Avatar, rechts Text. Da hilft dir auch kein anderes Theme.

    Standardmässig (das heisst zum Beispiel mit einem Standardtheme wie Twenty Fifteen oder Twenty Sixteen) wird bei einem Forenbeitrag das Datum in einer eigenen Zeile angezeigt. In der „Zeile“ darunter links in einem Feld der Avatar, darunter der Name und die Anzahl Beiträge. Im Feld rechts daneben wird über die ganze Breite der Beitrag angezeigt.

    Das Widget zeigt untereinander den Titel des Beitrags, den Namen und die Zeit (also keinen Avatar).

    Da wird nichts nach unten verschoben oder der Text nur bis zur Hälfte angezeigt.

    @edi:
    Was hat das Standardtheme von WordPress in diesem Fall mit dem Foren-Plug-in zu tun? Ich denke, für den View Forum-Einzelbeitrag wird ein eigenes Foren-Template existieren. Wo eben das HTML genau so programmiert wurde (für das Forum): Erst Datum (dann ein Div clear), darunter DIV mit Inhalt Avatar + daneben Text.

    Da kannst du ein anderes WordPress-Theme nehmen, das wird nichts an dem HTML des Foren-Templates ändern 🙂

    NACHTRAG:
    Yep, ist genau so, wie ich dachte.
    https://wordpress.org/plugins/asgaros-forum/

    includes/views/thread.php

    Thread-Starter icehs

    (@icehs)

    Moin Angelika,

    vielen, vielen dank für deine Hilfe 😛
    du hast mir den „Ars..“ gerettet.

    Es funktioniert alles super. Könntest du mir evtl. sagen wie ich in dem Widget die Farben anpassen könnte?.

    Gruß

    Gern geschehen.

    Sieh mal dort den Abschnitt „Entwicklerwerkzeuge“. Damit kannst du die entsprechenden Stellen analysieren. Setz am besten immer ein .asgarosforum-widget davor, dann beziehen sich die CSS-Anweisungen nur auf das Widget, siehe auch den letzten Code aus meinem Post oben. Das müssten übrigens auch schon so ungefähr die richtigen Anfasser sein.

    Edi

    (@psychosopher)

    Was hat das Standardtheme von WordPress in diesem Fall mit dem Foren-Plug-in zu tun?

    Das hat Flower33 schon beschrieben.

    Aber das hat sich ja erübrigt, nachdem Du das für icehs gebaut hast.

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 28)
  • Das Thema „Asgaros Forum – Problem“ ist für neue Antworten geschlossen.