Hat auch Nachteile:
[attachment=1]of_dr.evil.jpg[/attachment] [attachment=0]of_dr.evil2.jpg[/attachment]
Das zweite Bild bei verkleinertem Fenster.
Firefox - Forum mal anders
-
ZweiVier -
18. August 2008 um 16:37 -
Erledigt
-
-
Bei mir setzt es mir dem Code von Dr. Evil das online-Bild über den Avatar! :?
-
Ich habe jetzt schon verschiedene Varianten und Positionen ausprobiert, nichts gefällt wirklich. Die beste Lösung für mich ist, den Kram einfach auszublenden. :lol:
-
Hi Doc,
damit klappt es. Sehr chic gelöst! Gratuliere!
Gruß
bird
-
@24
Sorry, bin grad wieder nicht an meinem Heimrechner, kann den Code erst bei mir zu Hause testen.
Auf dem Pic sieht es aber schon recht schick aus!
Danke für deine Mühen bisher! -
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:
CSSbody#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:
CSS
Alles anzeigen@-moz-document url-prefix("http://www.camp-firefox.de/forum/viewtopic.php") { .postbody { float:right !important; width: 80% !important; border-left: 2px solid #e0e0e0 !important; padding-left:18px !important; } .postprofile { float: none !important; display: block !important; border:none !important} .online { background-position:255px 0px !important; } /*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; } */ }
Den Teil von Dr. Evil hab ich jetzt erstmal wieder deaktiviert und dafür wieder das ".online" aktiviert.
-
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.CSS
Alles anzeigen.postbody { float:right !important; width: 82% !important; border-left: 2px solid #425999 !important; padding-left:22px !important; } .postprofile { float: none !important; display: block !important; border:none !important; width: 16% !important;}
[attachment=0]profildatum.jpg[/attachment] -
Danke @ Estartu
Klappt prima. Ich musste nur die Prozentangaben an meine Bildschirmauflösung anpassen.
[Blockierte Grafik: http://s5b.directupload.net/images/090525/im95bbgf.png]
-
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 EstartuGibts 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; }
-
Sehr dezent. Hat was. :klasse:
-
Je nach Breite des Avatars oder wenn gar keins vorhanden, steht da nun ein Strich in der Weltgeschichte herum. :mrgreen:
-
Irgendwas haut da ned hin gg
[Blockierte Grafik: http://www.abload.de/thumb/aufzeichnenmkbl.png]
-
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. -
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
-
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] -
Alles eine Einstellung. :lol:
Edit: Zu spät. <:o
-