Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser. (Original Thema ansehen)
_skylight
geschrieben: 30. März 2009 - 21:53
Ich habe einen Userstyle für WinFuture und das WF-Forum geschrieben und dachte ich weise hier mal darauf hin, da ihn einige von euch vielleicht auch gerne verwenden werden .
WinFuture.de enhanced
Räumt das Layout von WinFuture.de auf. Damit News lesen wieder Spass macht.
Stellt WinFuture.de und WinFuture-Forum.de echt zentriert und auf blauem Hintergrund dar, was besonders bei grossen (Breit-)Bildschirmen sehr praktisch ist und das Betrachten angenehmer macht.
Um WinFuture.de aufzuräumen werden verschiedene Elemente von der Website entfernt.
Anpassbarkeit: Bei Bedarf können die einzelnen Funktionen des Skripts einfach deaktiviert werden. Dazu den Code im Stylish-Bearbeitungsfenster betrachten.
Die "News zum Thema" und die Aktionen zum Artikel werden standardmässig ausgeblendet und erst beim Überfahren mit der Maus angezeigt.
Ausserdem wird bei negativ bewerteten Kommentaren der Text wieder auf die normale Farbe zurückgesetzt, was die Lesbarkeit verbessert. Zur einfachen Unterscheidung von schlechten und guten Beiträgen wird jedoch die helle Hintergrundfarbe beibehalten.
Zudem kann optional ein Windows 7 Hintergrund sowohl für die Hauptseite als auch das Forum aktiviert werden.
Im Rich-Text-Editor des Forums werden verschiedene Fehler korrigiert.
Der Style kann hier geladen werden: UserStyles.org
Getestet wurde er in Firefox mit dem Stylish Addon: Stylish auf Mozilla.org
Stylish ist auch für Google Chrome (oder andere Chromium-Browser) verfügbar: Stylish für Chrome, allerdings sind damit nicht alle Funktionen verfügbar.
Updates des Styles können über die in Stylish eingebaute Updatefunktion bezogen werden.
Wer WinFuture.de auch noch mit einem Aero -Design aufpeppen möchte, kann sich zusätzlich noch diesen Style installieren: WF Reloaded
(NEU) Für alle, die gerne "Danke" sagen möchten gibt es jetzt oben und auf der Stylish-Seite einen Pledgie Donate Button.
Eine aktualisierte Opera-Version gibt es hier im Forum, diese wurde von Taxidriver05 neu angepasst und funktioniert ab Opera 10.5: Opera Version (Die Opera Version bietet nicht alle hier beschriebenen Funktionen.)
Anzahl der Downloads früherer Opera Versionen: 147
Für Updates sollte die oben verlinkte Seite besucht werden, da Opera keine automatischen Updates unterstützt.
Ich hoffe, dass einige das Ganze nützlich finden werden und bin für Vorschläge, Kritik und natürlich auch Lob jederzeit offen.
Have fun
skylight
Screenshots: Links original, rechts mit Style. Zum Vergrössern anklicken.
_skylight
geschrieben: 30. März 2009 - 22:01
Updates sollten über die in Stylish integrierte Updatefunktion bezogen werden.
Opera-User werden gebeten, für Updates öfters mal die entsprechende Seite zu besuchen.
Für weitere Informationen zu den Updates auf das jeweilige -Symbol klicken.
Zitat (Update: 06. Februar 2012 - 11:25)
- Hauptseite: Block "Auch beliebt auf WinFuture" ausgeblendet.
Zitat (Update: 27. Juli 2011 - 16:57)
- Anpassung an das neue Forums-Design.
Zitat (Update: 05.12.2010, 13:06)
- Footer ausgeblendet.
Zitat (Update: 14.09.2010, 11:08)
- Kleines Kompatibilitäts-Update zum Aero Style.
Zitat (Update: 13.09.2010, 11:11)
- "Nachrichten zum Thema" in Box unterhalb News-Text.
Zitat (Update: 12.09.2010, 17:14)
- Style komplett neu geschrieben.
- Anpassung an neues WF-Design.
- Ab FF4: Ausklappbaren Links reagieren erst verzögert, Ausklappen animiert.
Zitat (Update: 27.04.2010, 18:08)
- Fix für Inhalts-Hintergrund und runde Ecken auf der Hauptseite.
Zitat (Update: 26.04.2010, 00:33)
- Fix für Code-Block Anpassung im Forum.
Zitat (Update: 25.01.2010, 19:16)
- Verlauf im Hintergrund (ab Firefox 3.6)
Zitat (Update: 03.09.2009, 23:19)
- Anpassung an Code-Änderungen im Forum.
Zitat (Update: 23.06.2009, 11:50)
Angepasste Druckansicht- Zuletzt eingeführter Code für RSS-Icon wieder entfernt
- "News zum Thema" und die Aktionen zum Artikel standardmässig ausgeblendet, Anzeige bei Überfahren mit Maus
Optional: Anzeige der Kommentare als Blocksatz- Optional: Windows 7 Hintergrund
- Verschiedene weitere kleine Änderungen und Anpassungen
Zitat (Update: 20.05.2009, 00:20)
- Standort-Menü ausgeblendet
RSS-Icon in den Artikeln entfernt- Live-Ticker Regel für alle Seiten
- Kopf-Position (Logo etc.) nach oben verschoben
- Update-Hinweis-Funktion wieder entfernt
Zitat (Update: 17.05.2009, 16:23)
- Alle Elemente der rechten Sidebar können einzeln ausgeblendet werden
Bei einer neuen Version wird ein Hinweis angezeigt.
(Mit Firefox sowohl auf der Hauptseite als auch im Forum, mit Opera nur auf der Hauptseite.)Fix: Das Datum auf WinFuture.de wird wieder angezeigt
Zitat (Update: 07.05.2009, 22:57)
- Weisser Hintergrund auch für archivierte Beiträge
Zitat (Update: 02.05.2009, 01:26)
- Erste Opera-Version
Twitter- und Updatepack-Links ausgeblendet
Zitat (Update: 08.04.2009, 19:13)
- Höhe kurzer Codeblöcke im Forum wird automatisch angepasst (ohne Style: fixiert)
- Lizenzinformationen hinzugefügt
Zitat (Update: 03.04.2009, 22:37)
- Screenshots aktualisiert
- Verschiedene Korrekturen im Forum:
- Schnellzugriffsbox gefixt
- Scrollen bei Menüs nicht mehr nötig
- Smilies-Auswahl passt in Fenster
Zitat (Update: 31.03.2009, 23:00)
- Fix für Werbung zwischen Kommentaren; Werbungs-ausblend-Code entfernt
- Feine Linie um Kommentare auf Hauptseite
- Fix für Rich-Text-Editor dabei: Horizontales scrollen nicht mehr nötig
Zitat (Update: 31.03.2009, 18:00)
(Noch nicht in Screenshot):Fix für Werbung in Forumund Option für verschobene Werbung zwischen den Kommentaren auf der Hauptseite.
Zitat (Update: 31.03.2009, 01:35)
(Noch nicht in Screenshot):Blauer Hintergrund für WinFuture.de und WinFuture-Forum.de
Zitat (Update: 30.03.2009, 23:01)
- Post wurde ins richtige Forum verschoben .
nobody is perfect
geschrieben: 30. März 2009 - 22:06
_skylight
geschrieben: 30. März 2009 - 22:10
Zitat (nobody is perfect: 30.03.2009, 23:06)
Die sollen auch nur grob zeigen, was damit erreicht wird: Die Seite wird aufgeräumt. Und das sollte man erkennen .
Zitat (nobody is perfect: 30.03.2009, 23:06)
Klar, ich möchte dich auch nicht dazu bringen, den Style zu benutzen. Ist für die, die's praktisch finden...
Gruss
skylight
geschrieben: 30. März 2009 - 22:15
XiLeeN2004
geschrieben: 30. März 2009 - 22:16
_skylight
geschrieben: 31. März 2009 - 00:35
Zitat (XiLeeN2004: 30.03.2009, 23:16)
Bitte sehr, ist im neuesten Update dabei...
(Einfach die Updatefunktion von Stylish benutzen.)
skylight
PS: Gute Idee
PPS: Gute Nacht
king00
geschrieben: 31. März 2009 - 09:50
vorallem mit dem dunklem hintergrund läßt sichs auf der seite wesentlich angenehmer lesen.
Ludacris
geschrieben: 31. März 2009 - 10:18
Vielleicht kannst du den Hintergrund des "http://winfuture.de/Werbung/adfill/*" auch blau machen
DiNozzo
geschrieben: 31. März 2009 - 10:22
geschrieben: 31. März 2009 - 11:05
_skylight
geschrieben: 31. März 2009 - 17:00
Zitat (Ludacris: 31.03.2009, 11:18)
Sollte jetzt klappen. Auf der Hauptseite zwischen den Kommentaren ist die Werbung noch nicht, wo sie sein sollte. Da besteht aber eine Option im Code des Skripts.
Updates gibt's über die Stylish-Updatefunktion...
skylight
Steini19
geschrieben: 31. März 2009 - 17:15
Schln wäre es aber wenn das forum viell. größer wäre auf einem widescreen-tft
mesios
geschrieben: 31. März 2009 - 18:03
auch von mir erst mal ein Danke für den angepassten Style - nette Idee! Wir haben generell nichts gegen solche Styles, ganz im Gegenteil: mir gefällt die Idee sogar sehr gut! *hutab*
Die einzige Sache wo wir etwas dagegen haben, ist das Verstecken von Werbung. Wie ihr sicherlich wisst, finanziert sich WinFuture ausschließlich durch Werbung. Diese versuchen wir so gering wie möglich zu halten (ich weiß, das glaub mir wieder keiner - aber habt ihr z.B. in den letzten Tagen einen Layer auf unseren Seite gesehen? ). Wird Werbung nun versteckt, gehen uns Einnahmen verloren was dazu führen könnte, dass wir den Betrieb einstellen müssen oder zumindest gewisse Dinge (wie z.B. schnelle & eigene Downloads) nicht mehr anbieten können Damit das nicht passiert, brauchen wir die Werbeeinblendungen.
Skylight, bitte ändere deinen Style so ab, dass Werbung wieder angezeigt wird - ansonsten müssen wir solch ein Vorgehen leider verbieten, was ich sehr schade fänd.
Noch ein Hinweis, was vielleicht nicht allen Leser bekannt ist: diese angepassten Styles ändert natürlich nichts an der Seite selbst, nur die Darstellung im Browser wird verändert. Das heißt jedoch auch, dass angezeigte Seiten in keinster Weise kleiner oder schneller werden. Alle Elemente werden wie gewohnt geladen - danach nur versteckt. (Was evtl. du einer ganzen Reihe von Problemen führen könnte - aber das ist ein anderes Thema)
Vielen Dank für euer Engagement und das Verständnis in Sachen Werbung.
Viele Grüße,
Sebastian
nobody is perfect
geschrieben: 31. März 2009 - 18:44
Zitat (mesios: 31.03.2009, 19:03)
Die einzige Sache wo wir etwas dagegen haben, ist das Verstecken von Werbung. Wie ihr sicherlich wisst, finanziert sich WinFuture ausschließlich durch Werbung. Diese versuchen wir so gering wie möglich zu halten (ich weiß, das glaub mir wieder keiner )
Vielen Dank für euer Engagement und das Verständnis in Sachen Werbung.
Viele Grüße,
Sebastian
doch ich denke das es alle Wissen das du deine Seite nur mit der Werbung finanziert und da kann ich nur sagen Hut ab.
Ich kann mir gut vorstellen das ihr sehr hohe Kosten habt und das muß ja auch finanziert werden.
Das Angebot was du auf deiner Seite hast finde ich auch ganz gut sowie auch die Schnelligkeit wie man sich hier was downloaden kann.
Mich persönlich stört die Werbung absolut nicht und wenn auch mal wieder ein Layer drin ist na und.
Ich hoffe das es auch weiterhin so bleibt und das Thema Werbung mal langsam zur Ruhe kommt.
_skylight
geschrieben: 31. März 2009 - 19:09
Zitat (mesios: 31.03.2009, 19:03)
Hallo Sebastian
Da ich weiss wie wichtig Werbung für euch ist, habe ich darauf geachtet, dass diese nicht ausgeblendet wird. So habe ich heute auch noch dafür gesorgt dass die Werbung besser in den Style passt (aber immer noch angezeigt wird).
Das einzige Codebruchstück das Werbung ausblendet ist der Fix für die Werbung zwischen den Kommentaren (der aber NICHT standardmässig aktiviert ist). Der Grund dafür ist, dass ich es bisher nicht geschafft habe, diese Werbung so zu zentrieren wie sie sein sollte (und ja, das war jetzt auch eine Bitte um Tipps, wie ich das bewerkstelligen könnte ).
Solltet ihr von WinFuture diesen deaktivierten Code nicht mögen, werde ich ihn selbstverständlich entfernen. Wobei ich allerdings glaube, dass die Besucher dieser Seite es sowieso selbst hinkriegen würden, den Werbeblock (der dann das Layout "zerstört") verschwinden zu lassen...
Aber wie oben schon erwähnt: Auch ich würde es am liebsten sehen, wenn ich die Werbung standardmässig zentriert anzeigen könnte.
Gruss
skylight
PS: Der problematische Block wird auf WinFuture.de zwischen Artikeln mit vielen Kommentaren angezeigt...
_skylight
geschrieben: 31. März 2009 - 22:00
Zitat (_skylight: 31.03.2009, 20:09)
So, jetzt hat's doch noch geklappt (war eigentlich gar nicht so schwer, mir wollte bloss die Lösung nicht einfallen).
Der Style wurde angepasst und der problematische Werbungs-ausblend-Code entfernt.
Zusätzlich wird jetzt um jeden Kommentar auf der Hauptseite eine feine Linie gezogen um zu verhindern, dass die Kommentare optisch "auseinanderfallen".
Ausserdem ist noch ein kleiner Fix für den Rich-Text-Editor dabei: Horizontales scrollen sollte jetzt im Normalfall nicht mehr nötig sein.
Updates gibt's wie immer über die Stylish-Updatefunktion...
Gruss
skylight
XiLeeN2004
geschrieben: 01. April 2009 - 04:45
Scarecrow
geschrieben: 01. April 2009 - 11:47
therealwar
geschrieben: 01. April 2009 - 14:14
Auch die Zentrierung bei Widescreens gefällt mir.
MfG
_skylight
geschrieben: 01. April 2009 - 17:14
Zitat (Scarecrow: 01.04.2009, 12:47)
Du könntest es sonst auch mit einer alternativen Methode versuchen:
Zitat (_skylight: 30.03.2009, 22:53)
Oder vielleicht lässt sich Stylish mit den Nightly Tester Tools "kompatibelpatchen".
Gruss
skylight
sкavєи
geschrieben: 02. April 2009 - 06:52
_skylight
geschrieben: 03. April 2009 - 21:37
Zitat (sкavєи: 02.04.2009, 07:52)
Hi sкavєи
Danke für den Hinweis. Ich habe das Problem behoben, bin mir jedoch nicht sicher, ob es nicht auch ohne den enhanced-Style besteht...
Mit Style stimmts jetzt aber auf jeden Fall .
Ich habe nun im Rich-Text-Editor noch weitere Anpassungen gemacht (Schnellzugriffbox gefixt, Menüs angepasst -> scrollen nicht mehr nötig.)
Einfach mal das Forum mit und ohne Style vergleichen...
Gruss
skylight
Einfach über Stylish updaten
nobody is perfect
geschrieben: 03. April 2009 - 21:50
erstmal auch von mir
du hast dir echt viel Mühe gegeben sieht auch echt gut aus muß man sich aber erst mal dran gewöhnen,habe ja schon geschrieben das ich mit der Seite so zufrieden wie sie ist .
Aber nicht desto trotz gute Arbeit.
$HarryX$
geschrieben: 05. April 2009 - 12:52
mfg harryx
christi1992
geschrieben: 07. April 2009 - 06:53
sкavєи
geschrieben: 07. April 2009 - 07:13
Zitat (christi1992: 07.04.2009, 07:53)
/* Verstecken */ /* Homepage Mittelteil */ @-moz-document url(http://winfuture.de/){ /* Teaser */ .newsteaser, /* Top-News der letzen Tage */ .newscharts, /* Neueste Downloads */ #nointelliTXT, /* Live-Ticker */ .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder /* Code zum Verstecken */ {display:none !important;}}mit
/* Verstecken */ /* Homepage Mittelteil */ @-moz-document url(http://winfuture.de/){ /* Teaser */ .newsteaser, /* Top-News der letzen Tage */ .newscharts, /* Neueste Downloads */ #nointelliTXT, /* Live-Ticker .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder */ /* Code zum Verstecken */ {display:none !important;}}
_skylight
geschrieben: 07. April 2009 - 17:21
Zitat (christi1992: 07.04.2009, 07:53)
sкavєи hat das ganz gut beschrieben...
Du kannst das machen, indem:
- Du das Bearbeitungs-Fenster von Stylish öffnest und dann die Funktion "Zeilen umbrechen" deaktivierst.
- Nun suchst du die zu deaktivierende Codezeile (in deinem Fall die, die mit /* Live-Ticker */ beginnt, und verschiebst das */ ans Ende der Zeile...
- Bei Regeln, die am Ende des Codeblocks stehen (hier der Fall) muss dann noch das Komma am Ende der darüberliegenden Zeile gelöscht werden.
Vorher:
/* Live-Ticker */ .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder
/* Code zum Verstecken */
Nachher:
/* Live-Ticker .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder */
/* Code zum Verstecken */
_skylight
geschrieben: 08. April 2009 - 18:13
Gruss
skylight
latianer
geschrieben: 19. April 2009 - 20:59
gibt es irgendwann mal eine Opera-Version?
wäre ziemlich toll und alle opera user wären euch dankbar...
_skylight
geschrieben: 19. April 2009 - 23:03
Zitat (latianer: 19.04.2009, 21:59)
Hi latianer
Wie im ersten Post beschrieben, sollte der Style eigentlich auch mit Opera funktionieren, allerdings habe ich das noch nicht getestet.
(Offenbar wurde die ursprünglich verlinkte Seite gelöscht. Den Link habe ich jetzt korrigiert, doch die Seite enthält nicht mehr so viele Informationen wie zuvor.)
Zitat (_skylight: 30.03.2009, 22:53)
Die Verwendung sollte aber auch mit Opera oder Firefox ohne zusätzliches Addon möglich sein: Installations-Möglichkeiten
Hier gibt's weiter Informationen zu Opera und UserStyles: Link
Wichtig dürfte dabei auch dieser Teil sein:
Zitat
Gruss
skylight
PS: Einen Unterschied, den es in Opera bestimmt geben wird sind die abgerundeten Ecken. Diese werden mit CSS3-Code erzielt, was von Opera noch nicht unterstützt wird...
edit:
PPS: Ich habe das Ganze jetzt 'mal ausprobiert... Scheint aber doch noch einiges an Änderungen zu benötigen.
Sollte jemand Lust haben, den Style für Opera anzupassen: Nur zu! (Lizenz WinFuture.de enhanced).
Alle anderen Opera-User würden sich bestimmt über eine Veröffentlichung freuen .
latianer
geschrieben: 20. April 2009 - 12:17
also habe ich die CSS hier genommen und etwas angepasst, also die obige CSS hat Winfuture nicht zentriert, auch wenn der Titel darauf hindeutet "Winfuture werbefrei und zentriert".
Ich habe noch einpaar Parameter von _ skylight's CSS eingefügt, die in der obigen CSS nicht vorhanden waren und das ganze zentriert Winfuture.de nun auch wirklich
Es sieht natürlich nicht so toll aus wie das von _skylight, aber es ist ein anfang und mir reicht es (da ich nicht weiter komme, denn die Sache mit dem Background und den Ecken machen mich fertig)
// ==UserScript== // @name Winfuture werbefrei und zentriert // @namespace http://userstyles.org // @description Winfuture ohne die Werbeleiste am rechten Rand und unterhalb der Übersicht // @author kuroi-ryu // @homepage http://userstyles.org/styles/11263 // @include http://winfuture.de/* // @include https://winfuture.de/* // @include http://*.winfuture.de/* // @include https://*.winfuture.de/* // ==/UserScript== (function() { var css = "@namespace url(http://www.w3.org/1999/xhtml); table[width=\"\"], td[width=\"\"], td[valign=\"top\"][align=\"center\"] > a, #skyscraper, .footerFeedTopBorder, .footerFeedMiddle, .newsteaser, .newscharts, .useronline, .partner, #telerechner_boxed, .footerFeedBottomBorder{ display:none !important; }body{width:800px !important; margin:0 auto !important;}}"; if (typeof GM_addStyle != "undefined") { GM_addStyle(css); } else if (typeof addStyle != "undefined") { addStyle(css); } else { var heads = document.getElementsByTagName("head"); if (heads.length > 0) { var node = document.createElement("style"); node.type = "text/css"; node.appendChild(document.createTextNode(css)); heads[0].appendChild(node); } } })();
Aber auf eine komplette "_skylight" - CSS - Winfuture - Version für Opera würde ich mich und die ganze Opera-Gemeinschaft freuen.
_skylight
geschrieben: 02. Mai 2009 - 00:26
Zitat (latianer: 20.04.2009, 13:17)
Bitte sehr - die erste Version des WinFuture.de enhanced Userstyles für Opera steht ab sofort im ersten Posting zum Download bereit.
Neu mit dabei sind (sowohl in der FireFox als auch der Opera-Version) Codeteile, mit denen die Twitter- und Updatepack-Links aus der rechten Sidebar auf der Hauptseite entfernt werden.
Sollte jemand diese Teile nicht ausblenden wollen, einfach mal den Code im Stylish-Fenster betrachten...
Die Updates für FireFox gibt's wie immer über die Stylish-Updatefunktion.
Gruss
skylight
_skylight
geschrieben: 07. Mai 2009 - 21:57
Ab sofort steht eine neue Version bereit, welche dieses Problem behebt.
skylight
_skylight
geschrieben: 17. Mai 2009 - 15:23
Die neuen Funktionen:
- Alle Elemente der rechten Sidebar können einzeln ausgeblendet werden
- Bei einer neuen Version wird folgender Hinweis angezeigt:
(Mit Firefox sowohl auf der Hauptseite als auch im Forum, mit Opera nur auf der Hauptseite.) - Fix: Das Datum auf WinFuture.de wird wieder angezeigt
skylight
evil.baschdi
geschrieben: 19. Mai 2009 - 19:36
_skylight
geschrieben: 19. Mai 2009 - 19:45
Zitat (mister-x: 19.05.2009, 20:36)
Ich nutzte Chip.de eigentlich nicht sehr oft...
Allerdings sieht's eigentlich relativ einfach aus - ich werde es mir mal ansehen. (Allerdings könnte es durchaus zwei, drei Wochen dauern, bis was Brauchbares daraus wird...)
skylight
PS: Will ja nicht nerven, aber das "dass" ist schon nicht gerade hübsch... Link
_skylight
geschrieben: 19. Mai 2009 - 23:20
- Das neue Standort-Menü wird ausgeblendet*.
- Das RSS-Icon in den Artikeln wurde entfernt*.
- Die Live-Ticker Regel funktioniert jetzt für alle Seiten.
- Kopf-Position (Logo etc.) nach oben verschoben.
- Update-Hinweis-Funktion wieder entfernt (wurde durch WinFuture-seitige Änderungen unbrauchbar).
Gruss
skylight
*: (Kann bei Bedarf wieder eingeblendet werden.)
latianer
geschrieben: 07. Juni 2009 - 11:46
ein Bug oder was auch immer das sein soll, vielleicht künstlerische freiheit, aber naja:
bei den Kommentaren
bei Bildern
bei Videos
beim Downloaden
falls man es nicht auf dem ersten blick erkennt ich meine die breite leiste, die sich da horizontal rüberstreckt...
PferdeStärken: sonst ist alles bis jetzt voollll cooollllllll
_skylight
geschrieben: 09. Juni 2009 - 22:53
Zitat (latianer: 07.06.2009, 12:46)
(...)
die breite leiste, die sich da horizontal rüberstreckt...
Hi latianer
Klar war das künstlerische Freiheit ... Nein, ich glaube das war noch nicht so, als ich es raufgeladen habe. Ich werde versuchen, das Problem in den nächsten Tagen zu beheben.
Momentan kannst du folgendes tun:
In der Datei Hauptseite.css die drei Zeilen für die Ausnahme bei den Screenshots suchen (ganz unten) und sie löschen oder auskommentieren.
Dann sind zwar die Screenshots nicht mehr ganz so schön anzusehen, aber der Rest passt wieder.
Gruss
skylight
latianer
geschrieben: 10. Juni 2009 - 09:28
_skylight
geschrieben: 23. Juni 2009 - 10:50
Heute gibt's mal wieder 'ne neue Version (vorerst allerdings nur für Firefox).
Die neuen Funktionen im Überblick:
- Angepasste Druckansicht
- Zuletzt eingeführter Code für das RSS-Icon wieder entfernt (unnötig durch WinFuture-seitige Änderungen)
- "News zum Thema" und die Aktionen zum Artikel werden standardmässig ausgeblendet und erst beim Überfahren mit der Maus angezeigt
- Optionale Anzeige der Kommentare als Blocksatz*
- Optionaler Windows 7 Hintergrund*
- Verschiedene weitere kleine Änderungen und Anpassungen
Update am Besten (wie immer) über die Stylish Update Funktion runterladen...
Gruss
skylight
Hier der verwendete Windows 7 Hintergrund:
DiNozzo
geschrieben: 23. Juni 2009 - 16:09
latianer
geschrieben: 11. Juli 2009 - 09:54
habe in der neuen Opera 10 Version diese CSS getestet und es funktioniert, allerdings gibt es Probleme mit dieser Zeile:
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5 vcmcvMjAwMC9zdmciPg0KDQo8c3R5bGUgdHlwZT0idGV4dC9jc3 MiPjwvc3R5bGU+DQoNCjxtYXNrIGlkPSJtMSI+DQogPHJlY3Qgd 2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgcng9IjEwIiByeT0i MTAiIGZpbGw9IndoaXRlIiAvPg0KPC9tYXNrPg0KDQo8cmVjdCB maWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNtMSkiIHdpZHRoPSIxMD AlIiBoZWlnaHQ9IjEwMCUiIHJ4PSIxMCIgcnk9IjEwIiAvPg0KD Qo8L3N2Zz4=)!important;}, die muss man "ausblenden", damit die Seite nicht ruckelt.
Zitat
Dan94
geschrieben: 18. Juli 2009 - 19:39
Zitat
* Verschiedene weitere kleine Änderungen und Anpassungen
*: Zum Aktivieren einfach die /* und */ Teile um die entsprechenden Code-Abschnitte entfernen.
Update am Besten (wie immer) über die Stylish Update Funktion runterladen...
sieht alles super aus, aber wie kann ich den Win7hintergrund einstellen? Kann mir das einer GENAU erklären? bin da nicht so die leuchte ....
_skylight
geschrieben: 26. Juli 2009 - 17:30
Zitat (Dan94: 18.07.2009, 20:39)
Hi Dan
Sorry für die späte Antwort, aber vielleicht kannst du sie ja trotzdem noch gebrauchen...
Öffne den Code des Userstyles durch Doppelklick darauf im Stylish Fenster.
Achte darauf, dass im sich dann öffnenden Fenster der Haken bei "Zeilen umbrechen" nicht gesetzt ist, damit der Code übersichtlicher dargestellt wird.
Dann scrollst du nach unten. Ungefähr in der Hälfte des Codes findest du folgende Zeilen:
/*
body (...)
*/
Den Hintergrund aktivierst du nun, indem du das */ nach oben verschiebst:
/* */
body (...)
Das Ganze musst du zweimal machen (einmal für die Hauptseite, einmal fürs Forum).
Gruss
skylight
Dan94
geschrieben: 27. Juli 2009 - 15:40
Jetzt habe ich nochmal ne frage: Und zwar hat doch einer (weiß seinen namen nicht mehr) doch auch nen style für die Hauptseite geschrieben, besser gesagt deinen verändert. Kannst du mir vllt sagen wie ich da den header für das forum verwenden kann?!
Also wie ich eig. den Style von dir mit dem Header von dem anderen style verwenden kann? Ich verstehe das mit den CSS-Styles noch niocht so ganz, da ich auch erst 15 bin!
Danke für deine/eure bisherigen antworten
_skylight
geschrieben: 27. Juli 2009 - 18:14
Zitat (Dan94: 27.07.2009, 16:40)
Zitat (Dan94: 27.07.2009, 16:40)
Der Code dafür wäre folgender:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(winfuture-forum.de){
div#wfheader {background-image:url('file:///P:/fad/zu/wf_head1.jpg')!important;}
div#wfheader a {background-image:none!important;}
div#wfheader>div {background-image:url('file:///P:/fad/zu/wf_head2.gif')!important;}
}
Zitat (Dan94: 27.07.2009, 16:40)
Bitteschön
skylight
Dan94
geschrieben: 30. Juli 2009 - 16:53
Dan94
geschrieben: 31. Juli 2009 - 14:45
_skylight
geschrieben: 31. Juli 2009 - 23:24
Zitat (Magguz: 31.07.2009, 15:45)
Hi Magguz
Nutzt du auch Opera?
Falls ja liegt es wahrscheinlich daran, dass ich für die abgerundeten Ecken des Hintergrundes SVG-Graphiken verwenden musste, da Opera das rounded-border property aus CSS3 noch nicht beherrscht. (Und laut diesem Blog eines Opera-Mitarbeiters wird es wohl noch ein wenig dauern, bis Opera das kann.)
Da Opera aber anscheinend für das Rendern dieser Bilder sehr viele Ressourcen benötigt, kommt es offenbar (auf schwächeren Rechnern?) zu Problemen mit der Performance...
Gruss
skylight
geschrieben: 01. August 2009 - 10:09
Zitat (_skylight: 01.08.2009, 00:24)
Ja nutze Opera 10...
Aber mein PC ist nicht wirklich schwach:
http://www.sysprofile.de/id89071
bartii
geschrieben: 01. August 2009 - 10:30
geschrieben: 02. August 2009 - 14:42
maxfragg
geschrieben: 02. August 2009 - 15:07
geschrieben: 02. August 2009 - 15:10
Zitat (maxfragg: 02.08.2009, 16:07)
Ich denke auch, dass das Script für Opera nicht benutzbar ist... habs auch mal aufm anderen Rechner mit Opera versucht... war das gleiche Problem!
Gruß
_skylight
geschrieben: 02. August 2009 - 15:21
Zitat (Magguz: 02.08.2009, 15:42)
Also hier funktioniert's ohne Probleme...
Geht es bei dir immer noch nicht?
Zitat (maxfragg: 02.08.2009, 16:07)
Hm... Ich habe es beim Entwickeln mit Opera 9.64 getestet, dort gab es eigentlich keine Probleme. Ich habe jetzt mal einen Hinweis im ersten Posting hinzugefügt.
Gruss
skylight
_skylight
geschrieben: 03. September 2009 - 22:19
geschrieben: 03. September 2009 - 23:21
geschrieben: 05. Januar 2010 - 20:48
Ich hab mir heute die Opera 10.5 alpha draufgemacht!
Der Style funzt endlich ohne Probleme... leider ist er nicht mehr up to date
Überall klaffen lücken und so weiter
Kannst du es mal updaten?
Gruß
EDIT: OK zu früh gefreut... Die Forum Seite geht, die Hauptseite jedoch nicht... Schade
_skylight
geschrieben: 10. Januar 2010 - 17:38
Zitat (Magguz: 05.01.2010, 20:48)
Ich hab mir heute die Opera 10.5 alpha draufgemacht!
Der Style funzt endlich ohne Probleme... leider ist er nicht mehr up to date
Überall klaffen lücken und so weiter
Kannst du es mal updaten?
Gruß
EDIT: OK zu früh gefreut... Die Forum Seite geht, die Hauptseite jedoch nicht... Schade
Das Problem bei Opera ist, dass es keine Möglichkeit gibt, die CSS-Regeln nur auf bestimmten Unterseiten anzuwenden (bei Firefox über die @-moz-document Befehle möglich). Dies macht das erstellen eines Fehlerfreien Styles sehr schwierig...
Auf der Stylish-Seite gibt es seit einiger Zeit die Möglichkeit, die Styles als Userscripts zu installieren, das scheint aber mit Opera auch nicht richtig zu funktionieren.
Sollte aber jemand wissen, wie man die Userscript-Varianten für Opera anpassen kann, würde mich das sehr interessieren... Ich würde dann eine aktualisierte Version bereitstellen.
Zitat (h.1231: 09.01.2010, 20:05)
Lass mich raten: Du hast weder den Style ausprobiert noch mehr als die erste Seite gelesen, hab ich recht?
Gruss
skylight
_skylight
geschrieben: 25. Januar 2010 - 19:16
Der blaue Hintergrund bietet nun einen leichten Verlauf (von dunklem zu hellerem Blau).
Das Ganze funktioniert ab Firefox 3.6, da vorige Versionen diese Art von Verläufen (reines CSS) noch nicht unterstützen...
Update wie immer über die Stylish Update Funktion.
skylight
_skylight
geschrieben: 25. Januar 2010 - 19:38
Zitat (Tiggz: 25.01.2010, 19:22)
XP, Fx 3.6
Wow, da war aber jemand schnell ...
Die Probleme kann ich nicht bestätigen (sonst hätte ich es auch nicht so veröffentlicht).
Vermutlich hängen diese mit der Leistung des Computers zusammen.
Du kannst den neuen Code aber natürlich jederzeit wieder entfernen:
Dazu einfach den folgenden Code suchen und löschen (je einmal für Forum und Hauptseite).
background: -moz-linear-gradient(top, rgb(15,36,62), rgb(36,64,96) 40%) fixed !important;
Gruss
skylight
Tiggz
geschrieben: 25. Januar 2010 - 19:43
Zitat (_skylight: 25.01.2010, 19:38)
Vermutlich hängen diese mit der Leistung des Computers zusammen.
AMD Athlon 64 X2 5200+; 3 GB RAM; Es laufen keine anderen Programme im Hintergrund; Firewall und AV-Programm sind nicht installiert.
Wäre schön, wenn du eine Lösung findest, da ich den Farbübergang toll finde. Bis dahin bleibe ich beim Vorgänger.
Danke für deine Arbeit an dem tollen Style.
geschrieben: 26. Januar 2010 - 16:55
Nutze aber eh nen anderen Hintergrund
Tiggz
geschrieben: 26. Januar 2010 - 17:28
_skylight
geschrieben: 26. Januar 2010 - 17:49
Zitat (Tiggz: 25.01.2010, 19:22)
Könntest du den Style vielleicht mal in einem neuen Profil ohne Addons (ausser Stylish) ausprobieren?
Falls es nicht an einem Addon liegt, kann ich mir nur noch vorstellen, dass zwischen XP und Win 7 ein Unterschied bei der Darstellung besteht. Diesbezüglich:
@Magguz: Was nutzt du für ein Betriebssystem?
Gruss
skylight
Tiggz
geschrieben: 26. Januar 2010 - 17:55
Zitat (_skylight: 26.01.2010, 17:49)
Ist das Scrollen bei dir hier nicht langsam?:
http://premii.com/la...nd_gradient.php
EDIT:
Das langsame Scrollen wurde mir von einem anderen XP-User bestätigt.
Windows 8 User
geschrieben: 27. Januar 2010 - 15:37
Zitat (Tiggz: 26.01.2010, 17:55)
Ist das Scrollen bei dir hier nicht langsam?:
http://premii.com/la...nd_gradient.php
EDIT:
Das langsame Scrollen wurde mir von einem anderen XP-User bestätigt.
Bei mir ist das scrollen auch langsam.
_skylight
geschrieben: 27. Januar 2010 - 17:29
Zitat (h.1231: 27.01.2010, 15:37)
So, hier ein Fix für alle, die Probleme beim Scrollen haben.
Einfach die folgende Zeile in den Code kopieren (gleich nach den beiden Blöcken /* Blauer Hintergrund und weisser Rand...):
/* Hintergrund Verlauf Fix */ @-moz-document domain(winfuture-forum.de), domain(winfuture.de){body {background:#253F60 url('http://www.winfuture-forum.de/index.php?act=attach&type=post&id=35001') fixed repeat-x !important;}}
Erklärung: Der Verlauf wird ganz simpel als Bild eingebunden.
Sollte dies auch nicht den gewünschten Effekt haben, bleibt nur noch das Deaktivieren des Verlaufs (oben beschrieben) oder das Installieren von Windows 7 bzw. Vista .
Gruss
skylight
PS: Auch auf der angegebenen Seite funktioniert das Scrollen ohne Probleme.
maxfragg
geschrieben: 12. Februar 2010 - 18:47
latianer
geschrieben: 10. März 2010 - 22:51
geschrieben: 17. März 2010 - 16:43
Ich glaub _skylight ist ziemlich inaktiv!
Taxidriver05
geschrieben: 25. April 2010 - 13:39
Denn die "aktuelle" version ist auch für Opera 10.5x ganz gut...
Nur sollte da an manchen Stellen doch eventuell ein Update kommen...
Illidan
geschrieben: 25. April 2010 - 18:06
DIe Links zum Download und "ohne Add-On" funktioniere nicht
Und kann ich das Forum auch so anpassen das es die komplette Breite einnimmt?
Taxidriver05
geschrieben: 25. April 2010 - 19:59
So...
Ich habe mich des Codes für Opera (getestet mit Opera 10.52 Build 3370) mal angenommen....
Das Script konnte ersetzt werden, da Opera ab Version 10.5x auch border-radius unterstützt.
Darüber hinaus habe ich noch im Sinne der künstlerischen Kreativität noch einen Schatten hinter den Content-Bereich der Hauptseite gelegt, welcher sich auch farblich anpassen lässt. (Einfach im Bereich von "box-shadow" am Ende den Farbcode "#CCC" durch einen anderen ersetzen).
Die Referenz zu border-radius und box-shadow kann hier nachgelesen werden.
Danke nochmal an meine Vorposter, die mir mit ihren Codeschnipseln sehr weiter geholfen haben.
Es können im Anhang auch entsprechende CSS-Dateien heruntergeladen werden, die lediglich etwas nagepasst werden müssen.
Screenshot:
links: Hauptseite
rechts: Forum
Zitat
Damit das der Style unter Opera genutzt werden kann, ist es erforderlich, ein paar Einstellungen vorzunehmen.
Im Folgenden wird erklärt, wie man unter Opera den Style einbindet.
Zunächst müssen dazu die entsprechenden Headergrafiken von slurp heruntergeladen werden.
Diese müssen in einen entsprechenden Ordner entpackt werden. (Legt am Besten einen separaten Ordner für den gesamten Style an.)
Anschließend ladet ihr euch die CSS-Dateien für Hauptseite und Forum herunter.
Alternativ können diese auch mit einem Texteditor selbst erstellt werden. Dazu kopiert ihr den entsprechenden Code aus diesem Post in euren Texteditor und speichert diese als CSS-Datei ab.
Bitte achtet darauf, dass Die Pfade zu den Verwendeten Grafiken korrekt und absolut eingestellt werden müssen. Bitte lest auch die Auskommentierungen in den CSS-Dateien, da diese weitere hilfreiche Informationen zur individuellen Konfiguration beinhalten.
Nachdem nun alles vorhanden ist, was für den Style notwendig ist, geht es nun an die Konfiguration von Opera.
Zunächst mussen die CSS-Stylesheets eingebunden werden.
Dazu macht ihr auf der Hauptseite oder dem Forum eineen Rechtsklick auf einen freien Bereich.
Im erscheinenden Kontextmenü wählt ihr dann "Seitenspezifische Einstellungen".
Unter dem Reiter "Anzeige" habt Ihr unten bei "Eigenes Stylesheet" die Möglichkeit, eure CSS-Datei einzubinden.
Über "Auswahl" könnt ihr eure CSS-Datei suchen und einstellen.
ACHTUNG: Für Hauptseite bzw. Forum muss das Stylesheet separat eingestellt werden.
Nun kommt die Einstellung der Ansicht dran...
Dazu klickt Ihr oben auf das "O".
Im erscheinenden Menü wühlt ihr "Erscheinungsbild" aus.
In dem erscheinenden Fenster setzt ihr unter dem Reiter "Symboleisten" ein Häkchen bei "Ansichtsleiste". Dadurch kann gewählt werden, ob die Seite im Autorenmodus oder im Benutzermodus angezeigt werden soll. (Kann am Ende wieder deaktiviert werden.)
Damit das neue Design in einem oder beiden Modi angezeigt werden kann, müssen diese konfiguriert werden.
Dazu klickt ihr in der Ansichtsleiste auf den kleinen Pfeil neben dem angezeigten Modus und wählt "Modi verwalten" aus.
In dem erscheinenden Fenster müssen dazu Häckchen bei den Punkte "Mein Stylesheet verwenden", "Meine Schriften und Farben verwenden" und "Meine Linkdarstellungen" gesetzt werden.
Bitte NICHT die Häckchen bei "Stylesheet der Seite" und "Schriften und Farben der Seite" entfernen. Dadurch kann es zu Darstellungsfehlern kommen, da das Winfuture-Enhanced Stylesheet nicht alle einzelnen CSS-Deklarationen enthält, sondern lediglich die Informationen beinhaltet, die geändert werden sollen.
Sind die Modi eingestellt, so kann das Fenster mit "OK" geschlossen werden. Die Ansichtsleiste kann bei Bedarf wieder wie oben beschrieben ausgeblendet werden.
Hier sind die entsprechenden CSS-Codes: (natürlich anzupassen!)
Codes:
Die Codes sind auch unter FF getestet und laufen weitestgehend problemlos. Lediglich solche Effekte wie border-Radius müssten in -moz-border-radius geändert werden.
Hauptseite:
/*
WinFuture.de enhanced - 2009 by skylight
Opera Version - Style für Hauptseite
Letztes Update: 17. 05. 2009
Für optimale Übersicht Zeilen nicht umbrechen lassen.
Einzelne Codeteile deaktivierbar: den * / Teil ans Ende der jeweiligen Zeile verschieben.
Sollte der letzte Eintrag eines Blocks wieder eingeblendet werden, zusätzlich das Komma am Ende der darüberliegenden Zeile löschen.
Weitere Informationen: http://xrl.us/enhanced
Der WinFuture.de enhanced Userstyle wird unter einer Creative Commons "Namensnennung-Keine kommerzielle Nutzung-Weitergabe unter gleichen Bedingungen 2.5 Schweiz" Lizenz bereitgestellt. Mehr Informationen: http://creativecommo...y-nc-sa/2.5/ch/
*/
/* Zentrieren */
/* WinFuture */ body{width:800px !important; margin:0 auto !important;}
/* Verstecken */
/* Homepage Mittelteil */
/* Teaser */ .newsteaser,
/* Top-News der letzen Tage */ .newscharts,
/* Neueste Downloads*/ table[width="420"][cellspacing="1"][cellpadding="2"][border="0"][id="nointelliTXT"],
/* Linke Sidebar */
/* Anzahl User online */ .useronline,
/* Partnerlinks */ .partner,
/* Rechte Sidebar */
/* Ganze rechte Sidebar*/ td[width="164"],
/* Windows 7 */ td[width="164"]>style+table,
/* Magazin */ td[width="164"]>table[width="162"],
/* TopNews */ td[width="164"]>script+script+script+table[width="164"],
/* Newsletter */ td[width="164"]>table[width="162"]+table, a[title="WinFuture bei Twitter"]+table,
/* Update Pack */ a[title="Hier gehts zum WinFuture Update Pack für Windows XP und Windows Vista"],
/* XP ISO Builder */ a[title="WinFuture Windows XP ISO Builder"],
/* Hosting */ a[title="WinFuture Windows XP ISO Builder"]+table,
/* Twitter */ a[title="WinFuture bei Twitter"],
/* Forum */ a[title="WinFuture Windows XP ISO Builder"]+table+table,
/* Tarifrechner */ #telerechner_boxed,
/* Mittelteil alle Seiten */
/* Live-Ticker */ .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder,
/* Standort-Menü */ #breadcrumb
/* Code zum Verstecken {display:none !important;}*/
/* Abstand Logo <-> Inhalt */ td[height="86"] {height:112px !important; vertical-align:top;}
/* RSS-Icon und Text */ td[background="http://img.winfuture.de/mitte_news_header.gif"]{display:none !important;} td[valign="top"][height="25"]{background:url(http://img.winfuture...news_header.gif); height:35px !important; width:434px; line-height:0.9; background-repeat:no-repeat; vertical-align:bottom !important;} td[valign="top"][height="25"]>table{margin-bottom:0px !important;}
/* Lesbare Kommentare */
.komsys_n1,.komsys_n2,.komsys_n3,.komsys_n4{o
pacity:1 !important;}
.komsys_n1 .komsys_head{background-color:#E8F2FF !important;}
.komsys_n2 .komsys_head{background-color:#EBF4FF !important;}
.komsys_n3 .komsys_head{background-color:#EEF5FF !important;}
.komsys_n4 .komsys_head{background-color:#F0F7FF !important;}
img[src="http://i.wfcdn.de/4/oben_logo_neu_4.jpg"]{display: none !important;}
td[width="264"]{background-image:url('--PFAD--/wf_header/wf_head1.jpg') !important; background-repeat: no-repeat !important; height:119px !important}
img[src="http://img.winfuture.de/oben_bg_neu_4.jpg"]{display: none !important;}
td[width="516"]{background-image:url('--PFAD--/wf_header/wf_head2.gif') !important; background-repeat: no-repeat !important;}
td.menu[width="195"]{color:#ffffff !important}
/* Wähle existierendes Bild über Source-URL aus */
img[src="http://i.wfcdn.de/4/rechts_magazin_header.gif"]
{
/* Setze Bild-Breite auf 0px */
width:0px!important;
/* Verschiebe Bild um eigene Breite nach links um Platz für Hintergrund zu schaffen */
padding-left:164px;
/* Binde neues Bild als Hintergrund ein */
background:url('---DATEIPFAD---/wf_magazin.png');
}
/*Geänderte Kategoriegrafiken*/
[src="http://img.winfuture.de/mitte_news_header.gif"]{display: none !important;}
td[height="35"]{background-image:url('---DATEIPFAD---/wf_news_header.png') !important; background-repeat: no-repeat !important;}*/
img[src="http://i.wfcdn.de/4/rechts_magazin_header.gif"]{display: none !important;}
td[height="19"]{background-image:url('---DATEIPFAD---/wf_magazin.png') !important; background-repeat: no-repeat !important;}
img[src="http://i.wfcdn.de/4/rechts_newsletter_header.png"]{display: none !important;}
td[width="164"]>table[width="162"]+table{background-image:url('---DATEIPFAD---/wf_newsletter.png') !important; background-repeat: no-repeat !important;}
img[src="http://i.wfcdn.de/4/mini_hosting.png"]{display: none !important;}
a[title="WinFuture Windows XP ISO Builder"]+table{background-image:url('f---DATEIPFAD---/wf_hosting.png') !important; background-repeat: no-repeat !important;}
img[src="http://i.wfcdn.de/4/rechts_forum_header.gif"]{display: none !important;}
a[title="WinFuture Windows XP ISO Builder"]+table+table{background-image:url('---DATEIPFAD---/wf_forum.png') !important; background-repeat: no-repeat !important;}
img[src="http://i.wfcdn.de/4/rechts_telerechner_header.gif"]{display: none !important;}
#telerechner_boxed{background-image:url('---DATEIPFAD---/rechts_telerechner_header.png') !important; background-repeat: no-repeat !important;}
img[src="http://i.wfcdn.de/4/nav_header.png"]{display: none !important;}
div#sidebar-a>div.navigation>h6{background-image:url('---DATEIPFAD---/nav_header.png') !important; background-repeat: no-repeat !important; height:15px !important;}
a[href^="http://winfuture.de/mywinfuture,--PROFILLINK--.html"],
a[href^="http://www.winfuture.de/mywinfuture,--PROFILLINK--.html"]
{color:#FF8A00 !important;}
/* Linie um Kommentare */
div.newstext{border: 1px #E8F2FF solid !important; border-top: 0px !important; padding:1px 2px !important;}
div.newstext[style="color: rgb(153, 153, 153); font-size: 9px;"]{border:0px !important;}
div.komsys_icon{border-left: 1px #E8F2FF solid !important; border-top: 1px #E8F2FF solid !important;}
/*++++++++++++++++++++++++++++++++++++++++++++*/
/* FÜR DIE HINTERGRUND-WAHL NICHTZUTREFFENDE BEREICH ZUM DEAKTIVIEREN AUSKOMMENTIEREN!!! */
/*++++++++++++++++++++++++++++++++++++++++++++*/
/* Windows-Hintergrund und weisser Rand INKLUSIVE border-radius UND box-shadow */
body {background: url('--PFAD ZUR HINTERGRUNDGRAFIK--') no-repeat top right !important;}
div#maindiv {background-color:white !important; width:800px !important; margin-top:15px !important; margin-bottom:15px !important; padding-bottom: 10px !important; border-radius: 10px !important; box-shadow: 10px 10px 20px #CCC !important;}
table[width="800"]>tbody>tr:first-child>td {background-color: transparent !important;}
#sidebar-a{height:auto !important; border-bottom: 1px #064089 solid !important;}
iframe[height="60"][frameborder="no"][scrolling="no"][framespacing="0"]{margin-left: -150px !important; position:relative !important;}
/* Windows-Hintergrund auf Blau und weisser Rand INKLUSIVE border-radius UND box-shadow */
body {background:#253F60 url('--PFAD ZUR HINTERGRUNDGRAFIK--') no-repeat top right !important;}
div#maindiv {background-color:white !important; width:800px !important; margin-top:15px !important; margin-bottom:15px !important; padding-bottom: 10px !important; border-radius: 10px !important; box-shadow: 10px 10px 20px #CCC !important;}
table[width="800"]>tbody>tr:first-child>td {background-color: transparent !important;}
#sidebar-a{height:auto !important; border-bottom: 1px #064089 solid !important;}
iframe[height="60"][frameborder="no"][scrolling="no"][framespacing="0"]{margin-left: -150px !important; position:relative !important;}
/* Blauer Hintergrund und weisser Rand */
body {background-color:#253F60 !important;}
div#maindiv {background-color:white !important; width:800px !important; margin-top:15px !important; margin-bottom:15px !important; padding-bottom: 10px !important; border-radius: 10px !important; box-shadow: 10px 10px 20px #FFF !important;}
table[width="800"]>tbody>tr:first-child>td {background-color: transparent !important;}
#sidebar-a{height:auto !important; border-bottom: 1px #064089 solid !important;}
iframe[height="60"][frameborder="no"][scrolling="no"][framespacing="0"]{margin-left: -150px !important; position:relative !important;}
/* Ausnahmen */
/* Screenshots */
center{background-colour:white !important; position:center !important; left:0px !important; margin-left:auto !important; margin-right:auto !important; border: 15px transparent ; min-width:100%;}
/* Style credits */
.navigation:after{content:"WinFuture.de enhanced by skylight"; display: block; color:#00438E; font-size: 11px; font-family: verdana; padding:2px; padding-left:13px; border-bottom: white solid 1px; border-radius: 3px}
Forum:
/*
WinFuture.de enhanced - 2009 by skylight
Opera Version - Style für Forum
Letztes Update: 19. 05. 2009
Für optimale Übersicht Zeilen nicht umbrechen lassen.
Einzelne Codeteile deaktivierbar: den * / Teil ans Ende der jeweiligen Zeile verschieben.
Sollte der letzte Eintrag eines Blocks wieder eingeblendet werden, zusätzlich das Komma am Ende der darüberliegenden Zeile löschen.
Weitere Informationen: http://xrl.us/enhanced
Der WinFuture.de enhanced Userstyle wird unter einer Creative Commons "Namensnennung-Keine kommerzielle Nutzung-Weitergabe unter gleichen Bedingungen 2.5 Schweiz" Lizenz bereitgestellt. Mehr Informationen: http://creativecommo...y-nc-sa/2.5/ch/
*/
/* Zentrieren */
/* Forum */ body{width:872px !important; margin:0 auto !important;}
/* Windows Hintergrund mit blauem Verlauf , weißem Rand und Box-Shadow für Forum */
body {background: url('---PFAD ZUR HINTERGRUNDGRAFIK---') no-repeat top right !important; padding:10px !important;}
body {background-color:#253F60 !important; padding:10px !important;}
#wf-board-kopf{background-color:white !important; border-bottom:10px white solid !important; padding:0px 10px 0px 10px !important; margin-top:15px !important; border-top-right-radius:10px !important; border-top-left-radius:10px !important; box-shadow: 10px 10px 30px #FFF; padding-bottom: 10px !important;}
#wf-board-kopf+table[cellspacing="0"] {background-color:white !important; padding:25px 6px 0px 10px !important; margin-top:-25px !important; margin-bottom:auto !important; border-radius:10px !important;}
tr[valign="top"]+tr[valign="top"]>td[width="853"]:first-child{background-color:white !important; padding:10px 6px 0px 10px !important; border-bottom-left-radius:10px !important; border-bottom-right-radius:10px !important; box-shadow: 10px 10px 30px #FFF;}
/*Der Wert "margin-left35px" ist optional und kann bei Bedarf auskommentiert werden */
/*Header von slurp*/
@namespace url(http://www.w3.org/1999/xhtml);
div#wfheader {background-image:url('--PFAD ZU--/wf_head1.jpg')!important; border-bottom-left-radius:10px!important; border-top-left-radius:10px!important; border-bottom-right-radius:10px!important; /*margin-left:35px !important;}*/
/*Bitte diesen Wert ggf. etwas anpassen! Wert nur angeben, wenn oben nicht auskommentiert wird! */
div#wfheader a {background-image:none!important;}
div#wfheader>div {background-image:url('--PFAD ZU--/wf_head2.gif')!important;}
div#wfheader>div a {background-image:none!important;}
/* Forum: Korrekturen */
/* Smilies Übersicht */
body>div>div>div.borderwrap{border:0 !important; position:absolute !important; left:0px !important; margin-left:auto !important; margin-right:auto !important; width:100% !important; margin-top:-10px !important; overflow:hidden !important;}
/* Rich Text Editor Textfeld */
body[contenteditable="true"]{background-color:white !important; width: auto !important;}
/* Rich Text Editor Menüs */
#ed-0_popup_special_menu{width:142px !important; height:134px !important;}
#ed-0_popup_fontname_menu{height:391px !important;}
#ed-0_popup_fontsize_menu{width:33px !important; height:219px !important;}
#ed-0_popup_format_menu{height:85px !important;}
#ed-0_popup_emoticons_menu{width:91px !important;height:261px !important;}
/* Schnellzugriff Boxen */
img[src="style_images/wfv4_img/folder_editor_images/rte-ipd-tag.png"]{margin-right:-59px; margin-left:-2px; background:#EFF3F7; position:relative; border-left:#EFF3F7 solid 2px !important;}
td:hover>img[src="style_images/wfv4_img/folder_editor_images/rte-ipd-tag.png"]{margin-right:-59px; margin-left:-2px; background: #D3D3D3; position:relative; border-left:#D3D3D3 solid 2px !important;}
.rte-option-emo-box{width:127px !important; overflow:hidden !important;}
#ed-0_options-bar{width:144px !important;}
/* Passende statt fixierte Höhe für kurze Code-Blöcke */
.codemain[style="overflow: auto; height: 200px;"]{height:auto !important;}
/* Ausnahmen */
/* Editor Schnellzugriff Menüs */
body[onload="Init()"]{width:290px !important; background:transparent !important;}
/* Anhänge */
body[style='background:transparent;']{background-color:transparent !important; width:auto !important;}
/* 2. Werbeblock rechte Seite */
iframe[src="http://winfuture.de/Werbung/adfill/forum_adfill_iframe.html"]{height:0px !important;}
/* Style credits */
.copyright:after {content:"WinFuture.de enhanced by skylight";}
/* Rich Text Editor Textfeld */
body[contenteditable="true"]{background-color:white !important; width: auto !important;}
/* Änderungen für Archivseiten */
#ipbwrapper{background-color:white; padding:10px; margin-top:15px; margin-bottom:15px;} #ipbcopyright{display:none;}
- Aktualisiert am: 26.04.2010 -
Bugfixes:
- Anzeigefehler bei Grafiken und Screenshots behoben. (Dafür neuer Bug bei Screenshots )
- Performance-Bug beseitigt.
- Integration der neuen Headergrafiken ins Forum (border-radius).
- Integration von border-radius und box-shadow auf Hauptseite und Forum.
- kleinere Code-Korrekturen
- Aktualisiert am: 27.04.2010 -
Changelog:
- Blauer Hintergrund wieder verfügbar
- Code-Korrekturen durch Anpassungen der Frontseite
- Aktualisiert am: 28.04.2010 -
Changelog:
- Codeaktualisierung nach Änderung der URL für Headergrafik auf Hauptseite
- Aktualisiert am: 02.05.2010 -
Changelog:
- Beseitigung des "Lücken-Bugs" im Forum (Der weiße Bereich erstreckt sich nun über den gesamten Foreninhalt.)
- Code wurde etwas aufgeräumt und aktualisiert
Sollte noch jemad Ideen für weitere Anpassungen haben, können diese hier gern gepostet werden.
Für Vorschläge und Codeschnipsel bin ich allemal dankbar...
- Aktualisiert am: 11.05.2010 -
Changelog:
- experimentelles Codeupdate zum Einbau neuer Kategoriegrafiken
- Einführung von Versionsnummern
Bisherige Downloads:
WF_Enhanced_Forum.css: 11
WF_Enhanced_Mainpage.css: 13
EDIT: Die Entwicklung dieser Style-Version wurde auf Grund des Design-Updates von WinFuture.de eingestellt. Aktualisierte Designs sind hier zu finden.
-
WF_enhanced_Forum.css (4,67K)
: 103 -
WF_enhanced_Mainpage.css (8,59K)
: 104
_skylight
geschrieben: 25. April 2010 - 23:26
Erst einmal sorry für die lange Inaktivität...
Eigentlich hatte ich mir schön öfters vorgenommen, mich an eine neue Opera Version zu wagen, es hat aber leider nie geklappt.
Gerade dieses Wochenende habe ich es für nächste Woche wieder einmal auf die Traktandenliste gesetzt - doch nun ist mir ja Taxidriver05 zuvorgekommen... Ist vielleicht auch besser so, wer weiss, ob ich es diese Woche auch wirklich geschafft hätte .
Ich hoffe auch ihr habt Verständnis dafür, dass meine Motivation für eine Opera-Version nicht gerade riesig war, da ich Opera persönlich nicht nutze (und das ganze doch einiges an Zeit erfordert). Damit besteht auch immer das Problem, dass ich neu auftretende Fehler nicht selbst erkenne. Zudem wurde auf Userstyles.org schon länger angekündigt, die Styles für Opera würden als Userscript verfügbar gemacht werden. Diese haben aber anscheinend für komplexere Styles (wie eben auch diesen) nie wirklich funktioniert.
@Taxidriver05: Vielen Dank für die Arbeit. Was meinst du, soll ich die Opera-Version gleich ganz aus dem Hauptposting löschen und stattdessen auf deinen Post verweisen?
Und jetzt noch etwas dazu:
Zitat (Illidan: 25.04.2010, 19:06)
Edit: Die Seite funktioniert wieder normal.
Für die volle Funktionalität von Userstyles.org (allerdings ohne Blog und Forum) kannst du folgende Zeile zu deiner Hosts-Datei hinzufügen:
Um Probleme zu vermeiden empfehle ich allerdings, diese wieder zu entfernen, sobald die Website wieder ohne diesen Eintrag erreichbar ist.
Zitat (Illidan: 25.04.2010, 19:06)
Theoretisch: Ja. Praktisch: Verdammt viel Arbeit. Nutzerfreundlichkeit: Sinkt.
Die Gründe dazu: WinFuture.de und das Forum wurden leider sehr "altmodisch" programmiert, so dass eine solche Anpassung sehr aufwändig würde. Und ist es nicht eher lästig wenn du beim Lesen ständig den Kopf drehen musst um vom Anfang zum Ende einer Zeile zu kommen?
Gruss
skylight
_skylight
geschrieben: 25. April 2010 - 23:33
Anpassung für Code-Blöcke korrigiert - funktioniert jetzt wieder.
Das Update kann wie immer direkt über Stylish bezogen werden. Möglicherweise ist dazu der oben erwähnte Eintrag in der Hosts-Datei nötig solange die Website noch Probleme macht.
Taxidriver05
geschrieben: 26. April 2010 - 00:25
du kannst den Code gern verlinken, sodass der Code gefunden wird...
Eventuell werde ich das aber auch in einen separaten Thread verlagern.
Leider beiß ich mir noch etwas die Zähne daran aus, slurp's Header im Forum einzubinden... [-solved-]
Allerdings wäre es schön, wenn man die Header auf die Breite anpassen könnte... [- alternativ gelöst -]
Darüber hinaus würde mich mal interessieren, ob man den rechten Werbebanner etwas versetzen kann oder gar ganz auf die linke Seite bringen kann...
geschrieben: 26. April 2010 - 11:48
Zitat (_skylight: 26.04.2010, 00:33)
Danke, aber bei mir findet Stylish kein Update. Auf userstyles steht noch die Version vom Januar als aktuell drin.
Taxidriver05
geschrieben: 26. April 2010 - 14:42
So kann dieser Thread hier übersichtlich gehalten werden.
- Thread geschlossen -
geschrieben: 26. April 2010 - 14:42
Zitat (Taxidriver05: 25.04.2010, 20:59)
Danke, aber mit deinem Script ist die komplette Seite verhackstückelt...
Ist nicht so schön
Zitat (_skylight: 26.04.2010, 00:26)
Ja, das ist mir auch schon aufgefallen. Es scheint Probleme bei der DNS-Konfiguration der Namensserver von Userstyles.org zu geben. Die Website ist (leicht eingeschränkt) weiterhin über ihre IP erreichbar: 74.63.3.217
Zitat
Steht auf der Seite von userstyles Die Seite ist im übrigen wieder über "Userstyles.org" zu erreichen!
Zitat (MagicAndre1981: 26.04.2010, 12:48)
Same Problem here!
Grüße
Taxidriver05
geschrieben: 26. April 2010 - 14:53
Inwiefern wird die Seite "verhackstückelt"?
Vielleicht kannst Du ja mal einen Screenshot posten...
Denn deine drei Punkte geben mir weder Aufschluss über dein Problem, noch über eine mögliche Ursache.
Hast Du dir die entsprechenden Headergrafiken heruntergeladen?
Diese können hier heruntergeladen werden.
Ebenso hoffe ich, dass Du den Code entsprechend auf die von Dir verwendeten Pfade angepasst hast.
Eigentlich dürfte es damit keine Probleme geben.
geschrieben: 26. April 2010 - 15:39
Zitat (Taxidriver05: 26.04.2010, 15:53)
Inwiefern wird die Seite "verhackstückelt"?
Ich meinte damit dein Forum css...
Und bild brauch ich nicht posten... Das hast du ja schon gemacht ^^
Da ist überall platz wo keiner sein sollte... Normalerweise ist der Hintergrund
nur rund um die Seite zu sehen... Bei deinem Script sind überall lücken...
Taxidriver05
geschrieben: 26. April 2010 - 15:43
Natürlich sind hier noch einige Verbesserungen notwendig.
Leider ist es mitunter sehr umständlich den Quelltext auf die entsprechenden Elemente hin zu analysieren.
Sobald hierfür aber eine Lösung gefunden wird, wird dies natürlich gefixt.
EDIT: Die Lücken sind da, weil ich den weißen Hintergrund ausgeblendet habe.
Sobald dieser wieder eingeblendet wird, sind die Lücken nicht mehr vorhanden.
_skylight
geschrieben: 26. April 2010 - 15:51
Zitat (Taxidriver05: 26.04.2010, 01:25)
Wurde erledigt.
Zitat (MagicAndre1981: 26.04.2010, 12:48)
Ich habe die neue Version jetzt noch einmal hochgeladen. Falls noch immer kein Update gefunden wird, wäre es ein Versuch wert den Firefox-Cache zu leeren und es dann noch einmal zu versuchen. Sollte auch das nicht weiterhelfen empfehle ich den Style zuerst zu löschen und dann neu zu installieren.
Zitat (Taxidriver05: 26.04.2010, 15:42)
Habe ich auch im Haupt-Posting verlinkt.
Zitat (Magguz: 26.04.2010, 15:42)
Zitat
Steht auf der Seite von userstyles Die Seite ist im übrigen wieder über "Userstyles.org" zu erreichen!
Das war wohl der Grund dafür, dass meine Änderungen wieder gelöscht wurden...
Bei Fragen und Problemen ab sofort bitte den Support-Thread benutzen!
(Falls ein Bezug zu bestehenden Fragen in diesem Thread besteht, verlinkt ihr die entsprechenden Postings am Besten miteinander.)
Gruss
skylight
Taxidriver05
geschrieben: 27. April 2010 - 15:25
UPDATE sagte:
- Blauer Hintergrund wieder integriert (somit zwischen 2 Hintergründen wählbar)
- kleine Code-Korrekturen und Anpassungen
Taxidriver05
geschrieben: 27. April 2010 - 16:52
Bin gerade dabei, die Ursache zu suchen...
_skylight
geschrieben: 27. April 2010 - 17:08
Zitat (Magguz: 27.04.2010, 17:32)
Der ist gut zerhackstückelt und die runden ecken sind jetzt wieder eckig! ^^
Danke für den Hinweis...
Ich habe den Style gerade eben aktualisiert und die neue Version hochgeladen.
Bitte nutzt einfach die Stylish Update Funktion um an die neue Version zu kommen.
Zitat (Taxidriver05: 27.04.2010, 17:52)
Schau dir mal den Block /* Blauer Hintergrund und weisser Rand */ an: 2. Zeile hat geändert, die dritte ist neu.
Der Grund für die Probleme waren Änderungen am Code der Hauptseite.
Gruss
skylight
Taxidriver05
geschrieben: 27. April 2010 - 18:13
Zitat
- Code-Korrekturen zur Darstellung abgerundeter Ecken und eines leichten grauen Schattens auf der Frontseite.
So...
Nun isses auch für Opera gefixt.
Taxidriver05
geschrieben: 27. April 2010 - 18:53
(Der Codeblock wurde im aktualisierten Download bereits integriert.)
/* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow body {background: url('--PFAD ZUR HINTERGRUNDGRAFIK--') no-repeat top right !important;} div#maindiv {background-color:white !important; width:800px !important; margin-top:15px !important; margin-bottom:15px !important; padding-bottom: 10px !important; border-radius: 10px !important; box-shadow: 10px 10px 20px #CCC !important;} table[width="800"]>tbody>tr:first-child>td {background-color: transparent !important;} #sidebar-a{height:auto !important; border-bottom: 1px #064089 solid !important;} iframe[height="60"][frameborder="no"][scrolling="no"][framespacing="0"]{margin-left: -150px !important; position:relative !important;}
Illidan
geschrieben: 28. April 2010 - 12:28
Vielen Dank! Sieht echt super aus!
Ich habe irgendwie aber das Gefühl das der Aufruf von meinen anderen Seiten etwas länger dauert Oo? Vielleicht wegen dem Stylish?
EDIT: Mit dem Style macht es mir jetzt viel mehr Spaß auf Winfuture zu surfen
Taxidriver05
geschrieben: 28. April 2010 - 19:31
UPDATE sagte:
- Code-Aktualisierung nach Änderungen an Grafik-Adressen für Logo auf der Hauptseite
Selbstverständlich können die aktualisierten CSS-Dateien auf Seite 6 dieses Threads wieder heruntergeladen werden.
Sollte es im Übrigen noch jemanden unter euch geben, der gern bereit wäre, diesen Style für den Internet Explorer oder den Safari-Browser zu coden, so ist dieser hier herzlichst willkommen..!
Taxidriver05
geschrieben: 01. Mai 2010 - 07:36
Ich habe mir mal erlaubt, für Winfuture ein kleines Opera-Widget zu erstellen.
Der Download ist entweder über diesen Link oder aber auch direkt über meine Signatur möglich.
Darüber hinaus gibt es wieder ein Update für alle Opera-Nutzer...!
UPDATE sagte:
- Behebung des "Lücken-Bugs" im Forum (Der weiße Hintergrund erstreckt sich nun über den gesamten Forenbereich.)
- Aufräumen und Aktualisierung des CSS-Codes (Entfernung unnötiger Parameter)
So...
Ich hab auch gleich nochmal die Screenshots auf Seite 6 aktualisiert...
geschrieben: 02. Mai 2010 - 19:14
Hab aber ein paar Fragen, wäre klasse wenn du mir helfen könntest!
1.Hast du nen Tipp wie der Hintergrund bleibt? Also wie beim FF Skin?
Wenn ich nämlich nen Bild als Hintergrund nehme, ist es wie festgenagelt an der Seite
und wenn man dann runter scrollt haut der Hintergrund nach oben ab und man sieht den eigentlichen Hintergrund (in meinem Fall das simple blau!)
2. Ich bekomme im Forum nicht den Header hin... Der bleibt alt obwohl die gleichen Links wie
auf der Hauptseite genommen wurden... Der Header ändert sich jedoch nicht auf der Forum seite
Zitat
@namespace url(http://www.w3.org/1999/xhtml);
div#wfheader {background-image:url('file:///C:/Users/Magguz/AppData/Local/Opera/Winfuture/header/wf_head1.jpg')!important; border-bottom-left-radius:10px!important; border-top-left-radius:10px!important; border-bottom-right-radius:10px!important; /*margin-left:35px !important;}*/
/*Bitte diesen Wert ggf. etwas anpassen! Wert nur angeben, wenn oben nicht auskommentiert wird! */
div#wfheader a {background-image:none!important;}
div#wfheader>div {background-image:url('file:///C:/Users/Magguz/AppData/Local/Opera/Winfuture/header/wf_head2.gif')!important;}
div#wfheader>div a {background-image:none!important;}
Gruß
Taxidriver05
geschrieben: 03. Mai 2010 - 13:42
1.
Zitat
body {background: url('--PFAD ZUR HINTERGRUNDGRAFIK--') no-repeat top right !important;background-attachment:fixed !important;}
div#maindiv {background-color:white !important; width:800px !important; margin-top:15px !important; margin-bottom:15px !important; padding-bottom: 10px !important; border-radius: 10px !important; box-shadow: 10px 10px 20px #CCC !important;}
table[width="800"]>tbody>tr:first-child>td {background-color: transparent !important;}
#sidebar-a{height:auto !important; border-bottom: 1px #064089 solid !important;}
iframe[height="60"][frameborder="no"][scrolling="no"][framespacing="0"]{margin-left: -150px !important; position:relative !important;}
Einfach den fett markierten Teil an dieser Stelle einfügen...
werde es auf wunsch in der nächsten Version optional (auskommentiert) mit einbauen...
2.
Zitat
div#wfheader {background-image:url('file:///C:/Users/Magguz/AppData/Local/Opera/Winfuture/header/wf_head1.jpg')!important;border-bottom-left-radius:10px!important; border-top-left-radius:5px!important; border-bottom-right-radius:10px!important; margin-left:35px !important;
/*Bitte diesen Wert ggf. etwas anpassen! Wert nur angeben, wenn oben nicht auskommentiert wird! */ }
div#wfheader a {background-image:none!important;}
div#wfheader>div {background-image:url('file:///C:/Users/Magguz/AppData/Local/Opera/Winfuture/header/wf_head2.gif')!important; border-bottom-right-radius:10px!important;}
div#wfheader>div a {background-image:none!important;}
So sollte obiger Code lauten...
Ich seh gerade, dass der Code identisch zu sein scheint...
Vielleicht liegt es daran, dass Du da auf ein verstecktes Verzeichnis verweist...
Taxidriver05
geschrieben: 03. Mai 2010 - 22:36
der eine oder andere von euch wird bereits festgestellt haben, dass ich derzeit an der Umsetzung des "Winfuture.de Enhanced Userstyles" für Opera arbeite...
Dies hat bisher soweit auch ganz gut funktioniert...
Allerdings stehe ich vor einem Problem, wo ich nicht mehr weiter komme...
Und zwar möchte ich auf der Winfuture-Hauptseite einzelen Kategoriegrafiken austauschen...
Dies MUSS per CSS erfolgen... Somit kommt Java-Script nicht in Frage.
Das Problem:
Solange die Grafiken über unterschiedliche Eigenschafts-Attribute verfügen, lassen sich diese problemlos austauschen, da diese einmalig vorzufinden sind.
Besitzen zwei grafiken des ursprünglichen Layouts die gleichen Eigenschaften, so werden 2 verschiedene Grafiken mit ein und derselben Grafik ersetzt, was so nicht gewollt ist...
Folgender Code-Teil führt zu obigem Problem...
/*Geänderte Kategoriegrafiken*/ img[src="http://img.winfuture.de/mitte_news_header.gif"]{display: none !important;} td[height="35"]{background-image:url('file://C:/Users/Matthias Schleusener/Downloads/Kategorien/wf_news_header.png') !important; background-repeat: no-repeat !important;} img[src="http://i.wfcdn.de/4/rechts_magazin_header.gif"]{display: none !important;} td[height="19"]{background-image:url('file://C:/Users/Matthias Schleusener/Downloads/Kategorien/wf_magazin.png') !important; background-repeat: no-repeat !important;} img[src="http://i.wfcdn.de/4/rechts_newsletter_header.png"]{display: none !important;} td[height="16"][align="left"][valign="top"]{background-image:url('file://C:/Users/Matthias Schleusener/Downloads/Kategorien/wf_newsletter.png') !important; background-repeat: no-repeat !important;} img[src="http://i.wfcdn.de/4/mini_hosting.png"]{display: none !important;} td[height="16"][align="left][valign="top"]{background-image:url('file://C:/Users/Matthias Schleusener/Downloads/Kategorien/wfi_hosting.png') !important; background-repeat: no-repeat !important;} img[src="http://i.wfcdn.de/4/rechts_forum_header.gif"]{display: none !important;} td[height="16"][align="left"][valign="top"]{background-image:url('file://C:/Users/Matthias Schleusener/Downloads/Kategorien/wf_forum.png') !important; background-repeat: no-repeat !important;}
für Anregungen wäre ich dankbar...
Liebe Grüße,
taxidriver05
geschrieben: 03. Mai 2010 - 22:40
Zitat (Taxidriver05: 03.05.2010, 14:42)
...
Hey danke, dein zweiter Tipp hat geholfen
Der erste zwar nicht, aber das ist auch nicht so schlimm
Warum das Hauptseitescript mit dem Pfad in nen versteckten Ordner funktionierte
aber das Forumscript weiss ich nicht...
Habs einfach in den install Opera Ordner gezogen und die pfade geändert...
und schwups war der header richtig
Danke!
Tienchen
geschrieben: 03. Mai 2010 - 23:02
Zitat (Taxidriver05: 03.05.2010, 23:36)
Nur zur Frage: Muss CSS die Datei sein, oder soll nur CSS rauskommen? Denn mit Javascript gibt es sehr viele elegante Lösungen, CSS auszuwählen und zu verändern.
Ansonsten werde ich aus dem Code unten nicht ganz schlau - was ist das? Gibt es zu dieser Geschichte irgendwo ein Tutorial / Hilfe?
Taxidriver05
geschrieben: 03. Mai 2010 - 23:16
Die Sache ist die, dass das Layout rein per CSS erzeugt werden soll...
den vollständigen CSS-Code findest Du hier. Dort steht auch, wie man die CSS-Datei in Opera einbindet...
Manche Sachen in dem Quellcode habe ich auch nur durch Probieren hinbekommen...
Grundsätzlich baut der Code auf einer Vorlage von _skylight auf.
Da er aber weniger mit Opera arbeitet, habe ich mich um die Umsetzung unter diesem Browser bemüht...
Ich meine, gelesen zu haben, dass es wohl auch möglich sein soll, JavaScript in CSS auszuführen...
Taxidriver05
geschrieben: 03. Mai 2010 - 23:20
Naja...
Die aktuelle Version sollte erst einmal eine Weile Bestand haben, wenn sich der Quellcode nicht signifikant ändert.
Denn momentan ärgere ich mich mit dem Austausch der Kategoriegrafiken herum...
Für diesen Fall muss ich sogar mal das Forum um Rat fragen...
klawitter
geschrieben: 03. Mai 2010 - 23:28
hab mal deinen neuen Thread zum gleichen Thema hier eingefügt.
_skylight
geschrieben: 03. Mai 2010 - 23:49
Zitat (Taxidriver05: 04.05.2010, 00:20)
Hallo Taxidriver
Suchst so was wie das hier?
img[src="http://i.wfcdn.de/4/w7_special/boxen/rechts_box_header_windows7special_schmal.png"]
{
/* Setze Bild-Breite auf 0px */
width:0px!important;
/* Verschiebe Bild um eigene Breite nach links um Platz für Hintergrund zu schaffen */
padding-left:164px;
/* Binde neues Bild als Hintergrund ein */
background:url(http://t1.gstatic.co...:P5QxUnbPyLaxvM);
}
(Code für die Hauptseite)
Gruss und gute Nacht
skylight
Taxidriver05
geschrieben: 04. Mai 2010 - 00:21
Aber auch NUR bei der einen Grafik...
Die anderen funktionieren trotzdem nicht...
_skylight
geschrieben: 04. Mai 2010 - 18:59
Zitat (Taxidriver05: 04.05.2010, 01:21)
Aber auch NUR bei der einen Grafik...
Die anderen funktionieren trotzdem nicht...
Welche Graphiken möchtest du denn ersetzen?
Versuch mal, die obige URL z.B. mit "http://i.wfcdn.de/4/rechts_magazin_header.gif" auszutauschen...
skylight
Taxidriver05
geschrieben: 04. Mai 2010 - 21:49
Zitat (_skylight: 04.05.2010, 19:59)
Versuch mal, die obige URL z.B. mit "http://i.wfcdn.de/4/rechts_magazin_header.gif" auszutauschen...
skylight
Negativ...
Es wird lediglich eine Weiße Fläche angezeigt...
Stan hat hier dieses "nth-last-child" ins spiel gebracht...
Nur steig ich da nicht wirklich durch...
Stan
geschrieben: 04. Mai 2010 - 22:40
_skylight
geschrieben: 04. Mai 2010 - 23:01
Zitat (Taxidriver05: 04.05.2010, 22:49)
Es wird lediglich eine Weiße Fläche angezeigt...
Verstehe ich jetzt nicht... Wenn ich (Firefox, Stylish) folgenden Code verwende, wird das "Titelbild" des Abschnittes Magazin in der rechten Spalte ersetzt:
img[src="http://i.wfcdn.de/4/rechts_magazin_header.gif"]
{
/* Setze Bild-Breite auf 0px */
width:0px!important;
/* Verschiebe Bild um eigene Breite nach links, um Platz für Hintergrund zu schaffen */
padding-left:164px;
/* Binde neues Bild als Hintergrund ein */
background:url(http://t1.gstatic.co...:P5QxUnbPyLaxvM);
}
Gruss
skylight
Taxidriver05
geschrieben: 05. Mai 2010 - 00:18
Zitat
Naja...
Stylish != Opera...
Du weißt, Opera tickt da etwas anders...
Naja...
Vielleicht hab ich da aber auch einfach nur gerade ne Denkblockade...
Dummerweise spinnt bei mir in letzter Zeit immer das Dragonfly im Opera, was die analyse der Seite schwierig macht...
Ich habe obigen Code mal getestet...
Das Skript lässt sich immer nur auf eine Grafik anwenden.
bei jeder weiteren zeigt es nur einen weißen Platzhalter an...
Ich glaub, ich muss mich da wohl doch nochmal näher mit Stan's vorschlag befassen...
@ Stan:
Schon okay...
War ja auch im falschen Thread... xD
Ich werd mich da mal belesen müssen. Denn mit der Deklaration habe ich noch nicht gearbeitet...
Und die Hauptseite ist ja dazu auch noch so [inronie]wunderbar[/ironie] strukturiert...
Taxidriver05
geschrieben: 08. Mai 2010 - 15:56
Aber, ich starte einfach nochmal den Aufruf...
Sollte jemand eine Lösung kennen, die Kategoriebilder auf der Haptseite separat (z.B. anhand ihrer URL) gezielt über eine CSS-Deklaration anzusteuern oder gar ein Code-Beispiel hat, würde es mich freuen, wenn sich derjenige hier melden könnte...
Leider steige ich bei Stan's Vorschlag nicht so wirklich durch...
Liebe Grüße,
T05
klawitter
geschrieben: 08. Mai 2010 - 16:32
Taxidriver05
geschrieben: 09. Mai 2010 - 11:18
Zitat (klawitter: 08.05.2010, 17:32)
Naja...
Vorsicht ist die Mutter der Porzelankiste...
Nach deiner letzten PM dachte ich mir dann doch:"Lässt du es lieber in dem Thread..."
Aber, ich werd es wohl mal probieren...^^
nobody is perfect
geschrieben: 09. Mai 2010 - 11:40
Zitat (klawitter: 08.05.2010, 17:32)
dann verschieb es doch dahin,ist da doch besser aufgehoben
Taxidriver05
geschrieben: 09. Mai 2010 - 11:46
Ich hab dort jetzt mal n Thema aufgemacht, wo das Problem nochmal detailliert erklärt ist...
Ich denke, die Programmierer in der Community dürften damit auch eher was anfangen können...
Trotzdem Danke für deinen Hinweis...
Taxidriver05
geschrieben: 11. Mai 2010 - 14:56
UPDATE sagte:
- Experimentelles Code-Update (neue Kategoriegrafiken auf Hauptseite)
- Einführung einer Versionierung (Version 1.10 BETA)
So... Es geht mal wieder voran...
Allerdings ist dies nur eine Entwicklungsstufe (RC), die noch einige Darstellungsfehler aufweist.
Allerdings werde ich versuchen, diese so schnell wie möglich zu beheben.
Anregungen können wie immer hier gepostet werden oder per PM an mich gerichtet werden...
Taxidriver05
geschrieben: 20. Mai 2010 - 22:04
Allerdings möchte ich euch gern darüber informieren, dass das Projekt "Winfuture Enhanced Userstyle für Opera" bis auf weiteres auf Eis gelegt ist...
Der Hintergrund für die Pause hat private Hintergründe.
Sobald ich wieder den Kopf dafür frei habe werde ich euch mit neuen Versionen versorgen...
Bitte habt dafür Verständnis!
Eines sei aber versprochen...
Das Projekt ist nicht eingestellt, sondern ruht lediglich...
Die Version für den Firefox (von _skylight) ist von dieser "Pause" nicht betroffen...
Liebe Grüße,
Matthias
(Taxidriver05)
Taxidriver05
geschrieben: 24. Mai 2010 - 10:56
sobal erste Entwürfe stehen werde ich diese hier gern posten...
Natürlich dürft auch Ihr hier eure Ideen posten...
Liebe Grüße,
Taxidriver05
Mampfy
geschrieben: 08. Juli 2010 - 21:29
Danke für den enorm geilen Style!
Ich finde den total super und übersichtlich!
Ausserdem habt Ihr meinen Respekt für die Arbeit die Ihr Euch macht!
CU
Taxidriver05
geschrieben: 12. Juli 2010 - 12:06
vielen Dank für dein positives Feedback!
Ich denke, _skylight freut dies ebenso wie mich, sowas zu hören.
Wenn Du Anregungen für uns hast, dann kannst Du dies gern hier posten.
Wir werden dann sehen, inwiefern dies realisierbar ist...
Liebe Grüße,
Taxidriver05
Taxidriver05
geschrieben: 27. Juli 2010 - 02:08
Nachdem es mir momentan etwas an Kreativität und auch etwas an Zeit mangelt, dachte ich mir, ich lass euch mal aktiv werden...
Und zwar möchte ich gern einen kleinen Contest starten...
Was wird gesucht?
Gesucht wird der beste Design-Vorschlag (Header-Grafik, Hintergrund, etc.)
Was gibt es dafür?
Derjenige, der den besten Vorschlag bringt, wird künftig in die Credit-Liste aufgenommen. (zumindest für die Opera-Version)
Sollte jemand einen kompletten Design-Vorschlag liefern, so ist es auch möglich, einen separaten Style zu erstellen.
An wen richtet sich der Contest?
An all diejenigen, die etwas versiert im Umgang mit Bildbearbeitungssoftware sind.
Was darf bearbeitet werden?
Es dürfen sowohl Vorschläge für die Hauptseite, als auch für das Forum gemacht werden.
Worauf ist zu achten?
Es ist darauf zu achten, dass keine Grafiken bearbeitet werden, die den Mitgliederstatus zeigen. ansonsten dürft ihr euch austoben...
Ich wünsche viel Spaß beim Entwerfen...!
EDIT:
Inspiriert von unserem Userstyle hat sich ObjClover daran gemacht, ein paar funktionale Anpassungen zu erstellen.
Dies läuft unter dem Namen "Better WinFuture".
Wir dürfen gespannt sein, wie sich dieses Projekt entwickelt...
Taxidriver05
geschrieben: 11. September 2010 - 11:29
Dies wird wohl auch mit tief greifenden Änderungen am Style der Seite einher gehen.
Daher ist damit zu rechnen, dass der "Winfuture.de Enhanced Userstyle" bis auf weiteres nicht mehr benutzbar ist.
Inwiefern ich von meiner Seite den Style weiter updaten werde, muss ich sehen, wenn das Update durch ist. Wie _skylight das handhaben will, kann ich nicht sagen.
Entsprechende Informationen, ob es ein Update für die Opera-Version geben wird, werde ich nach dem Update hier posten.
Vielen Dank für euer Verständnis!
EDIT:
Nachdem Das Winfuture-Team mit dem Update ein hervorragendes Design gebracht hat, habe ich zunächst nur geringfügige Anpassungen vorgenommen.
So habe ich lediglich einen Hintergrund in das bestehende Design eingebunden.
Das Ergebnis ist hier zu sehen:
Wer dies ebenfalss nutzen möchte, der legt sich einfach eine CSS-Datei mit folgendem Inhalt an:
@charset "utf-8"; /* CSS Document */ /* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow */ body {background:#253F60 url('LINK ZUR GRAFIK') no-repeat top right !important;} #mainWrap { border-radius:10px !important; margin-bottom:50px !important; box-shadow: 10px 10px 30px #CCC !important; }
Die Hintergrund-Grafik ist hier verfügbar...
Einen separaten Download bereit zu stellen, habe ich mir hier mal gespart...
Taxidriver05
geschrieben: 12. September 2010 - 15:45
(optimiert für die Verwendung in Opera, Firefox & Google Chrome)
bereits über 2.000 Downloads!!!
DANKE!
Zitat (_skylight: 14.09.2010, 11:08)
Das Update kann wie gewohnt über die Stylish Update-Funktion heruntergeladen werden.
Gruss
skylight
Wie ihr alle mitbekommen habt, hat Winfuture in den letzten Tagen ein Facelifting erhalten.
Erfreulicherweise waren viele Ansätze, die unser letzter User-Style nutzte, mehr oder weniger mit umgesetzt worden.
Folglich ist der alte Style in der Form nicht mehr zu gebrauchen.
Daher habe ich mich daran gemacht, dem neuen Design einen AERO-Look zu verpassen.
Ein besonders großer Dank geht dabei an slurp, der mir bei der Modifikation des Headers geholfen hat.
Ebenso ein besonders großes Dankeschön an niete für die Anregung.
Eine Vorschau ist hier zu sehen:
Die verwendeten Hintergrund-Grafiken sind auf Imageshack.us sowie z.T. auf einem eigenen Server gehostet.
Die CSS-Datei kann ab sofort im Anhang herunter geladen werden:
Ab sofort ist der "WinFuture.de RELOADED 2k10" über userstyles .org erhältlich: (Zum Download auf Symbol klicken!)
Das Ganze gibt es natürlich auch als "Light-Edition".
Preview:
Die Light-Edition gibt es für Stylish jetzt auch unter userstyles.org: !
Alternativ dazu hat sich d4rkn3ss4ev3r die Arbeit gemacht, um ein "WinFuture.de RELOADED 2k10 (SEXY EDITION)" zu entwerfen.
Preview:
Dieser kann hier bezogen werden.
Der Style wird von d4rkn3ss4ev3r gepflegt. Updates erfolgen daher unabhängig von meinen Versionen.
Sein Style kann nun auch per Stylish bezogen werden:
UPDATE:
Ab sofort gibt es das "WinFuture.de RELOADED 2k10"-Design auch in einer "Windows 7"-Edition.
Preview:
Die Dateien für Hauptseite und Forum liegen (wie gewohnt) im Anhang.
Das Design für Stylish unter Firefox/Chrome kann alternative über userstyles.org bezogen werden:
Das "WinFuture.de RELOADED 2k10"-Design gibt es auch in einer "_skylight-featured"-Edition.
Dies soll ein kleines Dankeschön an den Schöpfer dieser Idee sein...
Preview:
Das Design für Stylish kann hier bezogen werden:
Ab sofort gibt es das "WinFuture.de RELOADED 2k10"-Design auch in einer "Black Night"-Edition.
Für alle Liebhaber dunkler Designs...
Preview:
Das Design für Stylish kann hier bezogen werden:
Update:
Wie versprochen gibt es nun den Userstyle mit dem Bild aus dem WinFuture-Fotowettbewerb...
Es Trägt den Namen "WinFuture.de RELOADED 2k10 (Winter Edition)".
Preview:
Das Design für Stylish kann auch hier bezogen werden:
Des Weiteren gibt es nach dem Forenupdate nun auch eine überarbeitete Version des "WinFuture RELOADED 2k10 (Light Edition)".
Es schimpft sich "WinFuture.de RELOADED 2k10 (Light)(Re-Design)"
Ab sofort ist das Design für alle bereits unterstützten Browser erhältlich!
Preview:
!!!NEW!!!
Alle Designs enthalten ein komplett überarbeitetes Design für das Forum!
!!!NEW!!!
Preview (für neues Forenlayout):
Zum Download einfach auf das Stylish-Symbol klicken!
Hinweis:
Zitat
Um diesen zu aktivieren macht man einfach aus
#ipbwrapper { background-color: transparent !important; /*width:auto !important;*/}/*#container{width:90% !important;}*/
*relativ weit am Ende des Quellcodes zu finden!
folgendes
#ipbwrapper { background-color: transparent !important; width:auto !important;}#container{width:90% !important;}
Hinweis sagte:
Es wird daher empfohlen, diesen unter den Einstellungen des Firefox zu deaktivieren!
Nutzern von Firefox wird empfohlen, NUR die Stylish-Version zu nutzen. Die CSS-Variante weist gewisse Inkompatibilitäten zu Firefox auf. Daher ist die CSS-Variante NUR für Opera-User gedacht!
Zur Nutzung der Userstyles in Firefox 4+ kann wie gewohnt, das Stylish-AddOn verwendet werden.
Um zwischen den Styles wählen zu können, muss die AddOn-Leiste im Firefox aktiviert werden!
Zur Nutzung der Userstyles unter Firefox 6 ist ein kleiner Trick erforderlich.
Nach dem Update auf Version 6 (Final) ist Stylish standardmäßig deaktivert.
Um dieses wieder zu aktivieren, benötigt man den Add-On Compatibility Reporter.
Dieser deaktiviert nach einem Neustart die Kompatibilitätsprüfung.
Durch einen weiteren Neustart, wird Stylish wieder aktiviert.
Die Styles können somit wieder genutzt werden.
Installationsanleitung für Opera-Nutzer: sagte:
Es nennt sich Easy User CSS Extension.
Folgende Schritte sind daher für Opera-User empfohlen:
- Download der Erweiterung unter dem oben angegebenen Link.
- Download der CSS-Dateien hier aus dem Thread.
- Öffnen der gewünschten CSS-Dateien mit einem beliebigen Editor.
- Kopieren des Quellcodes für die jeweilige Seite (z.B. CSS-Datei für Hauptseite).
- Öffnen der jeweiligen Seite (z.B. der Hauptseite).
- Klick auf das Icon für "Easy-User CSS", während Fokus auf der gewünschten Seite ist.
- Häckchen bei "Live Styling" setzen.
- Kopierten Quellcode aus der Zwischenablage in das Textfeld einfügen.
- Mit Klick auf "Save" bestätigen. Der Style wird nun dauerhaft auf die Seite angewandt.
Bei der Verwendung dieser Installations-Option kann es dennoch zu Darstellungsproblemen kommen.
Daher ist die reine Einbindung der CSS-Datei empfohlen.
Die Designs werden so erstellt, dass sie unter Verwendung eingebundener CSS-Dateien optimal funktionieren.
Viel Spaß mit dieser kleinen Erweiterung...
Habe die Erweiterung bereits selbst getestet und funktioniert wunderbar!
Außerdem sind hier weitere Styles verfügbar!
Und hier gibt es WinFuture.de nun komplett verglast!
bisherige Downloads (bis zum letzten Update):
"WinFuture.de RELOADED 2k10": 120
"WinFuture.de RELOADED 2k10 (Light-Edition)": 82
"WinFuture.de RELOADED 2k10" (Forum): 94
"WinFuture.de RELOADED 2k10 (Light-Edition)" (Forum): 75
"WinFuture.de RELOADED 2k10 (Windows 7-Edition): 69
"WinFuture.de RELOADED 2k10 (Windows 7-Edition)(Forum): 67
"WinFuture.de RELOADED 2k10 (feat. _skylight)": 65
"WinFuture.de RELOADED 2k10 (feat. _skylight)"(Forum): 57
"WinFuture.de RELOADED 2k10 (Black Night Edition)": 56
"WinFuture.de RELOADED 2k10 (Black Night Edition)"(Forum): 61
"WinFuture.de RELOADED 2k10 (Winter Edition)": 42
"WinFuture.de RELOADED 2k10 (Winter Edition)"(Forum): 39
"WinFuture.de RELOADED 2k10 (Light-Edition Re-Design)": 0
"WinFuture.de RELOADED 2k10 (Light-Edition Re-Design)"(Forum): 1
-
WF_neu.css (8,14K)
: 173 -
WF_neu_black_night.css (9,39K)
: 130 -
WF_neu_light.css (8,27K)
: 105 -
WF_neu_light_redesign.css (8,27K)
: 111 -
WF_neu_seven.css (8,3K)
: 180 -
WF_neu_skylight_featured.css (8,28K)
: 185 -
WF_neu_winter_edition.css (8,36K)
: 189 -
WF_Forum_neu.css (11,76K)
: 115 -
WF_Forum_neu_black_night.css (12,06K)
: 174 -
WF_Forum_neu_light.css (11,76K)
: 176 -
WF_Forum_neu_light_redesign.css (11,7K)
: 120 -
WF_Forum_neu_seven.css (11,78K)
: 123 -
WF_Forum_neu_skylight_featured.css (11,71K)
: 201 -
WF_Forum_neu_winter_edition.css (11,84K)
: 174
evil.baschdi
geschrieben: 12. September 2010 - 15:52
evil.baschdi
geschrieben: 12. September 2010 - 16:02
muss wohl
_skylight
geschrieben: 12. September 2010 - 16:14
Zitat (mister-x: 12.09.2010, 16:52)
Ich habe gerade ein Update für die Firefox Version hochgeladen.
Beziehen kann man es wie immer über die Stylish Update-Funktion.
Der Style wurde komplett neu geschrieben und dabei an das neue Design angepasst.
(Nachdem ich anfangs Woche schon für das alte Design damit begonnen hatte, alles neu zu schreiben... Die Version war schon zu 80% fertig. )
Ab Firefox 4 gibt es eine neue Funktion: Die ausklappbaren Links unter den News-Meldungen reagieren erst verzögert und das Ausklappen ist animiert.
Gruss
skylight
Taxidriver05
geschrieben: 12. September 2010 - 16:18
Ich hab meine Version eben auch mal FF-kompatibel gemacht...^^
evil.baschdi
geschrieben: 12. September 2010 - 16:28
Taxidriver05
geschrieben: 12. September 2010 - 17:30
DARK-THREAT
geschrieben: 12. September 2010 - 17:45
Sonst, viel besser!
Peace.
Taxidriver05
geschrieben: 12. September 2010 - 18:06
Zitat (DARK-THREAT: 12.09.2010, 18:45)
Sonst, viel besser!
Peace.
Den Background musst Du dir laden...
Das Verzeichnis dann einfach entsprechend angeben...
In der nächsten Version wird der Background wohl per bas64-Code in den Quellcode integriert...
DARK-THREAT
geschrieben: 12. September 2010 - 18:10
body {background:#253F60 url('C:\Users\DARK-THREAT\Downloads\wfbgd.png') no-repeat top right !important;}
Dennoch wird nichts angezeigt, sondern nur die BG-Farbe.
Peace.
slurp
geschrieben: 12. September 2010 - 18:18
file:///C:/Users/DARK-THREAT/Downloads/wfbgd.png
So ist richtig
Taxidriver05
geschrieben: 12. September 2010 - 18:19
Zitat (DARK-THREAT: 12.09.2010, 19:10)
body {background:#253F60 url('C:\Users\DARK-THREAT\Downloads\wfbgd.png') no-repeat top right !important;}
Dennoch wird nichts angezeigt, sondern nur die BG-Farbe.
Peace.
Versuch es mal so:
body {background:#253F60 url(file:///C:/Users/DARK-THREAT/Downloads/wfbgd.png') no-repeat top right !important;}
So sollte es gehen...
EDIT: Da war wer schneller...
DARK-THREAT
geschrieben: 12. September 2010 - 18:41
Peace.
geschrieben: 12. September 2010 - 20:10
Taxidriver05
geschrieben: 12. September 2010 - 20:23
Zitat (d4rkn3ss4ev3r: 12.09.2010, 21:10)
Nein...
Da müsstest Du mal slurp fragen...
Er hat es entworfen...
UPDATE: 12.09.2010 @ 23:37 Uhr MESZ sagte:
- Bugfixes (u.a. Header-Link wieder klickbar),
- optische Anpassungen,
- Integration des Hintergrundes in den Source-Code.
_skylight
geschrieben: 13. September 2010 - 10:11
Neu werden die "Nachrichten zum Thema" auch in die Box unterhalb des News-Texts eingeschlossen. Meiner Meinung nach wird dieser Teil der Seite dadurch besser "zusammengehalten".
Update kann wie immer über die Stylish Update-Funktion heruntergeladen werden.
Gruss
skylight
Levellord
geschrieben: 13. September 2010 - 10:54
Des weiteren ist mir ein Bug aufgefallen wo ich nicht weis ob das am Userstyle liegt oder an der Umstellung im Forum auf mittig =>
MFG Levellord
Taxidriver05
geschrieben: 13. September 2010 - 11:44
Hab es selber mal sowohl mit, als auch ohne Anpassungen getestet...
Für mich war es nicht reproduzierbar.
EDIT:
Hinweis: Mit der Verfügbarkeit des Internet Explorer 9 BETA wird es voraussichtlich auch eine Version des "Winfuture.de RELOADED 2k10" für den Internet Explorer geben.
_skylight
geschrieben: 13. September 2010 - 13:01
Zitat (Levellord: 13.09.2010, 11:54)
Da du von einem Verlauf sprichst gehe ich mal davon aus, dass du den Style aus dem ersten Posting dieses Threads benutzt. Um dort ein Bild zu verwenden öffnest du den Style im Stylish Bearbeiten-Fenster (Rechtsklick unten rechts auf das Stylish Icon, Rechtsklick auf den Style, Bearbeiten).
Dann suchst du folgende Zeilen:
background: #00336A url('http://www.winfuture-forum.de/index.php?act=attach&type=post&id=32562') no-repeat fixed center center; */
Dieser Code ist auskommentiert, hat also so keine Wirkung. Um ihn zu aktivieren musst du den Code aus dem Kommentar herausnehmen. Kommentare werden in CSS so geschrieben: /* Kommentar */ - Was du also willst, ist folgender Code:
background: #00336A url('http://www.winfuture-forum.de/index.php?act=attach&type=post&id=32562') no-repeat fixed center center;
Um dein eigenes Bild zu verwenden kannst du die Adresse in url(' ') ändern. Für ein lokales Bilder empfehle ich, dieses im Browser zu öffnen und die URL aus der Adressleiste zu kopieren.
Zitat (Levellord: 13.09.2010, 11:54)
Das seltsame Verhalten der Seite könnte am Bild in diesem Post liegen. Dieses ist zu gross und wird mit JavaScript verkleinert. Bei mir sieht die Seite (auch ohne Style) ebenfalls ganz kurz so aus, danach wird aber das Bild angepasst und das Ganze sieht wieder normal aus.
Wird bei dir im Browser vielleicht das nötige Script blockiert?
Gruss
skylight
DK2000
geschrieben: 13. September 2010 - 14:12
Jep, das liegt/lag an dem etwas breiten Bild. Das Verhalten bei breiten Bildern ist aber schon länger so, nicht erst jetzt seit den neuen Modifikationen. Habe jetzt mal das Bild verkleinert und jetzt passt das Design wieder.
Bei diesen Beiträgen ist das im Übrigen auch so:
Smalltalk
Smalltalk
Smalltalk
usw.
Sobald ich Stylish deaktiviere, passt die Breite wieder.
Ludacris
geschrieben: 13. September 2010 - 17:58
fast fertig
Levellord
geschrieben: 13. September 2010 - 18:49
Taxidriver05
geschrieben: 13. September 2010 - 23:22
Nochmal vielen Dank an Dich für den Code
Ob es für das Forendesign vor dem großen Update noch einmal ein Update gibt, ist derzeit noch nicht ganz sicher.
Denn dies wäre lediglich eine Zwischenversion bis zur neuen Forenversion.
EDIT:
UPDATE: 14.09.2010 @ 02:31 Uhr MESZ sagte:
- Bugfixes (unsauber abgerundete Ecken ausgebessert),
- Kosmetische Nachbesserungen,
- Code-Optimierungen,
- Bereitstellung eines Alternativen Designs.
_skylight
geschrieben: 14. September 2010 - 09:45
Zitat (DK2000: 13.09.2010, 15:12)
Sobald ich Stylish deaktiviere, passt die Breite wieder.
Wie bereits gesagt, bei mir ist das auch so, wenn ich den Style deaktiviere. (Wenn die Seite dann komplett neu geladen wird, drück mal [Ctrl]+[F5] um die Seite ohne Cache neu zu laden.)
@Levellord
Zitat (Levellord: 13.09.2010, 19:49)
(...)
geändert hat sich aber nichts.
Seltsam, bei mir klappt das so... Ach ja: Die Anleitung bezog sich auf die WinFuture Hauptseite, nicht auf das Form. Hast du es vielleicht nur im Forum getestet?
Gruss
skylight
_skylight
geschrieben: 14. September 2010 - 10:08
Das Update kann wie gewohnt über die Stylish Update-Funktion heruntergeladen werden.
Gruss
skylight
Levellord
geschrieben: 14. September 2010 - 10:16
Zitat (_skylight: 14.09.2010, 10:45)
Ähm, ja...
edit: Stimmt, auf der Hauptseite funzt das. Wie würde ich das fürs Forum ändern? Sooft besuche ich die Hauptseite nicht mehr.
_skylight
geschrieben: 14. September 2010 - 10:34
Zitat (Levellord: 14.09.2010, 11:16)
Dazu öffnest wieder das Stylish Bearbeitungs-Fenster und suchst nach "Windows 7 Hintergrund" (unten rechts gibt's ein Suchfeld). An der zweiten Fundstelle (im hässlich zusammengequetschten Code für das Forum - ich werde diesen voraussichtlich neu schreiben, sobald das neue offizielle Forumsdesign rauskommt) stehen gleich darunter folgende Zeilen:
body{background:#253F60 url('http://www.winfuture-forum.de/index.php?act=attach&type=post&id=32562') no-repeat fixed center center !important;}
*/
Hier löschst du das /* und */ um den Code aus dem Kommentar zu nehmen und fügst dann wieder die Adresse deines Bildes in url(' ') ein. Fertig.
skylight
Übrigens: Du kannst das Hintergrundbild auch nach deinen Wünschen platzieren. Ändere dazu einfach das "center center" nach deinem Wunsch: Mögliche Positionen.
Levellord
geschrieben: 14. September 2010 - 10:48
sänx for ze hälp
Levellord
slurp
geschrieben: 14. September 2010 - 10:48
_skylight
geschrieben: 14. September 2010 - 10:58
Zitat (slurp: 14.09.2010, 11:48)
Was meinst du genau mit "Sortierung"? Ist es damit dann möglich, selbst festzulegen in welcher Reihenfolge die Boxen angezeigt werden?
Falls ja: Das machst du dann aber nicht mit reinem CSS, oder doch? (Ich würde da auf Javascript -also ein Userscript- tippen. )
skylight
Taxidriver05
geschrieben: 14. September 2010 - 11:13
Zitat (_skylight: 14.09.2010, 11:58)
Falls ja: Das machst du dann aber nicht mit reinem CSS, oder doch? (Ich würde da auf Javascript -also ein Userscript- tippen. )
skylight
Doch...
Das lässt sich sehr wohl mit reinem CSS realisieren...
Habe das selber mal bei nem Userstyle für die VZ-Webseiten gesehen...
slurp
geschrieben: 14. September 2010 - 11:52
Zitat (_skylight: 14.09.2010, 11:58)
Falls ja: Das machst du dann aber nicht mit reinem CSS, oder doch? (Ich würde da auf Javascript -also ein Userscript- tippen. )
skylight
Doch doch.. Ist n bisschen tricky, aber lässt sich ganz gut dadurch realisieren, indem man die einzelnen .rightBx divs zählen lässt und dann je nach Wunsch mit top-margin neu sortiert... Deshalb muss ich das ganze auch noch testen um Überlagerungen ausschliessen zu können
Taxidriver05
geschrieben: 14. September 2010 - 11:55
Zitat (slurp: 14.09.2010, 12:52)
Sowas in der Richtung dachte ich mir schon...
Hab es zwar selber noch nicht probiert, aber sollte möglich sein...
Theoretisch dürfte es sogar machbar sein, die Navigation komplett umzupositionieren... Nur macht das hier weder sinn, noch würde sich der Aufwand lohnen...
UPDATE: 14.09.2010 @ 15:07 Uhr MESZ sagte:
- Code bereinigt,
- Einbindung eines modifizierten Forendesigns (BETA),
- Known Issues: BB-Code-Hilfe nicht verfügbar!
slurp
geschrieben: 14. September 2010 - 19:33
Denn wenn beispielsweise die "Antworten auf deine Kommentare"-Box verschwindet, zerhaut es die ganze Sortierung, da natürlich dann die DIVs anders gezählt werden.
Ergo: hier muss von WinFuture was geändert werden, sonst ist eine Sortierung in der Art nicht immer möglich...
Wobei ich mal fragen möchte:
Welche Box ist euch persönlich denn an oberster Stelle am liebsten? Vielleicht könnte man ja die Obrigkeit dazu überreden, das beliebteste Feld (zb Forum) an oberste Stelle zu setzen, so dass eine Sortierung nicht mehr so notwendig wäre.
karl0
geschrieben: 16. September 2010 - 00:28
kann es sein, dass der 2k10 Style die Seite zum Stocken bringt?
Das Scrollen läuft gar nicht mehr flüssig und so.
wenn ich den 2k10 Style deaktiviere und den normalen Enhanced Style aktiviere läuft alles wie normal.
MfG Karl0
Taxidriver05
geschrieben: 16. September 2010 - 00:44
Zitat (karl0: 16.09.2010, 01:28)
kann es sein, dass der 2k10 Style die Seite zum Stocken bringt?
Das Scrollen läuft gar nicht mehr flüssig und so.
wenn ich den 2k10 Style deaktiviere und den normalen Enhanced Style aktiviere läuft alles wie normal.
MfG Karl0
Grundsätzlich ist es durchaus möglich, dass durch das Laden des Userstyles eine gewisse Verzögerung entsteht.
Diese sollte jedoch nicht wirklich allzu groß sein.
Der Grund liegt darin, dass hierfür auch Grafiken von externen Servern (imageshack.us) geladen werden müssen.
Levellord
geschrieben: 16. September 2010 - 11:10
Taxidriver05
geschrieben: 16. September 2010 - 16:46
Zitat (Levellord: 16.09.2010, 12:10)
Und mit der reinen CSS-Datei geht es nicht?
Windows 8 User
geschrieben: 16. September 2010 - 17:23
super Design, was ihr da zusammengefrickelt habt.
zwei Verbesserungsvorschläge:
1. Es wäre echt nett wenn ihr diese Grafiken auch neu designen könntet.
usw.
2. Die Bilder fliegen hier irgendwie durch die Luft. Kann man da nicht auch noch einen Glasshintergrund machen?
Taxidriver05
geschrieben: 16. September 2010 - 18:09
Zitat (Levellord: 16.09.2010, 18:21)
Sollte nicht das Problem sein...
Einfach die CSS-Datei für die jeweilige Seite in den Browser einbinden...
Zitat (Windows 7 User: 16.09.2010, 18:23)
usw.
Soweit uns bekannt, werden die Bilder eh demnächst durch das Team aktualisiert.
Daher macht es nicht wirklich Sinn, diese zu aktualisieren. Denn ein solcher Bilder-Austausch ist mit einem ziemlichen Aufwand verbunden und erfordert auch gewisse Abstriche...
Zitat (Windows 7 User: 16.09.2010, 18:23)
Hmmm...
Hier kann ich gerade nicht wirklich nachvollziehen, wass Du genau meinst.
Welchen Userstyle nutzt Du genau? Den "Enhanced", den "RELOADED 2k10" oder den "RELOADED 2k10 (light)"?
geschrieben: 16. September 2010 - 21:53
Winfuture Glass - aber mit einem freizügigen Hintergrundbild
Das ganze sieht so aus:
Das linke Winfuture Logo musste ich leider verändern- ebenso den Nachrichten Hintergrund, da dieser warum auch immer, nicht transparent werden wollte.
Links zu den Bildern, sowie Erklärung zur persöhnlichen Umstellung sind im Code.
Hoffe ihr seit damit nicht verärgert, bzw ich darf das.
Achja edit: Werbung wird nicht durch CSS blockiert- ist nur bei mir durch Adblock so.
Taxidriver05
geschrieben: 16. September 2010 - 22:29
Zitat (d4rkn3ss4ev3r: 16.09.2010, 22:53)
Winfuture Glass - aber mit einem freizügigen Hintergrundbild
Das ganze sieht so aus:
Das linke Winfuture Logo musste ich leider verändern- ebenso den Nachrichten Hintergrund, da dieser warum auch immer, nicht transparent werden wollte.
Links zu den Bildern, sowie Erklärung zur persöhnlichen Umstellung sind im Code.
Hoffe ihr seit damit nicht verärgert, bzw ich darf das.
Achja edit: Werbung wird nicht durch CSS blockiert- ist nur bei mir durch Adblock so.
Sehr gute Arbeit...
Und vor allem...
Sexy Hintergrund...
Ich hatte anfänglich auch überlegt, eine Art "Full Glass"-Look zu erstellen.
Nur litt meiner Meinung nach doch die Lesbarkeit erheblich darunter...
Daher habe ich mich für eine leichte Transparenz entschieden.
Ich habe mal deinen Code überflogen...
Sehr schön, dass Du deinen Teil entsprechend auskommentiert hast.
Ebenso ein Dankeschön, dass Du die "Style Credits" drinne gelassen hast.
Natürlich haben wir nix dagegen, wenn jemand unsere Styles als Inspiration nutzt.
Denn der Code selber unterliegt ja der CC-Lizenz und ist daher Open Source.
Was die Bearbeitung der Logos betrifft, gilt lediglich zu beachten, dass diese nicht gänzlich verfremdet wird. Denn hierfür liegt das Copyright bei WinFuture selbst.
Was ich Dir jedoch empfehle ist, zum Einen, die Uhrzeiten der News in einem anderen Farbton anzeigen zu lassen. Zum Anderen würde ich die Farb-Formatierung für bereits besuchte links (a:visited) ändern, da diese ebenfalls schwer lesbar sind.
Den weißen Rahmen in der Deklaration #breadcrumbs würde ich wie folgt ändern:
#breadcrumbs { border:0px !important; }
So verschwindet der weiße Rahmen um die "Breadcrumb-Navigation...
Ansonsten...
Mal schauen, was die anderen noch zu sagen...
Hinweis:Wer eines der "WinFuture.de RELOADED 2k10"-Designs verwendet, jedoch nicht das angepasste Design für das Forum nutzenmöchte, macht einfach folgendes:
- die "Stylish"-Konfiguration im Firefox über "Extras" -> "Add-Ons" öffnen,
- die "Stylish"-Registerkarte wählen (das Logo mit dem "S")
- den jeweiligen Style markieren,
- "Bearbeiten" klicken.
Im Angezeigten Code dann folgenden Eintrag suchen:
/* ++++++++++++++++ F O R U M ++++++++++++++++ */
Das "*/" setzt ihr dann einfach an das Ende des Codes.
Jedoch muss dies VOR die "}" in der letzten Zeile gesetzt werden, da der Code sonst fehlerhaft ist und nicht funktioniert!
Durch das Auskommentieren des Foren-Codes wird das Design für das Forum deaktiviert und kann bei Bedarf durch das Zurücksetzen an die ursprüngliche Postion wieder aktiviert werden.
Stan
geschrieben: 18. September 2010 - 20:02
Zitat (Taxidriver05: 16.09.2010, 17:46)
Jetzt neu:
Für alle Fans von WinFuture.de gibt es nun ein Personas-Design für den Firefox.
Erhältlich ist das Design hier!
Um dieses Personas nutzen zu können, ist es erforderlich das Add-On "Personas" bzw. "Personas Plus" zu installieren!
Gibts das auch in schön? Nicht dass ich Firefox nutzen würde aber...unser Image
Taxidriver05
geschrieben: 18. September 2010 - 23:46
Dann nehm ich es wieder raus...
Hab kein Problem damit...
EDIT: Hab es entfernt...
Im Übrigen...
Danke für die Kritik...!
Taxidriver05
geschrieben: 23. September 2010 - 22:40
Ich hoffe, es sei mir vom Team vergönnt, wenn ich hier mal ein Posting tätige, was weder auf ein Update hinweist, noch den Userstyle selber diskutiert.
Ich möchte einfach mal die Gelegenheit nutzen um ein paar Dankesworte loszuwerden.
Ich möchte mich für die positive Resonanz auf die "WinFuture.de RELOADED 2k10" Userstyles bedanken.
Dass die Userstyles insgesamt über 100 Mal in so kurzer Zeit heruntergeladen wurden, zeigt mir, dass das Design positiv ankommt. Dabei war das Ganze eigentlich nur als Experiment gedacht, um zu testen, ob und wie sich das neue Design von WinFuture anpassen lässt.
Natürlich werden die Userstyles ebenso wie das originale Design der Seite stets weiter entwickelt. Auch gibt es noch vielerlei "Baustellen" an denen bei den Styles gearbeitet werden muss. Im Fokus steht hier insbesondere das Forendesign. Hier ist mit einigen Änderungen nach dem anstehenden Foren-Update zu rechnen.
Es wird voraussichtlich am kommenden Wochenende noch einmal ein kleineres Update geben. Im Rahmen dieses Updates wird der "Breadcrumb"-Bereich auf der Frontseite leicht überarbeitet. Weitere Updates sind anschließend erst einmal nicht geplant. Hierbei spielt zum Einen der Faktor "Zeit" als auch die fehlende Notwendigkeit weiterer Updates eine entscheidende Rolle.
Nach aktuellem Stand wird es vorerst doch keine Umsetzung der Userstyles für den IE 9 Beta geben, da es leider immer noch nicht möglich ist, eigene Stylesheets für bestimmte Seiten anzuwenden.
Gern dürft ihr Kritik und Anregungen zu den Userstyles loswerden.
Liebe Grüße,
Euer Taxidriver05
geschrieben: 25. September 2010 - 18:54
Zitat
Das hab ich nun mal getan:
Wegen den Breadcrumbs: Ich find den weißen Rand drum eigentlich ganz okay.
Hier nun der Code. Diese 2 Zeilen dem Sexy Winfuture Design anhängen.
.newsList2 a:visited,.newsList3 a:visited {color:#92b190 !important;} .newsList2 li {color:#7c1d1d !important;}
Achja: Wünscht sich vielleicht jemand eine Full Glass Version? Sodass alles transparent ist? Dann würde ich das machen.
edit: Link eingefügt
Taxidriver05
geschrieben: 25. September 2010 - 21:59
Wie gesagt...
Ich hab es mir damals auf Grund der Lesbarkeit verkniffen....
Wenn Du die blauen Bereiche noch in einem anderen Farbton bringst, dann ässt sich da wirklich was gutes draus machen....
Auf jeden Fall hast Du von mir schon mal die Erlaubnis, den WinFuture-Styler-Banner bzw. die Userbar zu nutzen...
Denn grundsätzlich gefällt mir deine Idee schon mal...
Auf Wunsch würde ich das Design an entsprechender Stelle noch an entsprechender Stelle listen und dieses für userstyles.org aufbereiten und entsprechend updaten...
Einfach ne kurze PN an mich schicken...
Taxidriver05
geschrieben: 02. Oktober 2010 - 19:28
Taxidriver05
geschrieben: 05. Oktober 2010 - 22:23
geschrieben: 09. Oktober 2010 - 19:48
Updates (Letzte:23.05.2011):
Hier nen Screen:
(Ausblenden der Werbung ist nur bei mir so)
*NEU* Nun auch über userstyles.org verfügbar
Und hier der Code:
(CSS Code ist für Firefox optimiert)
Hier meine anderen bisherigen Styles:
White Sexy Full Glass Winfuture
WinFuture-Forum.de RELOADED 2k10 (Black Glass EDITION)
Taxidriver05
geschrieben: 10. Oktober 2010 - 11:49
UPDATE: 10.10.2010 @ 12:16 Uhr MESZ sagte:
- Code-Anpassungen (um mal die Server von slurp und Ludacris zu entlasten),
- Bilder nun vollständig bei imageshack.us gehostet,
- Segoe UI als Standard-Font aktiviert,
- "Style-Credit-Bug" behoben. (Danke an d4rkn3ss4ev3r )
Ich würde sagen, es wäre auch ganz zweckmäßig, das Design bei userstyles.org bereitzustellen...
Taxidriver05
geschrieben: 12. Oktober 2010 - 18:26
Da das Design jedoch unter dem Aspekt erstellt wird, dass kein Werbeblocker verwendet wird, wird es auch keine Version geben, die diesen Abstand reduziert, geschweige denn die Werbung ausblendet...
Schau mal in den Quellcode...
Dort Suchst Du nach dem Eintrag "#mainWrap"
Diesem Element gibst Du einfach die Eigenschaft:
margin-top:XYpx !important;
"XY" Steht dabei für einen Zahlenwert (in Pixel).
Bitte habe dafür Verständnis, dass ich diese Konfiguration standardmäßig nicht umsetzen kann.
Windows 8 User
geschrieben: 13. Oktober 2010 - 12:21
Was ist falsch?
/*Hauptfenster*/ #mainWrap { margin-top:3px !important; border-radius:10px !important; -moz-border-radius:15px; border:1px !important; border-color:#ffffff !important; border-style:solid !important; margin-bottom:50px !important; background-color: rgba(255, 255, 255, 0.35) !important; box-shadow: 10px 10px 20px #000 !important; -moz-box-shadow: 10px 10px 20px #000 !important; }
Taxidriver05
geschrieben: 13. Oktober 2010 - 19:25
Taxidriver05
geschrieben: 18. Oktober 2010 - 20:55
Ich würde gern einmal von Euch wissen, ob Interesse an einer "Dark-Edition" besteht?
Der Grundgedanke:
Die WinFuture.de-Seite soll einen dunklen Look bekommen und dennoch auf dem originalen Layout basieren.
Ich frage vorher nach, da ein solcher Style mit etwas mehr Aufwand verbunden wäre.
Daher würde ich gern wissen, ob sich die Arbeit überhaupt lohnt.
Taxidriver05
geschrieben: 19. Oktober 2010 - 23:23
Passend zur Jahreszeit mal die WinFuture.de-Seite mal in herbstlichen Tönen...
Preview:
Die jeweiligen Designs gibt es im Anhang und über Stylish...
Da dieses Design eher als saisonale Variante gedacht ist, habe ich dieses Design nicht zu den "Winfuture.de RELOADED 2k10"-Designs gepackt, sondern stelle diese einfach mal hier rein.
Viel Spaß damit...
Euer Taxidriver05
EDIT: Anhänge korrigiert!
Bisherige Downloads:
Hauptseite: 22
Forum: 21
-
WF_neu_autumn.css (8,29K)
: 50 -
WF_Forum_neu_autumn.css (11,76K)
: 59
Taxidriver05
geschrieben: 21. Oktober 2010 - 17:20
Ab sofort wird es eine vereinfachte Installationsmöglichkeit für die Userstyles geben.
Den ersten werde ich bereits heute hier anbieten. Es handelt sich um den WinFuture.de RELOADED 2k10 Userstyle.
Zwar wird dieser vorerst bei Rapidshare gehostet sein, da das Forum hier keine Dateien des Formates *.oex unterstüzt. Aber vielleicht findet sich da noch eine Lösung.
Opera AddOn Installation sagte:
1. Die Datei unter dem angegebenen Link herunterladen.
2. Datei auf der Festplatte speichern.
3. Zielordner öffnen.
4. Opera öffnen.
5. Heruntergeladene OEX-Datei in den Browser ziehen.
6. Dialogfeld mit "OK" bestätigen.
7. Webseite neu laden. Fertig! WinFuture.de erscheint jetzt automatisch im gewünschten Userstyle.
Diese Downloadmöglichkeit funktioniert derzeit ausschließlich mit der Opera 11 Alpha. Opera-User einer älteren Version mögen bitte die CSS-Variante nutzen.
Download: (Zum Download bitte auf das WinFuture-Logo klicken!)
EDIT:
Jetzt geht es auch...
Weitere Designs folgen in Kürze!
Sollten euch Bugs auffallen, meldet mir diese bitte direkt hier oder per PN.
Danke!
Known Issues sagte:
- Buttons für "Login", sowie "My WinFuture" nicht sichtbar.
- Erweiterung seit Release der Beta nicht funktionsfähig. (an der Lösung wird gearbeitet).
Hinweise, wie sich dieser Bug in JavaScript beheben lässt, sind willkommen...
Taxidriver05
geschrieben: 24. Oktober 2010 - 16:43
UPDATE: 24.10.2010 @ 17:38 Uhr MESZ sagte:
- Überarbeitung der Kategoriegrafiken im Forum (gilt für alle Designs außer Opera-AddOn-Version)
Updates sind wie immer auch über Stylish verfügbar (außer "Autumn"-Design)
Das Herbst-Design gibt es ab sofort nun auch für "Stylish"...
Weitere Infos und Download hier.
Taxidriver05
geschrieben: 29. Oktober 2010 - 23:32
Dieses Design ist NUR für die Frontseite. Es ist keine Anpassung für das Forum enthalten...
Danke an das Team für die Anregung...
P.S.: aus eurer "blutigen" JPEG-Datei im Header habe ich mal ne PNG mit Transparenz gemacht...
Das ganze gibt es natürlich auch über ...
Preview:
Viel spaß beim Gruseln...
Bisherige Downloads: 19
-
WF_neu_halloween.css (8,33K)
: 57
Taxidriver05
geschrieben: 30. Oktober 2010 - 17:48
Windows 8 User
geschrieben: 30. Oktober 2010 - 21:10
könnt ihr auch die Banner im neues Design machen? http://winfuture.de/werbung.html Die alten sehen so alt aus.
win 7 user
Taxidriver05
geschrieben: 30. Oktober 2010 - 21:40
Zitat (Windows 7 User: 30.10.2010, 22:10)
könnt ihr auch die Banner im neues Design machen? http://winfuture.de/werbung.html Die alten sehen so alt aus.
win 7 user
Nun...
Das müssten wir da wohl mal mit dem Team abklären.
Denn das Urheberrecht liegt ja immerhin bei den Betreibern von WF.
Ebenso ist dieses Projekt von den Betreibern mehr oder weniger geduldet...
Allerdings könnte man hierfür so eine Art "Banner-Contest" anregen, bei dem User eigene Entwürfe präsentieren und die Beste Idee eben realisiert wird.
Taxidriver05
geschrieben: 31. Oktober 2010 - 15:39
EDIT:
Hier wäre es vielleicht auch ganz nützlich, wenn das Team hier mal Feedback geben würde...
Kleines Update: Einige Bugfixes.
Taxidriver05
geschrieben: 02. November 2010 - 12:21
UPDATE sagte:
- Aktualisierung des Codes im Add-On (ist somit auf aktuellem Stand)
Leider ist der Bug mit den Buttons immer noch drin...
Ich frag mich wirklich, warum JavaScript ein Problem damit hat?
(Download im obigen Post!)
Dan94
geschrieben: 04. November 2010 - 23:52
Taxidriver05
geschrieben: 05. November 2010 - 01:05
UPDATE: 30.10.2010 @ 01:05 Uhr MEZ sagte:
- Glow-Effekt beim Hover der Breadcrumbs hinzugefügt (außer AddOn-Version)
Mal ein wenig Kosmetik...
Update - wie immer auch über Stylish...
Zitat (Dan94: 04.11.2010, 23:52)
Das liegt leider nicht in unserer Hand, sondern in der Hand der Mods.
Taxidriver05
geschrieben: 20. November 2010 - 14:35
Die Ursache liegt offenbar darin, dass da noch einige alte Code-Fragmente enthalten sind.
Denn Grundsätzlich basieren alle CSS-Dateien auf ein und derselben "Basis-CSS". Andernfalls wäre der Aufwand zu groß, alle CSS-Dateien separat zu schreiben.
Ich nehme mal an, dass da beim letzten Update etwas gewaltig schief gelaufen ist.
Ich werde sehen, dass diese Bugs baldmöglichst gefixt werden und der Code bereinigt wird.
Über eine Rückmeldung, ob dieses Problem auch über Stylish auftritt, würde ich mich freuen.
Taxidriver05
geschrieben: 27. November 2010 - 17:51
Wer es haben will, kann es sich ziehen...
Taxidriver05
geschrieben: 28. November 2010 - 23:19
UPDATE: 28.11.2010 @ 23:16 Uhr MESZ sagte:
- Überarbeitung der Navigation auf der Frontseite (gilt für alle Designs außer Opera-AddOn-Version) aufgrund eines Updates auf der Frontseite (Danke an d4rkn3ss4ev3r für die codemäßge Anregung!)
- neuer Footer integriert!
So...
Hier mal ein kleines Update...
Habe gleich mal den Code etwas entrümpelt...
Allerdings dürfte das nächste Update auch gleich folgen...
Allerdings wird das nur ein paar Code-Korrekturen beinhalten...
Bitte an DARK-THREAT: Gib mir mal bitte Bescheid, ob der Bug immer noch existiert!
Natürlich gilt die Bitte auch an alle anderen, mir irgendwelche Bugs zu berichten.
Denn nur so kann ich eventuelle Fehler im Code beheben...
DARK-THREAT
geschrieben: 29. November 2010 - 09:27
Aber: Ich habe online im Moment keinen kompletten Zugriff auf WF.de. Es wird 2 Sek geladen und bricht dann mit dem Laden ab. Gehe ich offline wird das angezeigt, was in den 2 Sek geladen wurde...
Peace.
Bullayer
geschrieben: 29. November 2010 - 13:04
Taxidriver05
geschrieben: 29. November 2010 - 14:04
Da das Forum immer noch den alten IPB-Code nutzt und eigentlich bis Ende des Jahres das große Foren-Update kommen soll(te), macht es momentan nicht wirklich sinn, das Forum großartig anzupassen.
Die bisherigen Design-Anpassungen waren schon das höchstmögliche, was man unter minimalem Aufwand noch aus dem Code holen konnte...
Wie es dann mit dem neuen Forendesign werden wird, kann ich leider noch nicht sagen.
Allerdings ist damit zu rechnen, dass zeitnah zum Update seitens WinFuture auch ein Foren-Update für die Userstyles kommen wird.
EDIT:
Zitat (DARK-THREAT: 29.11.2010, 09:27)
Aber: Ich habe online im Moment keinen kompletten Zugriff auf WF.de. Es wird 2 Sek geladen und bricht dann mit dem Laden ab. Gehe ich offline wird das angezeigt, was in den 2 Sek geladen wurde...
Peace.
Nun...
Dass es ruckelt (ich nehme an, unterm Fuchs), muss ich leider bestätigen.
Hier habe ich leider noch keine Lösung gefunden.
Das mit dem Lade-Abbruch kann ich nicht bestätigen. Weder unter FF, noch unter Opera.
DARK-THREAT
geschrieben: 29. November 2010 - 18:02
Das Problem mit der Seite besteht sicher wegen meinem Internet.. obwohl, der Titel von WF hat sich geändert. Nicht dass es nun Probleme mit EDGE/UMTS gibt...
Peace.
geschrieben: 29. November 2010 - 18:09
Das mit dem Ruckeln der Seite beim scrollen lässt sich nur entfernen wenn man background-attachment:fixed !important; entfernt. Dann ist der Hintergrund aber nichtmehr über die gesamte Seite.
DARK-THREAT
geschrieben: 29. November 2010 - 18:22
Zitat (d4rkn3ss4ev3r: 29.11.2010, 18:09)
Das mit dem Ruckeln der Seite beim scrollen lässt sich nur entfernen wenn man background-attachment:fixed !important; entfernt. Dann ist der Hintergrund aber nichtmehr über die gesamte Seite.
Habe schon im passendem Feedback-Thread gepostet, dass etwas mit der WF-Page nicht stimmt, zumindest bei mir.
Ich vermute auch Werbung, da ich das Background ja Lokal abgespeichert hab und die anderen Browser den Style garnicht nutzen...
Das mit dem Ruckeln. auch jeden Fall danke. Das war nämlich im alten Style noch so, dass der BG still blieb. Finde ich angenehmer...
Peace.
Taxidriver05
geschrieben: 29. November 2010 - 22:09
Zitat
Das stimmt nicht ganz...
Dieses Attribut legt lediglich fest, dass der Hintergrund fixiert wird...
Leider muss man hier wohl einen Kompromiss eingehen...
Entweder das Design wird ansprechend oder die Performance passt...
Wie man beides unter einen Hut bekommt, dafür hab ich leider noch keine Lösung...
Nachtrag zum Scroll-Bug:
Ich habe mal etwas recherchiert und habe herausgefunden, dass es sich hier offenbar um ein FF-spezifisches Problem handelt.
Hier macht offenbar die Rendering-Engine des Browsers Probleme...
Zitat
(Quelle)
Kurzum...
Aufgrund der größeren eingebundenen Grafiken und des Attributes "background-attachment:fixed" rödelt sich die Engine zutode...
Hier bleibt nur zu hoffen, dass hier ein Update seitens Mozilla Abhilfe schaffen kann...
Taxidriver05
geschrieben: 04. Dezember 2010 - 16:27
Die Server von userstyles.org sind nun wieder erreichbar...
EDIT:
Leider ist mir beim letzten Update ein ziemlich peinlicher Fehler passiert.
Und zwar habe ich beim Kopieren bestimmter CSS-Eigenschaften vergessen, entsprechende Anpassungen vorzunehmen. Dadurch waren so ziemlich alle Styles identisch.
Das soll natürlich nicht so sein...
(Das Problem betrifft nur die Stylish-Version)
Dementsprechend habe ich den Fehler nun behoben und ein entsprechendes Update für Stylish bereitgestellt.
Ich bitte entsprechende Unannehmlichkeiten zu entschuldigen.
EDIT 1:
Zur Würdigung von Skylight's vorarbeit habe ich mich entschlossen, einen Style bereitzustellen, der gewissermaßen wieder "back to the roots" geht.
Den Style "WinFuture.de RELOADED 2k10 (feat. _skylight)" habe ich bereits in entsprechenden Thread eingefügt.
Ebenso steht der Style für Stylish bereits auf userstyles.org zum Download bereit.
geschrieben: 04. Dezember 2010 - 20:54
Nummer 1 ist in den Breadcumbs:
Die aktuelle Seite hat immer nen dunkleren Hintergrund. Hier sieht man es besonders gut:
Nummer 2+3 ist im Footer:
Einmal der 1px Border und dann das Copyright Zeichen. Da musst du sicher © nehmen.
Taxidriver05
geschrieben: 04. Dezember 2010 - 21:57
Wegen dem Copyright-Zeichen...
Da bin ich gerade am fixen...
geschrieben: 04. Dezember 2010 - 22:00
Edit: Hmm du nutzt ja bei Stylish anderen Code als in den Css Dateien.. Da hast du auch 2 Bugs:
Wie du siehst ist die Grafik nicht lang genug Wikileaks News.
Und hier der andere:
Da überlappt sich das Hintergrundbild.
Ohman soviel Stress noch aufm Abend wa
Taxidriver05
geschrieben: 04. Dezember 2010 - 22:18
Wann und über welchen Browser wurden die Screenshots gemacht?
EDIT:
Eventuell ist es notwendig, den Style komplett neu zu laden...
Denn ich glaube, userstyles.org hat e bissel Probleme bei der Verteilung der Updates...
geschrieben: 04. Dezember 2010 - 22:22
Taxidriver05
geschrieben: 04. Dezember 2010 - 22:27
Wie Du im entsprechenden Post in der Preview siehst, ist der Bug bei mir nicht vorhanden...
geschrieben: 04. Dezember 2010 - 22:32
Werd morgen mal beide vergleichen.
Taxidriver05
geschrieben: 04. Dezember 2010 - 22:35
Zitat
Ja...
Stimmt...
Die Differenzierung von CSS-Code und Stylish-Code ist irgendwann notwendig geworden, da genau dieses Problem entstand.
Daher wird Firefox-Usern unbedingt empfohlen, die Stylish-Variante zu installieren.
Die CSS-Variante ist im Grunde nur für Opera gedacht, enthält aber auch FF-kompatibeln Code, da beide denselben Ursprungs-Code haben...
EDIT: Habe einen entsprechenden Hinweis im Thread eingebaut.
Danke für den Hinweis!
UPDATE sagte:
- neues Design hinzugefügt (_skylight Featured Edition),
- kleinere Bugfixes,
- Leuchteffekte bei Textelementen im Navigations-, Content- und Footer-Bereich der Hauptseite,
- Behebung des Copyright-Bugs auf der Hauptseite (Danke für den Hinweis).
EDIT 1: Hinweis zum Beheben des Scroll-Bugs im Firefox 4 Beta 7 im Download-Post hinzugefügt.
_skylight
geschrieben: 05. Dezember 2010 - 13:06
Erst mal herzlichen Dank an Taxidriver für den mir gewidmeten Style.
Ausserdem habe ich gerade eben noch ein kleines Update für meinen Style veröffentlicht. Um die Hauptseite schlank zu halten wird neu der Footer ausgeblendet.
Zum aktualisieren wie immer die in Stylish enthaltene Update-Funktion benutzen.
Und nur so zur Erinnerung: Der "WinFuture.de enhanced"-Userstyle kann weiterhin in Kombination mit den "Enhanced"-Styles von Taxidriver verwendet werden. Damit erhält ihr dann ein modernes Design ohne unnötigen Ballast.
Enjoy...
skylight
geschrieben: 05. Dezember 2010 - 20:56
Und hier die Css dazu:
Edit sagt: Hab den Streifen der quer durch die News ging und doch argh hell war, dunkler gemacht. Screen, etc gibts hier
Taxidriver05
geschrieben: 10. Dezember 2010 - 11:36
Sobald dieser Bug seitens Mozilla behoben ist, wird diese wieder ggf. aktiviert...
EDIT:
(Testweise) Blur-Effekt für Boxen auf der Hauptseite im _skylight-Design eingefügt.
Sollte dies auch für die übrigen Designs gewünscht werden, bitte ich hier um Rückmeldung...
EDIT 1:
Weiterer Style hinzugefügt...
geschrieben: 11. Dezember 2010 - 19:30
Alternativ kannst du die CSS herrunter laden, die sich hinter dem 'Hier' Link versteckt, in dein Firefox Profil kopieren:
C:\Users\%username%\AppData\Roaming\Mozilla\Firefox\Profiles\Zufallsnummer.default\chrome
und die Datei nach usercontent umbenennen.
Nach einem Firefox Neustart hast du dann trotz deiner Beta das Design
nobody is perfect
geschrieben: 11. Dezember 2010 - 19:51
Taxidriver05
geschrieben: 13. Dezember 2010 - 07:40
Die ist auch kompatibel mit der FF4 Beta 7.
Taxidriver05
geschrieben: 16. Dezember 2010 - 07:13
Zitat
Danke an d4rkn3ss4ev3r für den Hinweis und den entsprechenden Code...
geschrieben: 18. Dezember 2010 - 23:42
Zitat
- Auf 2 Seiten die Credits nach unten verschoben
- Shadow Effekt haben nun alle Videos, statt vorher nur die aus der "Sidebar"
- Breadcumbs (Inhalt zwischen WinFuture Logo und News haben nun abgerundete Ecken
Download der CSS wie immer hier, oder via Stylish
Neuer Screen ist in mein Thread verlinkt.
Taxidriver05
geschrieben: 19. Dezember 2010 - 10:32
Ich habe mal die Previews aktualisiert.
Darüber hinaus habe ich mal die entsprechenden Posts etwas übersichtlicher gestaltet...
Taxidriver05
geschrieben: 26. Dezember 2010 - 13:20
Link zu "Stylish"-AddOn für Firefox 4 BETA 8 hinzugefügt...
Taxidriver05
geschrieben: 15. Januar 2011 - 18:48
Der Userstyle mit dem Motiv von J000S wird voraussichtlich anfang der kommenden Woche hier veröffentlicht....
Taxidriver05
geschrieben: 18. Januar 2011 - 22:11
Winter Edition hinzugefügt...
In kürze werde ich den Code mal wieder etwas aufräumen...
geschrieben: 15. Februar 2011 - 21:56
Changelog:
- Punkte um Links entfernt
- Banner auf http://winfuture.de/adblocker.html wurde nicht angezeigt
- 24 Stunden, 48 Stunden, 7 Tage Buttons der Beliebte Nachrichten + Neueste, Beliebte Videos Buttons haben nun auch nen Hover Effekt
-Code noch leicht verbessert
Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser. oder http://userstyles.org/styles/40186
Taxidriver05
geschrieben: 17. Februar 2011 - 12:50
UPDATE sagte:
- Bereitstellung des neuen Headers auch in der CSS-Version
- geringfügige Code-Anpassungen
Sorry für das verzögerte Update.
Hatte leider in letzter Zeit arg viel um die Ohren...
Taxidriver05
geschrieben: 22. Februar 2011 - 11:28
Da ich derzeit aus beruflichen und privaten Gründen nur noch eingeschränkt dazu komme, das Projekt "WinFuture.de RELOADED 2k10" zu pflegen und weiter auszubauen, starte ich hier mal einen kleinen Aufruf.
Was suchen wir?
Das Team der WinFuture-Styling Crew sucht engagierte Designer und Coder, die bereit sind, für die Community neue Styles zu entwickeln. Ebenso suchen wir Leute, die Ideen haben, wie man die bereits existierenden Styles ("WinFuture.de Enhanced"-Userstyle ausgenommen), weiter zu entwickeln.
Was setzen wir voraus?
- Fertigkeiten im Umgang mit Bildbearbeitungssoftware (Photoshop, Gimp, etc.)
- Kenntnisse im Umgang mit CSS-Layoutgestaltung
- ggf. Kenntnise von JavaScript (zur Erstellung von Greasemonkey-Benutzerskripten),
- Bereitschaft, Zeit zu investieren,
- gewisse Kenntnisse über den Aufbau der WinFuture-Seiten,
- Verständnis für die CI von WinFuture.de,
- eine gewisse Begeisterung für WinFuture und dieses Projekt.
Gibt es was dafür?
Nun...
Geld können wir euch leider nicht bieten, da auch wir dieses Projekt freiwillig betreiben.
Der "Ruhm" und die Begeisterung der Community dürfte euch allerding sicher sein.
Und als Referenz machen sich solche Projekte ja immer gut...
Wie kann ich mich beteiligen?
Nun...
Zum Einen könnt ihr mir gern eine PM zukommen lassen und mir mitteilen, dass ihr euch an dem Projekt beteiligen möchtet.
Solltet ihr bereits eine Idee oder gar fertigen Code haben, dann könnt ihr mir dies auch gern zukommen lassen.
Ich werde dann versuchen, entsprechende Ideen umzusetzen bzw. den fertigen Code testen und ggf. anpassen.
Ihr erhaltet dann entsprechend Rückmeldung über den Release eures Styles. Der Upload wird anschließend von mir vorgenommen.
Wie geht es mit dem Projekt weiter?
Wer jetzt befürchtet, dass das Projekt eingestellt wird, der kann beruhigt sein.
Zwar habe ich selber momentan recht wenig Zeit, mich um die Entwicklung neuer Styles zu kümmern. Doch zu einer Einstellung des Projektes wird es nicht kommen.
Vielmehr geht es darum, noch mehr User in der Community mit unseren Styles anzusprechen.
Bei den "WinFuture.de RELOADED 2k10"-Styles gibt es nur diese AERO-Styles. Wird es auch noch andere geben?
Das hängt davon ab, welche Styles ihr haben wollt.
Die AERO-Styles sind aus einer eigenen Idee bzw. aus Ideen der Teammitglieder entstanden.
Selbstverständlich dürft auch ihr als User Style-Wünsche äußern.
Sofern diese (vor allem technisch) realisierbar sind und eine gewisse Resonanz erwarten lassen, werden diese gern umgesetzt. Ebenso spielen hier auch Urheberrechte (in Bezug auf Bilder) eine entscheidende Rolle.
Styles, die dem reinen Blocken der Werbung dienen werden nicht entwickelt.
Da wir mit diesem Projekt das Team von WinFuture.de unterstützen möchten, werden unsere Styles generell so entwickelt, dass Werbung angezeigt wird.
Wem die Werbung stört, der kann gern auf Möglichkeiten zurückgreifen, die das Netz hergibt.
Gibt es sonst noch Regeln?
Ja...
Weiterhin gelten folgende Regeln für die Erstellung von Styles im Namen der WinFuture-Styling Crew:
- Das WinFuture-Logo, sowie der Name dürfen nicht soweit verfremdet werden, dass der Bezug zu WinFuture.de nicht mehr erkennbar ist.
- Der Copyright-Vermerk der WinFuture-Styling Crew darf nicht entfernt oder verändert werden. Eine Umpositionierung ist allerdings erlaubt.
- Der Code der bereits existierenden Styles, sowie Teile davon dürfen nicht kommerziell verwertet werden.
- Es dürfen keine Styles erstellt oder gewünscht werden, die der reinen (Eigen)Werbung dienen.
- Styles, die das Aussehen einer bestimmten GUI (z.B. Ribbon-Interface von Office) haben, unterliegen einer genauen Prüfung, da auch hier auf das Urheberrecht des/der Entwickler zu achten ist.
Derzeitige Teammitglieder:
- Taxidriver05
- slurp
- Ludacris
- d4rkn3ess4ev3r
Die Freigabe zur Nutzung erfolgt durch mich per PM.
Wir freuen uns auf eure Rückmeldung!
Taxidriver05
geschrieben: 23. Februar 2011 - 15:02
So wird es in kürze hier im Thread eine neue Version geben.
Diese Version wird unter dem Titel "WinFuture RELOADED RED" veröffentlicht.
Dabei soll die Seite einen roten Touch bekommen.
Weitere Infos und Screenshots einer Vorabversion folgen in Kürze...!
Was haltet ihr von der Idee?
Windows 8 User
geschrieben: 11. März 2011 - 19:27
Jetzt hatte ich etwas Zeit und das ist bei rausgekommen:
ROT:
/*
+++++++++++++++++++++++++++++
H A U P T S E I T E
+++++++++++++++++++++++++++++
*/
@-moz-document url(http://winfuture.de/anmelden.html),url(http://winfuture.de/...ws7/kaufen.html){
#contents:after{display:none !important;}
.centForm11{background:transparent !important; color:#C01A00 !important; border:0px !important;}
.primary_content:after{
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
color:#fff !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: -50px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
@-moz-document domain(winfuture.de){
@charset "utf-8";
/* CSS Document */
/* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow */
body {background: -moz-linear-gradient(top, black -30%, #C01A00 50%, #C01A00 85%, #111 120%) /*fixed*/;
font-family: Segoe UI, Tahoma, Arial, Verdana !important; font-size:13px !important;
}
/*Hauptfenster*/
#mainWrap {
border-radius:10px !important;
-moz-border-radius:10px;
border:1px !important;
border-color:#ffffff !important;
border-style:solid !important;
margin-bottom:50px !important;
/*background-color: rgba(255, 255, 255, 0.3) !important;*/
background-image: url('http://img443.imageshack.us/img443/7043/glassframe.png') !important;
box-shadow: 0px 0px 20px #fff !important;
-moz-box-shadow: 0px 0px 20px #fff !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
background-color: transparent !important;
text-shadow: 0 0 8px #fff !important;
}
/*Breadcrumbs (zwischen Header und Content)*/
#breadcrumb {
/*background-image: url('http://img828.imageshack.us/img828/8954/obenlogohalloweenblood.png') !important;*/
padding:15px 0 !important;
height:24px !important;
white-space: nowrap !important;
}
#breadcrumb ul {
padding:5px 5px !important;
margin:0 10px 0 0 !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
/*background-image: url("http://img220.imageshack.us/img220/4562/034window.png")!important;*/
background-color:transparent !important;
/*background-size:contain !important;*/
border:0px solid #EEE !important;
}
#breadcrumb li {
background-image: url('http://img543.imageshack.us/img543/4890/winbutton.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:last-child {
background-image: url('http://img220.imageshack.us/img220/9876/winbuttonactive.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:hover {
-moz-box-shadow: 0px 0px 7px #ffffff !important;
box-shadow: 0px 0px 7px #ffffff !important;
}
#centerWrap {
box-shadow:0px 0px 7px #fff !important;
-moz-box-shadow:0px 0px 7px #fff !important;
-webkit-box-shadow:0px 0px 7px #fff !important;
}
/* Rechte Boxen */
.rightBx h2, .content_wrap, .rightBxIn, .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm2 {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.right_orangeBx, .ms_feed_box {
background-color:#fff !important;
border-radius:10px !important;
-moz-border-radius:10px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Werbung Rechts*/
#frnAdSkyPos {
margin-left:20px !important;
}
.right_orangeBx .head_bg2, .centerTitle, .right_greenBx h2, .right_greenBx .rightBxIn, .right_greenBx .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*MSDN-NEWS*/
.ms_feed_box h3 {
border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
-moz-border-radius-topright:10px !important;
-moz-border-radius-topleft:10px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.ms_feed_box .footer .corners, .ms_feed_box .footer div, .ms_feed_box .footer {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
/*News-Inhalt*/
.primary_content {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Header (rechter Teil)*/
.headerR {
border-top-right-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-bottomright:5px !important;
background-color:transparent !important;
}
/*Navigation*/
/*#leftNav,*/ #contents
{
border-radius:10px!important;
-moz-border-radius:10px!important;
margin-bottom:10px !important;
}
/*########*/
/*#leftNav ul {
background:url("http://winfuture.de/css/images/left_nav_bg.png") repeat-y scroll -162px 0 transparent !important;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav li:last-child {
background:transparent !important;
}*/
/*#############*/
#leftNav a{color:#fff !important;}
#leftNav a:hover{color:#fff !important;}
#leftNav li{border-bottom:none !important;
color:#fff !important;}
#leftNav ul{
-moz-border-radius:10px;
border-radius:10px !important;
background-color:transparent !important;
text-shadow: 0 0 7px #fff !important;
}
#leftNav,#leftNav li:last-child,#leftNav li.blueDash,LI.head.unfolded.active,LI.unfolded,.w
in7_special_teaser li,.magazin_teaser li,.updatePack_teaser li,.generic_box li{background:transparent !important;}
#leftNav{border-top-right-radius:15px !important;border-top-left-radius:15px !important;}
#contents{background:transparent !important;padding:0 0 12px !important;}
#leftNav ul{background:transparent !important;}
#leftNav_foot {
display: none !important;
}
/* Header (linker Teil) */
#header a {
width:330px;
height:88px;
float:left;
background:url('http://img651.imageshack.us/img651/2435/obenlogoneuscratched.png');
-moz-border-radius: 5px 0 0 5px !important;
border-radius:5px 0px 0px 5px !important;
}
#header .headerR a {
background:transparent;
width:auto;
height:auto;
float:none;
}
#header a img {
display:none !important;
}
.cent_mitte_ende {
height: 0 !important;
}
#contents {
background:transparent !important;
padding:0 0 12px 0 !important;
}
header {
height 88px!important;
}
.primary_content div:last-child {
-moz-border-radius:0 0 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav {
border-top-right-radius:15px !important;
border-top-left-radius:15px !important;
}
/*Style Credits
#leftNav li:last-childdiv#leftNav > ul:after
{content:"WinFuture.de RELOADED 2k10 - by WF Styling-Crew ™";
display: block; color:#00438E;
font-size: 7px; font-family: verdana;
color:#fff !important;
padding:2px; padding-left:13px;
border-bottom: border-bottom:none !important;
}*/
#centerWrap, .rightWrap {
border-radius:20px !important;
}
/*Kommentar-Bereich (Abstand nach unten) */
.comment_write_form {
margin-bottom:5px !important;
margin-right:5px !important;
}
/*Werbung rechts (Abstand zum Content) */
#frnBanner {
margin-bottom:10px !important;
padding-bottom:10px !important;
margin-left:10px !important;
}
#footer, #footer a,#footer a:hover,#footer a:visited, #footer strong{
color:#fff !important;
text-shadow: 0 0 8px #fff !important;
}
#footer:after {
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: 0px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
/*
+++++++++++++++++++++++++++++
F O R U M
+++++++++++++++++++++++++++++
|||||FORUM FOLGT!!!|||||||
}
}
GRÜN:
/*
+++++++++++++++++++++++++++++
H A U P T S E I T E
+++++++++++++++++++++++++++++
*/
@-moz-document url(http://winfuture.de/anmelden.html),url(http://winfuture.de/...ws7/kaufen.html){
#contents:after{display:none !important;}
.centForm11{background:transparent !important; color:#1CA61E !important; border:0px !important;}
.primary_content:after{
content:"WinFuture.de RELOADED 2k10 GREEN Userstyle - \00A9 2010 by WF Styling-Crew" !important;
color:#fff !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: -50px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
@-moz-document domain(winfuture.de){
@charset "utf-8";
/* CSS Document */
/* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow */
body {background: -moz-linear-gradient(top, black -30%, #1CA61E 50%, #1CA61E 85%, #111 120%) /*fixed*/;
font-family: Segoe UI, Tahoma, Arial, Verdana !important; font-size:13px !important;
}
/*Hauptfenster*/
#mainWrap {
border-radius:10px !important;
-moz-border-radius:10px;
border:1px !important;
border-color:#ffffff !important;
border-style:solid !important;
margin-bottom:50px !important;
/*background-color: rgba(255, 255, 255, 0.3) !important;*/
background-image: url('http://img443.imageshack.us/img443/7043/glassframe.png') !important;
box-shadow: 0px 0px 20px #fff !important;
-moz-box-shadow: 0px 0px 20px #fff !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
background-color: transparent !important;
text-shadow: 0 0 8px #fff !important;
}
/*Breadcrumbs (zwischen Header und Content)*/
#breadcrumb {
/*background-image: url('http://img828.imageshack.us/img828/8954/obenlogohalloweenblood.png') !important;*/
padding:15px 0 !important;
height:24px !important;
white-space: nowrap !important;
}
#breadcrumb ul {
padding:5px 5px !important;
margin:0 10px 0 0 !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
/*background-image: url("http://img220.imageshack.us/img220/4562/034window.png")!important;*/
background-color:transparent !important;
/*background-size:contain !important;*/
border:0px solid #EEE !important;
}
#breadcrumb li {
background-image: url('http://img543.imageshack.us/img543/4890/winbutton.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:last-child {
background-image: url('http://img220.imageshack.us/img220/9876/winbuttonactive.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:hover {
-moz-box-shadow: 0px 0px 7px #ffffff !important;
box-shadow: 0px 0px 7px #ffffff !important;
}
#centerWrap {
box-shadow:0px 0px 7px #fff !important;
-moz-box-shadow:0px 0px 7px #fff !important;
-webkit-box-shadow:0px 0px 7px #fff !important;
}
/* Rechte Boxen */
.rightBx h2, .content_wrap, .rightBxIn, .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm2 {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.right_orangeBx, .ms_feed_box {
background-color:#fff !important;
border-radius:10px !important;
-moz-border-radius:10px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Werbung Rechts*/
#frnAdSkyPos {
margin-left:20px !important;
}
.right_orangeBx .head_bg2, .centerTitle, .right_greenBx h2, .right_greenBx .rightBxIn, .right_greenBx .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*MSDN-NEWS*/
.ms_feed_box h3 {
border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
-moz-border-radius-topright:10px !important;
-moz-border-radius-topleft:10px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.ms_feed_box .footer .corners, .ms_feed_box .footer div, .ms_feed_box .footer {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
/*News-Inhalt*/
.primary_content {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Header (rechter Teil)*/
.headerR {
border-top-right-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-bottomright:5px !important;
background-color:transparent !important;
}
/*Navigation*/
/*#leftNav,*/ #contents
{
border-radius:10px!important;
-moz-border-radius:10px!important;
margin-bottom:10px !important;
}
/*########*/
/*#leftNav ul {
background:url("http://winfuture.de/css/images/left_nav_bg.png") repeat-y scroll -162px 0 transparent !important;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav li:last-child {
background:transparent !important;
}*/
/*#############*/
#leftNav a{color:#fff !important;}
#leftNav a:hover{color:#fff !important;}
#leftNav li{border-bottom:none !important;
color:#fff !important;}
#leftNav ul{
-moz-border-radius:10px;
border-radius:10px !important;
background-color:transparent !important;
text-shadow: 0 0 7px #fff !important;
}
#leftNav,#leftNav li:last-child,#leftNav li.blueDash,LI.head.unfolded.active,LI.unfolded,.w
in7_special_teaser li,.magazin_teaser li,.updatePack_teaser li,.generic_box li{background:transparent !important;}
#leftNav{border-top-right-radius:15px !important;border-top-left-radius:15px !important;}
#contents{background:transparent !important;padding:0 0 12px !important;}
#leftNav ul{background:transparent !important;}
#leftNav_foot {
display: none !important;
}
/* Header (linker Teil) */
#header a {
width:330px;
height:88px;
float:left;
background:url('http://img651.imageshack.us/img651/2435/obenlogoneuscratched.png');
-moz-border-radius: 5px 0 0 5px !important;
border-radius:5px 0px 0px 5px !important;
}
#header .headerR a {
background:transparent;
width:auto;
height:auto;
float:none;
}
#header a img {
display:none !important;
}
.cent_mitte_ende {
height: 0 !important;
}
#contents {
background:transparent !important;
padding:0 0 12px 0 !important;
}
header {
height 88px!important;
}
.primary_content div:last-child {
-moz-border-radius:0 0 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav {
border-top-right-radius:15px !important;
border-top-left-radius:15px !important;
}
/*Style Credits
#leftNav li:last-childdiv#leftNav > ul:after
{content:"WinFuture.de RELOADED 2k10 - by WF Styling-Crew ™";
display: block; color:#00438E;
font-size: 7px; font-family: verdana;
color:#fff !important;
padding:2px; padding-left:13px;
border-bottom: border-bottom:none !important;
}*/
#centerWrap, .rightWrap {
border-radius:20px !important;
}
/*Kommentar-Bereich (Abstand nach unten) */
.comment_write_form {
margin-bottom:5px !important;
margin-right:5px !important;
}
/*Werbung rechts (Abstand zum Content) */
#frnBanner {
margin-bottom:10px !important;
padding-bottom:10px !important;
margin-left:10px !important;
}
#footer, #footer a,#footer a:hover,#footer a:visited, #footer strong{
color:#fff !important;
text-shadow: 0 0 8px #fff !important;
}
#footer:after {
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: 0px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
/*
+++++++++++++++++++++++++++++
F O R U M
+++++++++++++++++++++++++++++
|||||FORUM FOLGT!!!|||||||
}
}
GELB:
/*
+++++++++++++++++++++++++++++
H A U P T S E I T E
+++++++++++++++++++++++++++++
*/
@-moz-document url(http://winfuture.de/anmelden.html),url(http://winfuture.de/...ws7/kaufen.html){
#contents:after{display:none !important;}
.centForm11{background:transparent !important; color:#FFCF31 !important; border:0px !important;}
.primary_content:after{
content:"WinFuture.de RELOADED 2k10 GREEN Userstyle - \00A9 2010 by WF Styling-Crew" !important;
color:#fff !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: -50px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
@-moz-document domain(winfuture.de){
@charset "utf-8";
/* CSS Document */
/* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow */
body {background: -moz-linear-gradient(top, black -30%, #FFCF31 50%, #FFCF31 85%, #111 120%) /*fixed*/;
font-family: Segoe UI, Tahoma, Arial, Verdana !important; font-size:13px !important;
}
/*Hauptfenster*/
#mainWrap {
border-radius:10px !important;
-moz-border-radius:10px;
border:1px !important;
border-color:#ffffff !important;
border-style:solid !important;
margin-bottom:50px !important;
/*background-color: rgba(255, 255, 255, 0.3) !important;*/
background-image: url('http://img443.imageshack.us/img443/7043/glassframe.png') !important;
box-shadow: 0px 0px 20px #fff !important;
-moz-box-shadow: 0px 0px 20px #fff !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
background-color: transparent !important;
text-shadow: 0 0 8px #fff !important;
}
/*Breadcrumbs (zwischen Header und Content)*/
#breadcrumb {
/*background-image: url('http://img828.imageshack.us/img828/8954/obenlogohalloweenblood.png') !important;*/
padding:15px 0 !important;
height:24px !important;
white-space: nowrap !important;
}
#breadcrumb ul {
padding:5px 5px !important;
margin:0 10px 0 0 !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
/*background-image: url("http://img220.imageshack.us/img220/4562/034window.png")!important;*/
background-color:transparent !important;
/*background-size:contain !important;*/
border:0px solid #EEE !important;
}
#breadcrumb li {
background-image: url('http://img543.imageshack.us/img543/4890/winbutton.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:last-child {
background-image: url('http://img220.imageshack.us/img220/9876/winbuttonactive.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:hover {
-moz-box-shadow: 0px 0px 7px #ffffff !important;
box-shadow: 0px 0px 7px #ffffff !important;
}
#centerWrap {
box-shadow:0px 0px 7px #fff !important;
-moz-box-shadow:0px 0px 7px #fff !important;
-webkit-box-shadow:0px 0px 7px #fff !important;
}
/* Rechte Boxen */
.rightBx h2, .content_wrap, .rightBxIn, .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm2 {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.right_orangeBx, .ms_feed_box {
background-color:#fff !important;
border-radius:10px !important;
-moz-border-radius:10px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Werbung Rechts*/
#frnAdSkyPos {
margin-left:20px !important;
}
.right_orangeBx .head_bg2, .centerTitle, .right_greenBx h2, .right_greenBx .rightBxIn, .right_greenBx .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*MSDN-NEWS*/
.ms_feed_box h3 {
border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
-moz-border-radius-topright:10px !important;
-moz-border-radius-topleft:10px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.ms_feed_box .footer .corners, .ms_feed_box .footer div, .ms_feed_box .footer {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
/*News-Inhalt*/
.primary_content {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Header (rechter Teil)*/
.headerR {
border-top-right-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-bottomright:5px !important;
background-color:transparent !important;
}
/*Navigation*/
/*#leftNav,*/ #contents
{
border-radius:10px!important;
-moz-border-radius:10px!important;
margin-bottom:10px !important;
}
/*########*/
/*#leftNav ul {
background:url("http://winfuture.de/css/images/left_nav_bg.png") repeat-y scroll -162px 0 transparent !important;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav li:last-child {
background:transparent !important;
}*/
/*#############*/
#leftNav a{color:#fff !important;}
#leftNav a:hover{color:#fff !important;}
#leftNav li{border-bottom:none !important;
color:#fff !important;}
#leftNav ul{
-moz-border-radius:10px;
border-radius:10px !important;
background-color:transparent !important;
text-shadow: 0 0 7px #fff !important;
}
#leftNav,#leftNav li:last-child,#leftNav li.blueDash,LI.head.unfolded.active,LI.unfolded,.w
in7_special_teaser li,.magazin_teaser li,.updatePack_teaser li,.generic_box li{background:transparent !important;}
#leftNav{border-top-right-radius:15px !important;border-top-left-radius:15px !important;}
#contents{background:transparent !important;padding:0 0 12px !important;}
#leftNav ul{background:transparent !important;}
#leftNav_foot {
display: none !important;
}
/* Header (linker Teil) */
#header a {
width:330px;
height:88px;
float:left;
background:url('http://img651.imageshack.us/img651/2435/obenlogoneuscratched.png');
-moz-border-radius: 5px 0 0 5px !important;
border-radius:5px 0px 0px 5px !important;
}
#header .headerR a {
background:transparent;
width:auto;
height:auto;
float:none;
}
#header a img {
display:none !important;
}
.cent_mitte_ende {
height: 0 !important;
}
#contents {
background:transparent !important;
padding:0 0 12px 0 !important;
}
header {
height 88px!important;
}
.primary_content div:last-child {
-moz-border-radius:0 0 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav {
border-top-right-radius:15px !important;
border-top-left-radius:15px !important;
}
/*Style Credits
#leftNav li:last-childdiv#leftNav > ul:after
{content:"WinFuture.de RELOADED 2k10 - by WF Styling-Crew ";
display: block; color:#00438E;
font-size: 7px; font-family: verdana;
color:#fff !important;
padding:2px; padding-left:13px;
border-bottom: border-bottom:none !important;
}*/
#centerWrap, .rightWrap {
border-radius:20px !important;
}
/*Kommentar-Bereich (Abstand nach unten) */
.comment_write_form {
margin-bottom:5px !important;
margin-right:5px !important;
}
/*Werbung rechts (Abstand zum Content) */
#frnBanner {
margin-bottom:10px !important;
padding-bottom:10px !important;
margin-left:10px !important;
}
#footer, #footer a,#footer a:hover,#footer a:visited, #footer strong{
color:#fff !important;
text-shadow: 0 0 8px #fff !important;
}
#footer:after {
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: 0px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
/*
+++++++++++++++++++++++++++++
F O R U M
+++++++++++++++++++++++++++++
|||||FORUM FOLGT!!!|||||||
}
}
BLAU (HELL):
/*
+++++++++++++++++++++++++++++
H A U P T S E I T E
+++++++++++++++++++++++++++++
*/
@-moz-document url(http://winfuture.de/anmelden.html),url(http://winfuture.de/...ws7/kaufen.html){
#contents:after{display:none !important;}
.centForm11{background:transparent !important; color:#3198FF !important; border:0px !important;}
.primary_content:after{
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
color:#fff !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: -50px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
@-moz-document domain(winfuture.de){
@charset "utf-8";
/* CSS Document */
/* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow */
body {background: -moz-linear-gradient(top, black -30%, #3198FF 50%, #3198FF 85%, #111 120%) /*fixed*/;
font-family: Segoe UI, Tahoma, Arial, Verdana !important; font-size:13px !important;
}
/*Hauptfenster*/
#mainWrap {
border-radius:10px !important;
-moz-border-radius:10px;
border:1px !important;
border-color:#ffffff !important;
border-style:solid !important;
margin-bottom:50px !important;
/*background-color: rgba(255, 255, 255, 0.3) !important;*/
background-image: url('http://img443.imageshack.us/img443/7043/glassframe.png') !important;
box-shadow: 0px 0px 20px #fff !important;
-moz-box-shadow: 0px 0px 20px #fff !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
background-color: transparent !important;
text-shadow: 0 0 8px #fff !important;
}
/*Breadcrumbs (zwischen Header und Content)*/
#breadcrumb {
/*background-image: url('http://img828.imageshack.us/img828/8954/obenlogohalloweenblood.png') !important;*/
padding:15px 0 !important;
height:24px !important;
white-space: nowrap !important;
}
#breadcrumb ul {
padding:5px 5px !important;
margin:0 10px 0 0 !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
/*background-image: url("http://img220.imageshack.us/img220/4562/034window.png")!important;*/
background-color:transparent !important;
/*background-size:contain !important;*/
border:0px solid #EEE !important;
}
#breadcrumb li {
background-image: url('http://img543.imageshack.us/img543/4890/winbutton.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:last-child {
background-image: url('http://img220.imageshack.us/img220/9876/winbuttonactive.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:hover {
-moz-box-shadow: 0px 0px 7px #ffffff !important;
box-shadow: 0px 0px 7px #ffffff !important;
}
#centerWrap {
box-shadow:0px 0px 7px #fff !important;
-moz-box-shadow:0px 0px 7px #fff !important;
-webkit-box-shadow:0px 0px 7px #fff !important;
}
/* Rechte Boxen */
.rightBx h2, .content_wrap, .rightBxIn, .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.rightBx_btm2 {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.right_orangeBx, .ms_feed_box {
background-color:#fff !important;
border-radius:10px !important;
-moz-border-radius:10px !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Werbung Rechts*/
#frnAdSkyPos {
margin-left:20px !important;
}
.right_orangeBx .head_bg2, .centerTitle, .right_greenBx h2, .right_greenBx .rightBxIn, .right_greenBx .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*MSDN-NEWS*/
.ms_feed_box h3 {
border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
-moz-border-radius-topright:10px !important;
-moz-border-radius-topleft:10px !important;
background-color:transparent !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
.ms_feed_box .footer .corners, .ms_feed_box .footer div, .ms_feed_box .footer {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
/*News-Inhalt*/
.primary_content {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
box-shadow:0px 0px 5px #fff !important;
-moz-box-shadow:0px 0px 5px #fff !important;
-webkit-box-shadow:0px 0px 5px #fff !important;
}
/*Header (rechter Teil)*/
.headerR {
border-top-right-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-bottomright:5px !important;
background-color:transparent !important;
}
/*Navigation*/
/*#leftNav,*/ #contents
{
border-radius:10px!important;
-moz-border-radius:10px!important;
margin-bottom:10px !important;
}
/*########*/
/*#leftNav ul {
background:url("http://winfuture.de/css/images/left_nav_bg.png") repeat-y scroll -162px 0 transparent !important;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav li:last-child {
background:transparent !important;
}*/
/*#############*/
#leftNav a{color:#fff !important;}
#leftNav a:hover{color:#fff !important;}
#leftNav li{border-bottom:none !important;
color:#fff !important;}
#leftNav ul{
-moz-border-radius:10px;
border-radius:10px !important;
background-color:transparent !important;
text-shadow: 0 0 7px #fff !important;
}
#leftNav,#leftNav li:last-child,#leftNav li.blueDash,LI.head.unfolded.active,LI.unfolded,.w
in7_special_teaser li,.magazin_teaser li,.updatePack_teaser li,.generic_box li{background:transparent !important;}
#leftNav{border-top-right-radius:15px !important;border-top-left-radius:15px !important;}
#contents{background:transparent !important;padding:0 0 12px !important;}
#leftNav ul{background:transparent !important;}
#leftNav_foot {
display: none !important;
}
/* Header (linker Teil) */
#header a {
width:330px;
height:88px;
float:left;
background:url('http://img651.imageshack.us/img651/2435/obenlogoneuscratched.png');
-moz-border-radius: 5px 0 0 5px !important;
border-radius:5px 0px 0px 5px !important;
}
#header .headerR a {
background:transparent;
width:auto;
height:auto;
float:none;
}
#header a img {
display:none !important;
}
.cent_mitte_ende {
height: 0 !important;
}
#contents {
background:transparent !important;
padding:0 0 12px 0 !important;
}
header {
height 88px!important;
}
.primary_content div:last-child {
-moz-border-radius:0 0 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav {
border-top-right-radius:15px !important;
border-top-left-radius:15px !important;
}
/*Style Credits
#leftNav li:last-childdiv#leftNav > ul:after
{content:"WinFuture.de RELOADED 2k10 - by WF Styling-Crew ™";
display: block; color:#00438E;
font-size: 7px; font-family: verdana;
color:#fff !important;
padding:2px; padding-left:13px;
border-bottom: border-bottom:none !important;
}*/
#centerWrap, .rightWrap {
border-radius:20px !important;
}
/*Kommentar-Bereich (Abstand nach unten) */
.comment_write_form {
margin-bottom:5px !important;
margin-right:5px !important;
}
/*Werbung rechts (Abstand zum Content) */
#frnBanner {
margin-bottom:10px !important;
padding-bottom:10px !important;
margin-left:10px !important;
}
#footer, #footer a,#footer a:hover,#footer a:visited, #footer strong{
color:#fff !important;
text-shadow: 0 0 8px #fff !important;
}
#footer:after {
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: 0px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
/*
+++++++++++++++++++++++++++++
F O R U M
+++++++++++++++++++++++++++++
|||||FORUM FOLGT!!!|||||||
}
}
Außerdem habe ich hier mal 2 Beispiele für die Grafiken Winbutton bzw. Wintbuttonactive (links die Neuen, rechts die Alten:
Taxidriver05
geschrieben: 12. März 2011 - 01:20
Würde sie dann ggf. anpassen und auch mal deine Winbuttons testen...
geschrieben: 12. März 2011 - 09:41
Windows 8 User
geschrieben: 12. März 2011 - 12:29
-
Style_GREEN.css (9,74K)
: 61 -
Style_YELLOW.css (9,74K)
: 73 -
Style_BLUE.css (9,73K)
: 61 -
Style_RED.css (9,73K)
: 56
Taxidriver05
geschrieben: 13. März 2011 - 23:42
Wenn Du nix dagegen hast, würde ich diese unter Userstyles.org gern bereitstellen und alle Versionen in einem entsprechenden Post neu zusammenfassen...
@darky: Ich hab schon so viele Userstyles hier (darunter zahlreiche nicht laufende Versionen). So langsam wird es auch für mich chaotisch...
UPDATE:
- Update aller Hauptseiten-Styles (Behebung eines Bugs bei der Darstellung des Hintergrundes im Hauptbereich) (nur OERA)
Windows 8 User
geschrieben: 14. März 2011 - 14:47
geschrieben: 22. März 2011 - 18:02
- Linkfarben verdunkelt, um die Leserlichkeit zu erhöhen
- Hintergrundbild ist nun Standardmäßig fixiert
Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser.
Und damit der Post nicht zu schnell endet, hier noch eine Version spezial für Gecko 2.0:
Taxidriver05
geschrieben: 01. April 2011 - 23:25
Es ist mal wieder Zeit für neue Styles...
Durch Anregung von Windows 7 User habe ich nun mal seine Styles aufgegriffen und diesen entsprechend aufbereitet und erweitert...
Das Ergebnis kann im Anhang heruntergeladen werden.
Im Vergleich zu seiner Version habe ich den Code auf das Forum erweitert.
Hinweis: Diese Styles bestechen durch eine besonders hohe Performance!
Die Styles gibt es in den Farben:
ROT
GELB
BLAU
GRÜN
Die Styles liegen im Anhang und sind per Stylish beziebar...
Zum Stylish-Link einfach auf das jeweilige Symbol klichen...
Feedback ist natürlich auch hier stets erwünscht!
Downloads (bis zum letzten Update):
Hauptseite:
BLUE: 14
GREEN: 10
RED: 12
YELLOW: 8
Forum:
BLUE: 16
GREEN: 13
RED: 18
YELLOW: 10
UPDATE:
- Bug in den Foren-CSS gefixt, wodurch der Hintergrund im Forum weiß war. Hier hat nur ein "!important" gefehlt...
-
1_Style_BLUE.css (8,29K)
: 70 -
1_Style_GREEN.css (8,28K)
: 72 -
1_Style_RED.css (8,29K)
: 69 -
1_Style_YELLOW.css (8,29K)
: 65 -
Forum_Style_BLUE.css (11,8K)
: 69 -
Forum_Style_GREEN.css (11,82K)
: 80 -
Forum_Style_RED.css (11,8K)
: 62 -
Forum_Style_YELLOW.css (11,8K)
: 69
J000S
geschrieben: 05. April 2011 - 21:54
EDIT: Im Forum ist immernoch alles Weiß
Taxidriver05
geschrieben: 06. April 2011 - 14:41
Zitat (J000S: 05.04.2011, 22:54)
EDIT: Im Forum ist immernoch alles Weiß
Der Bug wurde in der Stylish-Version bereits gefixt.
Ob es in der aktuellen Opera-Version (mit CSS) korrekt funktioniert, kann ich erst heute abend testen.
Leider habe ich hier gerade nur ne alte Opera-Version am laufen.
Eigentlich sollte das aber auch laufen...
EDIT: Läuft!
Taxidriver05
geschrieben: 10. April 2011 - 15:56
Update sagte:
- Erweiterte Istallationsanleitung für Opera-User hinzugefügt.
- Bug mit fehlenden Header-Linkbuttons in CSS-Version gefixt.
Enjoy...!
MasterBK
geschrieben: 15. Mai 2011 - 20:51
MfG
MasterBK.
Taxidriver05
geschrieben: 16. Mai 2011 - 11:09
Ich nehme mal an, Du beziehst Dich damit auf die aktuelleren (farblichen) Styles.
Der Fehler liegt hier lediglich darin, dass in den Styles die Deklaration für den CSS-Farbverlauf fehlt.
Diesen werde ich in Kürze nachträglich einbauen und per Stylish-Update verteilen.
Danke für den Hinweis...!
Denn zugegeben habe ich die Designs unter chrome gar ned getestet...
EDIT: Habe es mal bei den betroffenen Styles gefixt.
Update betrifft nur Stylish-Designs.
geschrieben: 16. Mai 2011 - 19:19
White Sexy Full Glass
(Updates: Letzte: 23.05.2011)
(Ausblenden der Werbung ist nur bei mir so)
Userstyles | Forum Perma Link
(CSS Code ist für Firefox optimiert)
Meine anderen bisherigen Styles:
WinFuture.de RELOADED 2k10 (SEXY FULL GLASS EDITION)
WinFuture-Forum.de RELOADED 2k10 (Black Glass EDITION)
Taxidriver05
geschrieben: 19. Mai 2011 - 16:16
Demzufolge werden die Userstyles wohl nur teilweise weiterhin nutzbar bleiben.
Je nachdem, wie umfangreich die Veränderungen werden, werde ich entweder direkt auf eine neue Version der Styles aktualisieren oder eine Zwischenversion bereitstellen, die die Userstyles lediglich erst einmal auf die Hauptseite beschränkt.
Dies wird wohl auch davon abhängen, welch neue Funktionen für das Forum eingebaut werden.
Sobald mir allerdings nähere Informationen vorliegen, erhaltet ihr entsprechende Informationen über den Verlauf des Style-Updates.
Wir dürfen gespannt sein.
geschrieben: 23. Mai 2011 - 16:23
Weiße Striche in den News und unter der rechten Sidebar 'Neue Nachrichten' entfernt
Normale: Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser.
Weiß: Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser.
Taxidriver05
geschrieben: 03. Juni 2011 - 23:53
Leider liegen hier auch mir derzeit keine genaueren Informationen zum Zeitpunkt für das geplante update vor.
Sollte das Update vollzogen sein, wenn ich wieder einen Internetzugang habe, werde ich mich direkt an die Arbeit machen, die Styles umzuschreiben.
Ich bitte um Verständnis!
Euer Taxidriver05
Taxidriver05
geschrieben: 17. Juni 2011 - 23:12
Sollte es von einzelnen Usern gewünscht werden, individuelle Styles auf Basis der "WinFuture.de RELOADED 2kX"-Styles erstellt zu bekommen.
Den Style bzw. Code würde ich dann ggf. hier bereit stellen oder per PM durchgeben.
Windows 8 User
geschrieben: 21. Juni 2011 - 15:08
Textfarben müssten noch angepasst werden, habe im Moment aber kaum Zeit.
Wie immer von mir nur für die Hauptseite.
/*
+++++++++++++++++++++++++++++
H A U P T S E I T E
+++++++++++++++++++++++++++++
*/
@-moz-document url(http://winfuture.de/anmelden.html),url(http://winfuture.de/...ws8/kaufen.html){
#contents:after{display:none !important;}
.centForm11{background:transparent !important; color:#fff !important; border:0px !important;}
.primary_content:after{
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
color:#fff !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: -50px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
@-moz-document domain(winfuture.de){
@charset "utf-8";
/* CSS Document */
/* Blauer Hintergrund und Bildverlauf mit weißem Rand SOWIE border-radius UND box-shadow */
body {background:#E8F1FF url('http://fc04.deviantart.net/fs71/f/2011/169/9/0/windows_8_m3_wallpaper_by_vinceranda-d3j7s87.jpg') no-repeat top right !important; width:auto !important; background-attachment:fixed !important;
font-family: Segoe UI, Tahoma, Arial, Verdana !important; font-size:13px !important;
}
/*Hauptfenster*/
#mainWrap {
border-radius:0px !important;
-moz-border-radius:0px;
border:1px !important;
border-color:#ffffff !important;
border-style:solid !important;
margin-bottom:50px !important;
/*background-color: rgba(255, 255, 255, 0.3) !important;*/
background-image: url('http://img812.imageshack.us/img812/7043/glassframe.png') !important;
box-shadow: 10px 10px 20px #000 !important;
-moz-box-shadow: 10px 10px 20px #000 !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
background-color: transparent !important;
text-shadow: 0 0 8px #fff !important;
}
/*Breadcrumbs (zwischen Header und Content)*/
#breadcrumb {
/*background-image: url('http://img828.imageshack.us/img828/8954/obenlogohalloweenblood.png') !important;*/
padding:15px 0 !important;
height:24px !important;
white-space: nowrap !important;
}
#breadcrumb ul {
padding:5px 5px !important;
margin:0 10px 0 0 !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
/*background-image: url("http://img220.imageshack.us/img220/4562/034window.png")!important;*/
background-color:transparent !important;
/*background-size:contain !important;*/
border:0px solid #EEE !important;
}
#breadcrumb li {
background-image: url('http://img543.imageshack.us/img543/4890/winbutton.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:last-child {
background-image: url('http://img220.imageshack.us/img220/9876/winbuttonactive.png') !important;
padding-right: 7px !important;
padding-left: 7px !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
-moz-background-size: 100% 100%, auto !important;
}
#breadcrumb li:hover {
-moz-box-shadow: 0px 0px 30px #ffffff !important;
box-shadow: 0px 0px 30px #ffffff !important;
}
/* Rechte Boxen */
.rightBx h2, .content_wrap, .rightBxIn, .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
}
.rightBx_btm {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
background-color:transparent !important;
}
.rightBx_btm2 {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
}
.right_orangeBx, .ms_feed_box {
background-color:#fff !important;
border-radius:10px !important;
-moz-border-radius:10px !important;
}
/*Werbung Rechts*/
#frnAdSkyPos {
margin-left:20px !important;
}
.right_orangeBx .head_bg2, .centerTitle, .right_greenBx h2, .right_greenBx .rightBxIn, .right_greenBx .rightBx_btm {
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
}
/*MSDN-NEWS*/
.ms_feed_box h3 {
border-top-right-radius:10px !important;
border-top-left-radius:10px !important;
-moz-border-radius-topright:10px !important;
-moz-border-radius-topleft:10px !important;
background-color:transparent !important;
}
.ms_feed_box .footer .corners, .ms_feed_box .footer div, .ms_feed_box .footer {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
}
/*News-Inhalt*/
.primary_content {
border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-bottomright:5px !important;
-moz-border-radius-bottomleft:5px !important;
border-top-right-radius:5px !important;
border-top-left-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-topleft:5px !important;
background-color:#fff !important;
}
/*Header (rechter Teil)*/
.headerR {
border-top-right-radius:5px !important;
border-bottom-right-radius:5px !important;
-moz-border-radius-topright:5px !important;
-moz-border-radius-bottomright:5px !important;
background-color:transparent !important;
}
/*Navigation*/
/*#leftNav,*/ #contents
{
border-radius:10px!important;
-moz-border-radius:10px!important;
margin-bottom:10px !important;
}
/*########*/
/*#leftNav ul {
background:url("http://winfuture.de/css/images/left_nav_bg.png") repeat-y scroll -162px 0 transparent !important;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav li:last-child {
background:transparent !important;
}*/
/*#############*/
#leftNav a{color:#fff !important;}
#leftNav a:hover{color:#fff !important;}
#leftNav li{border-bottom:none !important;
color:#fff !important;}
#leftNav ul{
-moz-border-radius:10px;
border-radius:10px !important;
background-color:transparent !important;
}
#leftNav,#leftNav li:last-child,#leftNav li.blueDash,LI.head.unfolded.active,LI.unfolded,.w
in7_special_teaser li,.magazin_teaser li,.updatePack_teaser li,.generic_box li{background:transparent !important;}
#leftNav{border-top-right-radius:15px !important;border-top-left-radius:15px !important;}
#contents{background:transparent !important;padding:0 0 12px !important;}
#leftNav ul{background:transparent !important;}
#leftNav_foot {
display: none !important;
}
/* Header (linker Teil) */
#header a {
width:330px;
height:88px;
float:left;
background:url('http://img651.imageshack.us/img651/2435/obenlogoneuscratched.png');
-moz-border-radius: 5px 0 0 5px !important;
border-radius:5px 0px 0px 5px !important;
}
#header .headerR a {
background:transparent;
width:auto;
height:auto;
float:none;
}
#header a img {
display:none !important;
}
.cent_mitte_ende {
height: 0 !important;
}
#contents {
background:transparent !important;
padding:0 0 12px 0 !important;
}
header {
height 88px!important;
}
.primary_content div:last-child {
-moz-border-radius:0 0 10px 10px;
border-radius:10px 10px 10px 10px !important;
}
#leftNav {
border-top-right-radius:15px !important;
border-top-left-radius:15px !important;
}
/*Style Credits
#leftNav li:last-childdiv#leftNav > ul:after
{content:"WinFuture.de RELOADED 2k10 - by WF Styling-Crew ";
display: block; color:#00438E;
font-size: 7px; font-family: verdana;
color:#fff !important;
padding:2px; padding-left:13px;
border-bottom: border-bottom:none !important;
}*/
#centerWrap, .rightWrap {
border-radius:20px !important;
}
/*Kommentar-Bereich (Abstand nach unten) */
.comment_write_form {
margin-bottom:5px !important;
margin-right:5px !important;
}
/*Werbung rechts (Abstand zum Content) */
#frnBanner {
margin-bottom:10px !important;
padding-bottom:10px !important;
margin-left:10px !important;
}
#footer, #footer a,#footer a:hover,#footer a:visited, #footer strong{
color:#fff !important;
text-shadow: 0 0 8px #fff !important;
}
#footer:after {
content:"WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;
font-size: 10px !important;
text-align: center;
text-decoration:bold !important;
position: absolute;
left: 0px;
right: 0px;
width: 100%;
font-weight:bold;
display: block;
}
}
Viele Grüße
Windows 7 (8) User
J000S
geschrieben: 21. Juni 2011 - 15:10
Windows 8 User
geschrieben: 21. Juni 2011 - 15:13
Taxidriver05
geschrieben: 22. Juni 2011 - 08:04
Danke erstmal für den Code...
Dan94
geschrieben: 22. Juni 2011 - 17:42
Taxidriver05
geschrieben: 22. Juni 2011 - 22:57
Ich habe mir mal den Style angeschaut...
Der Ansatz ist schon mal gut, auch wenn er weitestgehend auf bisher bereits existierenden Styles beruht.
Man kann da durchaus ansetzen.
Doch müsste der Style ziemlich angepasst werden, da mir noch erhebliche Unstimmigkeiten aufgefallen sind.
Ich werde erst einmal beobachten, wie die Entwicklungen im Bereich der UI von Windows 8 weiter gehen.
Vielleicht kann man daraus ja wirklich einen passenden Style machen...
geschrieben: 23. Juni 2011 - 08:39
Wenn es wirklich Windows8 Style heißen soll, dann sollte man auch wirklich alles nach Windows8 anpassen.
Wird sowieso mal Zeit für nen komplett neuen Style
Taxidriver05
geschrieben: 01. Juli 2011 - 09:59
Zugegeben, mir fehlt es momentan ehrlich gesagt an Zeit und Kreativität, mich um neue Styles zu kümmern.
Außerdem möchte ich gern das angekündigte Forenupdate erst einmal abwarten.
Denn es macht keinen sinn, neue Styles zu schreiben, die man dann fürs Forum komplett überarbeiten muss...
Für Anregungen zu neuen Styles bin ich natürlich weiterhin offen.
Taxidriver05
geschrieben: 04. Juli 2011 - 01:45
Dies ist besonders schonend für die Augen, wenn man in der Nacht am Computer sitzt.
Ich habe den Style mal mit meinen Styles kombiniert.
Das Ergebnis kann man hier sehen:
Zwar hat diese Kombination noch einige Bugs.
Doch regt es die Idee an, ein "Nacht-Design" zu erstellen.
Ich werde mich daher demnächst mal damit befassen, inwiefern sich beides miteinander kombinieren lässt und das Ergebnis auch brauchbar macht.
Für Feedback zu dieser ersten Experimental-Variante bin ich offen...
Stan
geschrieben: 04. Juli 2011 - 02:09
Zitat (Taxidriver05: 04.07.2011, 02:45)
Dies ist besonders schonend für die Augen, wenn man in der Nacht am Computer sitzt.
Ich habe den Style mal mit meinen Styles kombiniert.
Das Ergebnis kann man hier sehen:
Zwar hat diese Kombination noch einige Bugs.
Doch regt es die Idee an, ein "Nacht-Design" zu erstellen.
Ich werde mich daher demnächst mal damit befassen, inwiefern sich beides miteinander kombinieren lässt und das Ergebnis auch brauchbar macht.
Für Feedback zu dieser ersten Experimental-Variante bin ich offen...
Damit einem sowas gefällt muss man schon arge Probleme an den Augen oder dem Geschmack haben^^
Taxidriver05
geschrieben: 04. Juli 2011 - 13:22
Deine Kritik wundert mich keineswegs...
Es war wie gesagt ein Experiment, was ich heute nacht mal gemacht habe.
Ich habe selber die Erfahrung gemacht, dass es für die Augen mitunter recht anstengend sein kann, in einer dunklen Umgebung die ganze Zeit auf eine sehr helle Lichtquelle zu schauen.
Wie meinem obigen Post auch zu entnehmen ist, zeigt dieses Experiment noch einige mitunter gravierende Unschönheiten auf.
Primäres Ziel für diesen Style wäre es, die Lesbarkeit in der Nacht angenehmer zu gestalten.
Bisher ist das Ganze wie gesagt eh nur eine Idee.
Ob diese überhaupt weiter verfolgt werden kann oder sollte, ist dabei völlig offen.
Dennoch danke ich Dir für deine Kritik.
EDIT:
Alternativ zum obigen Experimental-Konzept besteht natürlich auch die Möglichkeit, einen Style zu erstellen, den ich mal "AmbientFuture" nenne.
Dieser setzt auf diesem Style für die VZ-Webseiten auf.
Ich denke aber, dass sich sowas auch für Winfuture umsetzen ließe.
Zwar müsste man hier ein völlig neues Layout-Konzept erstellen.
Doch machbar sollte es allemal sein. Und es würde sich, wie gesagt, auch hervorragend zum Lesen in der Nacht eignen.
Taxidriver05
geschrieben: 12. Juli 2011 - 01:13
Die bisherigen Styles fallen besonders durch den AERO-Effekt in den Designs auf.
Diesen Effekt möchte ch noch etwas herausarbeiten.
Daher werde ich in absehbarer Zeit einen ersten Style im "Crystal-Glass" Look basierend auf dem ursprünglichen "WinFuture.de RELOADED 2k10-Style" erstellen.
Hierbei soll der Glaseffekt noch etwas stärker zur Geltung kommen.
Inwiefern sich das auf die Gesamtgestaltung der Styles auswirken wird, kann ich derzeit noch nicht sagen. Das wird sich wohl erst im Laufe der Entwicklung zeigen.
Darüber hinaus wird es wohl auch einige technische Veränderungen an den Styles selbst geben.
So werde ich aller Voraussicht nach die Grafiken, welche in den Styles verwendet werden demnächst auf meinen eigenen Webspace (STRATO) verlagern. Denn leider habe ich die Erfahrung machen müssen, dass das Image-Hosting bei ImagesHack.us nicht immer sauber arbeitet.
Bevor eine offizielle Umstellung erfolgt, werde ich dies natürlich selber testen.
Darüber hinaus plane ich auch für dieses und eventuelle weitere Projekte für WinFuture die Erstellung einer eigenen Webseite.
Wie dies genau abläuft werde ich dann aber zu gegebener Zeit hier bekannt geben.
Ich hoffe, dass bis dahin dann auch das Foren-Update endlich durch ist.
Denn dann kann ich die Neuerungen direkt in die Styles mit einarbeiten.
Liebe Grüße,
Euer Taxidrover05
geschrieben: 12. Juli 2011 - 17:19
Eine eigene Homepage für die Winfuture Userstyles würd ich nicht machen, da es dafür ja userstyles.org gibt.
Ps: Willst du deinen Name ändern lassen?
Zitat
Taxidriver05
geschrieben: 13. Juli 2011 - 13:08
Nun...
Meine Überlegung geht dahin, langfristig eventuell weitere Projekte neben den Styles unter dem Namen zu realisieren.
Somit wäre die Site nicht nur für die Styles. Sicherlich kann man dann die reinen CSS-Files dort zum Download reinstellen.
Wie gesagt...
Es ist eine langfristige Idee, wo ich mir noch nicht zu 100% sicher bin, ob ich diese auch so realisiere.
Was aber sicher ist, ist der Punkt, dass ich die verwendeten Bilder auf meinen Server legen will.
Was die Crystal-Styles betrifft, werde ich mich in den kommenden Wochen daran machen, erst einmal die erforderlichen Grafiken zu erstellen.
Taxidriver05
geschrieben: 19. Juli 2011 - 23:04
Ich werde in den kommenden Tagen ausgiebig testen, inwiefern die bisherigen Styles noch Auswirkungen auf das neue Forendesin haben werden.
Das werde ich auch erst tun können, wenn das neue Forum online ist.
Im nächsten Schritt werde ich sehen, dass ich den Code entsprechend anpasse, sodass die Styles schnellstmöglich Anwendung finden.
Voraussichtlich werde ich es aber erst frühestens zum Monatswechsl umsetzen können.
Ob ich in diesem Zuge auch die Grafiken auf meinen Webserver lege, weiß ich noch nicht.
Jedoch wird dies zeitnah erfolgern.
Ich bin zumindest schon mal gespannt, was da kommt...
Stan
geschrieben: 20. Juli 2011 - 04:37
geschrieben: 20. Juli 2011 - 20:09
@-moz-document url-prefix(http://www.winfuture-forum.de/){ body {background:#000 url('http://s.gullipics.com/image/n/2/l/6ur14t-jr4qxm-x4ix/img.jpeg') no-repeat !important; background-attachment:fixed !important;} DIV#secondary_nav a,.topic_share.left,.topic_jump.right.clear a,LABEL[for="username"],LABEL[for="password"]{ color:grey !important;background:#000 !important;} LABEL[for="remember"],.field.checkbox{color:grey !important;} LABEL[for="username"]{width:100px !important;} LABEL[for="password"]{width:60px !important;} }
Für User wo im Textfeld das Hintergrundbild ist:
#ed-0_textarea{background:white !important;}
(Code muss sich über der letzten } befinden)
geschrieben: 20. Juli 2011 - 20:19
Dann die zweite Zeile nach
body {background:#000 !important;}
ändern. #000 ist der Hexadezimalcode. In dem Falle Schwarz.
geschrieben: 20. Juli 2011 - 20:22
Edit folgt im Post und hier...
Edit: Hmm hab das Problem nicht, aber eventuell hilfts folgende Zeile hinzuzufügen:
#ed-0_textarea{background:white !important;}
(Code muss über der letzten } seien)
DARK-THREAT
geschrieben: 20. Juli 2011 - 20:27
Peace.
geschrieben: 20. Juli 2011 - 20:34
DARK-THREAT
geschrieben: 20. Juli 2011 - 20:35
Zitat (d4rkn3ss4ev3r: 20. Juli 2011 - 20:34)
1920x1080, wie geasgt, FullHD.
Das alte Forum stellte sich ja schön an die jeweilige Auflösung ein - tolle Sache war das. Gab letzter Zeit auch viele Foren, die diese klasse Idee über den Haufen warfen und etwas Einheitliches geschaffen haben.
Peace.
DK2000
geschrieben: 20. Juli 2011 - 20:42
Hihi, ja, deswegen vergrößere ich ja auch über Zoom Page (Addon für Firefox) auf min 133%. Habe da noch das alte 16:10 Format mit 1920x1200. Auf 100% ist so manche Seite etwas zu klein.
@d4rkn3ss4ev3r:
Das Problem mit dem Hintergrund in der Textbox scheint nur den Rich Text Editor (RTE) zu betreffen. Mit dem normalen Editor bleibt der Hintergrund in der Textbox weiß.
DARK-THREAT
geschrieben: 20. Juli 2011 - 20:45
Zitat (DK2000: 20. Juli 2011 - 20:42)
Hihi, ja, deswegen vergrößere ich ja auch über Zoom Page (Addon für Firefox) auf min 133%. Habe da noch das alte 16:10 Format mit 1920x1200. Auf 100% ist so manche Seite etwas zu klein.
Dann muss ich ja noch mehr scrollen.. ich wollt eher das Gegenteil erreichen.
Ne Page herranzoomen geht doch auch ohne Plugin? (cmd/strg + "+")
Peace.
geschrieben: 20. Juli 2011 - 20:45
#ipbwrapper{width:auto !important;}
@DK: Also hilft der editierte Code nicht? Dann guck ich schnell nochmal mit RTE
DARK-THREAT
geschrieben: 20. Juli 2011 - 20:51
geschrieben: 20. Juli 2011 - 20:54
Folgenden Code musst du einfügen:
@-moz-document url-prefix(http://www.winfuture-forum.de/){#ipbwrapper{width:auto !important;}}
geschrieben: 20. Juli 2011 - 20:58
Edit: Breiter war doch das alte Design auch nicht. Jedenfalls bei mir und ich hab auch Full HD Auflösung 1920x1080
Stan
geschrieben: 20. Juli 2011 - 21:06
geschrieben: 20. Juli 2011 - 21:09
@-moz-document url-prefix([url="http://www.winfuture-forum.de/"]http://www.winfuture-forum.de/[/url]){#ipbwrapper{width:auto !important;#container{width:90% !important;}}}
Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)