Firefox - Forum mal anders

  • Hat auch Nachteile:
    [attachment=1]of_dr.evil.jpg[/attachment] [attachment=0]of_dr.evil2.jpg[/attachment]
    Das zweite Bild bei verkleinertem Fenster.

  • Zitat von deschen2

    Bei mir setzt es mir dem Code von Dr. Evil das online-Bild über den Avatar! :?

    Siehe den Post von Estartu - alles klappt, bis Avatar und Online-Bild zusammen breiter als die 22% Breite der linken Spalte sind. Das lässt sich aber so beheben:

    CSS
    body#phpbb div.post.online {
      background-image: none !important;
    }
    body#phpbb div.post.online > div.inner > dl.postprofile::before {
      content: url(data:image/gif;base64,R0lGODlhOgA6ALMPAL7Y64XH6zWu6xKj6x%2Bn66fR61e460Cx623A65zO60y167PV65DK63nD68rc6wAAACH5BAEAAA8ALAAAAAA6ADoAAAT%2F0MlJa3046827z1YYfmT5iehkrmyasjDponHNzaKtY%2Fi42z3LDxikDGtF4xGWVC1bKMBhMEBcnisRQCBgMARWJbYUahAAEgZBOCZXEIdJYM1unyhzdIGAkBaudh4VBgRTBlsDDXWBNxQJCAlbBAN%2FaGKMGxZbAnMOeYCYGm8CAAgKAQMBDgmgoTwUaAcCqQ4GAwutrhZUqraqi64PsAa9tDnBIIPGEgB%2Fl8EVc84OW3G5odEElVwAAdMSyMlyB5vdA9bPuhQL3Kh8PuFv5qiRB98O4a8TCan85ZZO4jly0IALqT2%2FAiKzoGDAQQIKCCQEl2%2FQwzMIr2Gq0IyAAQMHVMOkw4aHUi10wNTJ0ebgnkZG2XC5yCdsIA6aTSgKTEKzZpGePnsADTpjKNEXRoUaPQov6cyl%2Bo5BZaoQKo2p4l4ObYr1aNdMI7GGFavzqyh8Zm9EAAA7) !important;
      float: right !important;
      margin-right: 1ch !important;
      margin-left: -58px !important;
    }
  • Klappt bei mir auch mit dem Code aus diesem Beitrag. Ich musste nur mein lokal gespeichertes online-Bild etwas verkleinern.

    So sieht es aus:

    ohne Sidebar

    [attachment=2]ohne.png[/attachment]

    mit Sidebar

    [attachment=1]mit.png[/attachment]

    Es gibt nur einen kleinen Schönheitsfehler: bei sehr kurzen Beiträgen von usern, die keine Signatur benutzen, ragt die Zeit der Registrierung in den Beitrag (nur wenn die Sidebar eingeblendet ist).

    [attachment=0]test.png[/attachment]

    Kennt jemand einen Code, mit dem man die Zeit ausblenden kann, so dass nur das Datum übrig bleibt?

  • @ Dr. Evil, leider klappt es mit deinem neuen Code auch noch nicht. mit den neuen "-58px" ist das online Bild nun ganz links, fast über den Bildschirmrand verschwunden. Wenn ich den auf die alten ca. 200px ändere, rutscht er zwar nach rechts, allerdings verschiebt es den Button dann wieder, sobald man ne Sidebar benutzt. Und bei deinem neuen Code ist es auch so, dass der online Button von der Höhe her über dem Avatar-Bild ist. und nicht mehr rechts daneben.

    Dieser kleine Button ist echt zum Verrücktwerden! :wink:

    MfG...

    PS: Hier mal der gesamte Code, vielleicht kommt sich da ja was in die Quere:

    Den Teil von Dr. Evil hab ich jetzt erstmal wieder deaktiviert und dafür wieder das ".online" aktiviert.

    Einmal editiert, zuletzt von deschen2 (25. Mai 2009 um 13:25)

  • Jep. Sieht schon besser aus. :klasse:
    [attachment=1]of_dr.evil3.jpg[/attachment]

    Gibts eigentlich auch eine Variante, wo das Onlinebildchen eine Ebene höher liegt, als das Avatarbild? So das nicht der Avatar das Onlinefähnchen überlappt, sondern umgekehrt?

    Edit: Klappt übrigens auch mit meinem Style. :wink:
    [attachment=0]of_estartu.jpg[/attachment]

  • Zitat von Road-Runner

    Es gibt nur einen kleinen Schönheitsfehler: bei sehr kurzen Beiträgen von usern, die keine Signatur benutzen, ragt die Zeit der Registrierung in den Beitrag.

    [attachment=1]test.png[/attachment]

    Kennt jemand einen Code, mit dem man die Zeit ausblenden kann, so dass nur das Datum übrig bleibt?


    Nein, aber man kann einen Umbruch erzwingen. Ein kleine Änderung im Code um die Profilbox nach links zu verschieben.


    [attachment=0]profildatum.jpg[/attachment]

  • Zitat von deschen2

    @ Dr. Evil, leider klappt es mit deinem neuen Code auch noch nicht. mit den neuen "-58px" ist das online Bild nun ganz links, fast über den Bildschirmrand verschwunden. Wenn ich den auf die alten ca. 200px ändere, rutscht er zwar nach rechts, allerdings verschiebt es den Button dann wieder, sobald man ne Sidebar benutzt. Und bei deinem neuen Code ist es auch so, dass der online Button von der Höhe her über dem Avatar-Bild ist. und nicht mehr rechts daneben.

    Bei mir bleibt der Haken neben dem Avatar, egal wie klein ich das Fenster mache...
    http://img3.imagebanana.com/view/2g2if3mc/…hirmfotoFirefox
    Die Höhe stimmt nicht ganz überein, wenn du den Ehrgeiz hast kannst du da mit margin-top spielen. Mir ist das ziemlich egal...

    Zitat von Estartu

    Gibts eigentlich auch eine Variante, wo das Onlinebildchen eine Ebene höher liegt, als das Avatarbild? So das nicht der Avatar das Onlinefähnchen überlappt, sondern umgekehrt?

    Probier mal "z-index: 10" o.ä. für das Bild, bei mir überschneidet sich nichts...

  • Ich hab des jetzt so gemacht.... (Auflösung 1680 x 1050)

    CSS
    @-moz-document url-prefix(http://www.camp-firefox.de/forum) {
     .postbody { float:right !important; width: 82% !important; border-left: none !important;}
    .postprofile { float: none !important; display: block !important; border:none !important; width: 16% !important;}
    .online { background-position:100px 10px !important; background-image: url("http://www.abload.de/img/grn28zi3.jpg")!important; }}

    [Blockierte Grafik: http://www.abload.de/img/22yff.png][Blockierte Grafik: http://www.abload.de/img/15bfc.png]

    Mit Base 64

    CSS
    .online { background-position: 100px 10px !important;  background-image: url("data:image/png;base64,/9j/4AAQSkZJRgA
    BAQEASABIAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcH
    BwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCABQAAUDASIAAhEBAxEB/8QAF
    wABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABgQAQEBAQEAAAAAAAAAAAAAAAASARFh/8QAFwEBAQEBAAAAAAAAAAAAAAAAAwcCBP/EABYRAQEBAAAAAA
    AAAAAAAAAAAAAREv/aAAwDAQACEQMRAD8A7qEbEoyiUQoY7gaGyhQjXoXLoyjQz3A8NlCxKhuGj//Z")  !important; }
  • Jep. Hatte ich eben auch kurz. ME war Online, das Fähnchen fehlte bei ihm aber. Hat sich wohl kurz die Boardsoftware verschluckt. :mrgreen:
    Übrigens, dein Avatar ist schmaler als meiner. Meiner dürfte deinen Strich verdecken.

    [Blockierte Grafik: http://firefox.czapura.de/gruss2.png]
    Win XP Home SP3, CPU: Pentium 4, 2,6 GHz, Dual Core, 1 GB RAM
    Mozilla/5.0 (Windows NT 5.1; rv:22.0) Gecko/20100101 Firefox/22.0
    Mozilla/5.0 (Windows NT 5.1; rv:17.0) Gecko/20130620 Thunderbird/17.0.7
    Meine Add-Ons

  • Zitat von MaximaleEleganz

    Je nach Breite des Avatars oder wenn gar keins vorhanden, steht da nun ein Strich in der Weltgeschichte herum. :mrgreen:

    ....für alles gibts ne lösung gg

    CSS
    .online { background-position: 25px 140px !important; background-image: url("http://www.abload.de/img/grn2querbggq.jpg")  !important; }
  • Gute Lösung. :mrgreen: Aber vllt. noch n stückel nach links. :wink:

    Edit: Musste es bei mir auch in der Höhe anpassen.

    CSS
    .online { background-position: 18px 127px !important; background-image: url("http://www.abload.de/img/grn2querbggq.jpg")  !important; }


    [attachment=1]of_24.jpg[/attachment]

    Edit: Doch keine so gute Lösung. Ist der Avatar in der Höhe zu klein oder gar keiner vorhanden...
    [attachment=0]of_24_2.jpg[/attachment]