Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser. (Original Thema ansehen)



_skylight

geschrieben: 30. März 2009 - 21:53

Hallo miteinander

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 ;D .


WinFuture.de enhanced

Eingefügtes Bild Eingefügtes Bild
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.
Eingefügtes Bild

_skylight

geschrieben: 30. März 2009 - 22:01

Updates
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 Eingefügtes Bild-Symbol klicken.

Beitrag anzeigenZitat (Update: 06. Februar 2012 - 11:25)

  • Hauptseite: Block "Auch beliebt auf WinFuture" ausgeblendet.

Beitrag anzeigenZitat (Update: 27. Juli 2011 - 16:57)

  • Anpassung an das neue Forums-Design.

Beitrag anzeigenZitat (Update: 05.12.2010, 13:06)

  • Footer ausgeblendet.

Beitrag anzeigenZitat (Update: 14.09.2010, 11:08)

  • Kleines Kompatibilitäts-Update zum Aero Style.

Beitrag anzeigenZitat (Update: 13.09.2010, 11:11)

  • "Nachrichten zum Thema" in Box unterhalb News-Text.

Beitrag anzeigenZitat (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.

Beitrag anzeigenZitat (Update: 27.04.2010, 18:08)

  • Fix für Inhalts-Hintergrund und runde Ecken auf der Hauptseite.

Beitrag anzeigenZitat (Update: 26.04.2010, 00:33)

  • Fix für Code-Block Anpassung im Forum.

Beitrag anzeigenZitat (Update: 25.01.2010, 19:16)

  • Verlauf im Hintergrund (ab Firefox 3.6)

Beitrag anzeigenZitat (Update: 03.09.2009, 23:19)

  • Anpassung an Code-Änderungen im Forum.

Beitrag anzeigenZitat (Update: 23.06.2009, 11:50)

Noch nicht verfügbar in der Opera-Version
  • 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

Beitrag anzeigenZitat (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

Beitrag anzeigenZitat (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

Beitrag anzeigenZitat (Update: 07.05.2009, 22:57)

  • Weisser Hintergrund auch für archivierte Beiträge

Beitrag anzeigenZitat (Update: 02.05.2009, 01:26)

  • Erste Opera-Version
  • Twitter- und Updatepack-Links ausgeblendet

Beitrag anzeigenZitat (Update: 08.04.2009, 19:13)

  • Höhe kurzer Codeblöcke im Forum wird automatisch angepasst (ohne Style: fixiert)
  • Lizenzinformationen hinzugefügt

Beitrag anzeigenZitat (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

Beitrag anzeigenZitat (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

Beitrag anzeigenZitat (Update: 31.03.2009, 18:00)


  • (Noch nicht in Screenshot): Fix für Werbung in Forum und Option für verschobene Werbung zwischen den Kommentaren auf der Hauptseite.

Beitrag anzeigenZitat (Update: 31.03.2009, 01:35)

  • (Noch nicht in Screenshot): Blauer Hintergrund für WinFuture.de und WinFuture-Forum.de

Beitrag anzeigenZitat (Update: 30.03.2009, 23:01)

  • Post wurde ins richtige Forum verschoben :) .

nobody is perfect

geschrieben: 30. März 2009 - 22:06

deine Bilder kann keiner erkennen und ich bin mit der Seite so zufrieden wie sie ist :)

_skylight

geschrieben: 30. März 2009 - 22:10

Beitrag anzeigenZitat (nobody is perfect: 30.03.2009, 23:06)

deine Bilder kann keiner erkennen

Die sollen auch nur grob zeigen, was damit erreicht wird: Die Seite wird aufgeräumt. Und das sollte man erkennen :) .

Beitrag anzeigenZitat (nobody is perfect: 30.03.2009, 23:06)

ich bin mit der Seite so zufrieden wie sie ist ;D

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

Danke der Style ist echt gut :)

XiLeeN2004

geschrieben: 30. März 2009 - 22:16

Geb dem ganzen noch einen dunklen Hintergrund, dann ist es perfekt. Das nervt mich seit Ewigkeiten, dass das Weiß überstrahlt, wenn man auf großen Monitoren den Browser aufzieht.

_skylight

geschrieben: 31. März 2009 - 00:35

Beitrag anzeigenZitat (XiLeeN2004: 30.03.2009, 23:16)

Geb dem ganzen noch einen dunklen Hintergrund, dann ist es perfekt. Das nervt mich seit Ewigkeiten, dass das Weiß überstrahlt, wenn man auf großen Monitoren den Browser aufzieht.


Bitte sehr, ist im neuesten Update dabei...
(Einfach die Updatefunktion von Stylish benutzen.)

skylight

PS: Gute Idee :)
PPS: Gute Nacht ;D

king00

geschrieben: 31. März 2009 - 09:50

hallo, schaut gut aus der style. :)
vorallem mit dem dunklem hintergrund läßt sichs auf der seite wesentlich angenehmer lesen.

Ludacris

geschrieben: 31. März 2009 - 10:18

Wow schazt sehr gut aus, ich sehe nur einen kleinen bug im forum - der werbungsframe wird angezeigt - ohne werbung - Edit: ich habe den frame einfach geblockt.

Vielleicht kannst du den Hintergrund des "http://winfuture.de/Werbung/adfill/*" auch blau machen

DiNozzo

geschrieben: 31. März 2009 - 10:22

spitzen arbeit. danke fürs veröffentlichen :)

geschrieben: 31. März 2009 - 11:05

Danke für den dunklen Hintergrund. Jetzt ist die Seite echt lesbar, danke für deinen Job.

_skylight

geschrieben: 31. März 2009 - 17:00

Beitrag anzeigenZitat (Ludacris: 31.03.2009, 11:18)

kleinen bug im forum - der werbungsframe wird angezeigt - ohne werbung


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

Netter Style :wink:.

Schln wäre es aber wenn das forum viell. größer wäre auf einem widescreen-tft :wink:

mesios

geschrieben: 31. März 2009 - 18:03

Hallo Community,

auch von mir erst mal ein Danke für den angepassten Style - nette Idee! :D Wir haben generell nichts gegen solche Styles, ganz im Gegenteil: mir gefällt die Idee sogar sehr gut! :D *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 :rofl: 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

Beitrag anzeigenZitat (mesios: 31.03.2009, 19:03)

Hallo Community,

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

Beitrag anzeigenZitat (mesios: 31.03.2009, 19:03)

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.


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 :rofl: ).

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

Beitrag anzeigenZitat (_skylight: 31.03.2009, 20:09)

Werbung zwischen den Kommentaren (...) bisher nicht geschafft habe, diese Werbung so zu zentrieren wie sie sein sollte


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

Vielen Dank, schaut sehr gut aus.

Scarecrow

geschrieben: 01. April 2009 - 11:47

Das Stylish Addon läuft leider nicht auf FF3b3 deshalb kann ichs noch nicht testen - sieht aber gut aus

therealwar

geschrieben: 01. April 2009 - 14:14

Echt tolle Arbeit, der dunkle Hintergrund macht meiner Meinung nach das Lesen auf der Seite viel angenehmer als sonst, das weiss gefällt mir überhauptnicht.
Auch die Zentrierung bei Widescreens gefällt mir.

;D

MfG

_skylight

geschrieben: 01. April 2009 - 17:14

Beitrag anzeigenZitat (Scarecrow: 01.04.2009, 12:47)

Das Stylish Addon läuft leider nicht auf FF3b3 deshalb kann ichs noch nicht testen


Du könntest es sonst auch mit einer alternativen Methode versuchen:

Beitrag anzeigenZitat (_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


Oder vielleicht lässt sich Stylish mit den Nightly Tester Tools "kompatibelpatchen".

Gruss
skylight

sкavєи

geschrieben: 02. April 2009 - 06:52

Mir ist da grad' ein Bug aufgefallen. Wenn man beim Antworten auf den "Smilies" Button klickt wird die Tabelle zu groß um in das Popupo mit vordefinierter größe zu passen.

_skylight

geschrieben: 03. April 2009 - 21:37

Beitrag anzeigenZitat (sкavєи: 02.04.2009, 07:52)

Bug (...) "Smilies" (...) Tabelle zu groß


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

Hallo skylight


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

hi, ich habs jetz auch mal installiert, finde ich sehr gut mit dem dunklen hintergrund und auc hso finde ich es sehr gut gelungen.

mfg harryx

christi1992

geschrieben: 07. April 2009 - 06:53

vielleicht eine blöde frage aber: kannst du mir sagen, wie ich den Live Ticker auf der wf hauptseite wiederbeleben kann?

sкavєи

geschrieben: 07. April 2009 - 07:13

Beitrag anzeigenZitat (christi1992: 07.04.2009, 07:53)

vielleicht eine blöde frage aber: kannst du mir sagen, wie ich den Live Ticker auf der wf hauptseite wiederbeleben kann?
Ersetze:
/* 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

Beitrag anzeigenZitat (christi1992: 07.04.2009, 07:53)

kannst du mir sagen, wie ich den Live Ticker auf der wf hauptseite wiederbeleben kann?

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:
CODE
/* Neueste Downloads */ #nointelliTXT,
/* Live-Ticker */ .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder
/* Code zum Verstecken */

Nachher:
CODE
/* Neueste Downloads */ #nointelliTXT
/* Live-Ticker .footerFeedMiddle, .footerFeedTopBorder, .footerFeedBottomBorder */
/* Code zum Verstecken */

_skylight

geschrieben: 08. April 2009 - 18:13

Ich habe gerade ein neues Update veröffentlicht, das die Höhe kurzer Code-Blöcke wie dieser im letzten Post automatisch anpasst (ohne Style haben sie eine fixierte Höhe)...

CODE
(...)


Gruss
skylight

latianer

geschrieben: 19. April 2009 - 20:59

hey hallo ihr alle,

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

Beitrag anzeigenZitat (latianer: 19.04.2009, 21:59)

gibt es irgendwann mal eine Opera-Version?


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.)

Beitrag anzeigenZitat (_skylight: 30.03.2009, 22:53)

Getestet wurde er in Firefox (...)
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

UserStyles.org - made for Firefox, but if you take the mozilla bits out at the top and bottom and copy them into a new file they'll work in Opera


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

ja das habe ich auch schon probiert -das ding einfach bei opera hineinezu kopieren-, aber das funktioniert natürlich nicht, da ja das ganze für FireFox geschrieben ist (also diese "@-moz-document domain(winfuture.de)" dinger meine ich).

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

Beitrag anzeigenZitat (latianer: 20.04.2009, 13:17)

Aber auf eine komplette "_skylight" - CSS - Winfuture - Version für Opera würde ich mich und die ganze Opera-Gemeinschaft freuen.


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

Mir ist heute aufgefallen, dass die Archiv-Versionen der Beiträge noch keinen weissen Hintergrund hatten und deshalb mit dem Style kaum zu lesen waren.
Ab sofort steht eine neue Version bereit, welche dieses Problem behebt.

skylight

_skylight

geschrieben: 17. Mai 2009 - 15:23

Ich habe gerade eine neue Version des Styles bereitgestellt.

Die neuen Funktionen:
  • Alle Elemente der rechten Sidebar können einzeln ausgeblendet werden
  • Bei einer neuen Version wird folgender Hinweis angezeigt:
    : Update.png
    (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
: OK.png

evil.baschdi

geschrieben: 19. Mai 2009 - 19:36

@skylight: hast du i-wann auch mal lust, dass ganze mit chip.de anzustellen? :rolleyes:

_skylight

geschrieben: 19. Mai 2009 - 19:45

Beitrag anzeigenZitat (mister-x: 19.05.2009, 20:36)

hast du i-wann auch mal lust, dass ganze mit chip.de anzustellen? :rolleyes:


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

Ich habe gerade eine neue Version hochgeladen. Hier die Änderungen:
  • 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).
Updaten auf die übliche Art (siehe 1. Posting)...

Gruss
skylight

*: (Kann bei Bedarf wieder eingeblendet werden.)

latianer

geschrieben: 07. Juni 2009 - 11:46

hey hallo habe deine Operaversion endlich mal probiert und bin begeistert meinen dank an dir :veryangry:

ein Bug oder was auch immer das sein soll, vielleicht künstlerische freiheit, aber naja:

Eingefügtes Bild bei den Kommentaren

Eingefügtes Bild bei Bildern

Eingefügtes Bild bei Videos

Eingefügtes Bild 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

Beitrag anzeigenZitat (latianer: 07.06.2009, 12:46)

ein Bug oder was auch immer das sein soll, vielleicht künstlerische freiheit, aber naja:
(...)
die breite leiste, die sich da horizontal rüberstreckt...


Hi latianer

Klar war das künstlerische Freiheit :unsure: ... 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

kool hat geklapt

_skylight

geschrieben: 23. Juni 2009 - 10:50

Hallo zusammen

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
*: Zum Aktivieren einfach die /* und */ Teile um die entsprechenden Code-Abschnitte entfernen.

Update am Besten (wie immer) über die Stylish Update Funktion runterladen...

Gruss
skylight

Hier der verwendete Windows 7 Hintergrund:
: w7bg_140.jpg

DiNozzo

geschrieben: 23. Juni 2009 - 16:09

<3 WinFuture enhanced (das hintergrundbild passt sensationell!!!)

latianer

geschrieben: 11. Juli 2009 - 09:54

moin alle samt,

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

Version 10.00 Beta 2 Build 1631

Dan94

geschrieben: 18. Juli 2009 - 19:39

Zitat

* Optionaler Windows 7 Hintergrund*
* 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 .... :cool:

_skylight

geschrieben: 26. Juli 2009 - 17:30

Beitrag anzeigenZitat (Dan94: 18.07.2009, 20:39)

wie kann ich den Win7hintergrund einstellen?


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:
CODE
/* Windows 7 Hintergrund */
/*
body (...)
*/


Den Hintergrund aktivierst du nun, indem du das */ nach oben verschiebst:
CODE
/* Windows 7 Hintergrund */
/* */
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

OK, danke :rofl:
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 :rofl:

_skylight

geschrieben: 27. Juli 2009 - 18:14

Beitrag anzeigenZitat (Dan94: 27.07.2009, 16:40)

Und zwar hat doch einer (weiß seinen namen nicht mehr) doch auch nen style für die Hauptseite geschrieben, besser gesagt deinen verändert.
Ja, das war slurp: Link

Beitrag anzeigenZitat (Dan94: 27.07.2009, 16:40)

Kannst du mir vllt sagen wie ich da den header für das forum verwenden kann?!

Der Code dafür wäre folgender:
CODE

@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;}
}
Allerdings passen die Grafiken von slurp noch nicht wirklich (sie sind etwas zu wenig gross).

Beitrag anzeigenZitat (Dan94: 27.07.2009, 16:40)

Danke

Bitteschön
skylight

Dan94

geschrieben: 30. Juli 2009 - 16:53

Danke :imao:
Dan94

geschrieben: 31. Juli 2009 - 14:45

Schade, es sieht wirklich besser aus... Nur ruckelt die seite bei mir dann gnadenlos O_o

_skylight

geschrieben: 31. Juli 2009 - 23:24

Beitrag anzeigenZitat (Magguz: 31.07.2009, 15:45)

Nur ruckelt die seite bei mir dann gnadenlos


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

Beitrag anzeigenZitat (_skylight: 01.08.2009, 00:24)

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...

Ja nutze Opera 10...
Aber mein PC ist nicht wirklich schwach:
http://www.sysprofile.de/id89071

bartii

geschrieben: 01. August 2009 - 10:30

Vielen Dank für den Style!!!

Dan94

geschrieben: 01. August 2009 - 15:59

Hi, ha b jetzt den Header installiert, jetzt habe ich aber so einen ''Kasten'' darin ---> Screenshot
Wie bekomme ich den weg?
Im vorraus vielen dank :blush:

Eingefügtes Bild

geschrieben: 02. August 2009 - 14:42

bei wem geht http://userstyles.org/ auch nicht?
Gibts noch ne andere möglichkeit da dran zu kommen?

maxfragg

geschrieben: 02. August 2009 - 15:07

also ich hab auch mit opera 10 große performance probleme, weshalb ich den style nicht nutzen kann, und schwach ist mein phenom II nun auch nicht

geschrieben: 02. August 2009 - 15:10

Beitrag anzeigenZitat (maxfragg: 02.08.2009, 16:07)

also ich hab auch mit opera 10 große performance probleme, weshalb ich den style nicht nutzen kann, und schwach ist mein phenom II nun auch nicht

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

Beitrag anzeigenZitat (Magguz: 02.08.2009, 15:42)

bei wem geht http://userstyles.org/ auch nicht?

Also hier funktioniert's ohne Probleme...
Geht es bei dir immer noch nicht?


Beitrag anzeigenZitat (maxfragg: 02.08.2009, 16:07)

also ich hab auch mit opera 10 große performance probleme

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

geschrieben: 02. August 2009 - 15:28

Beitrag anzeigenZitat (_skylight: 02.08.2009, 16:21)

Also hier funktioniert's ohne Probleme...
Geht es bei dir immer noch nicht?

Also ich komm ums verrecken nicht auf die seite...
Wollte mir den style mal für FF von da holen, aber wie gesagt...

Gruß

_skylight

geschrieben: 02. August 2009 - 15:41

Beitrag anzeigenZitat (Magguz: 02.08.2009, 16:28)

komm ums verrecken nicht auf die seite

Ich habe dir den Code als PM geschickt.

Sollte noch jemand Probleme mit der Seite haben: Bitte meldet euch per PM bei mir.

skylight

geschrieben: 03. September 2009 - 21:23

dein Script verursacht seit heute komische Fehler im Forum

: WF_Anzeige.png

Ich nutze den FF 3.0.13.

_skylight

geschrieben: 03. September 2009 - 22:19

Beitrag anzeigenZitat (MagicAndre1981: 03.09.2009, 22:23)

dein Script verursacht seit heute komische Fehler im Forum
: WF_Anzeige.png


Besten Dank für die Meldung...
Ich habe das gerade eben gefixt. :P

Anscheinend wurde was an der Programmierung der Seite geändert.

Den Style einfach in Stylish updaten und er sollte wieder funktionieren.

Gruss
skylight

geschrieben: 03. September 2009 - 23:21

perfekt, danke :D

:P

geschrieben: 05. Januar 2010 - 20:48

Servus...
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 :D

_skylight

geschrieben: 10. Januar 2010 - 17:38

Beitrag anzeigenZitat (Magguz: 05.01.2010, 20:48)

Servus...
Ich hab mir heute die Opera 10.5 alpha draufgemacht!
Der Style funzt endlich ohne Probleme... leider ist er nicht mehr up to date :D
Überall klaffen lücken und so weiter ;D

Kannst du es mal updaten?

Gruß

EDIT: OK zu früh gefreut... Die Forum Seite geht, die Hauptseite jedoch nicht... Schade :D


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.

Beitrag anzeigenZitat (h.1231: 09.01.2010, 20:05)

mach die werbung wieder an, wer adblock hat bekommt sie eh nicht.


Lass mich raten: Du hast weder den Style ausprobiert noch mehr als die erste Seite gelesen, hab ich recht? :D

Gruss
skylight

geschrieben: 10. Januar 2010 - 17:54

Beitrag anzeigenZitat (_skylight: 10.01.2010, 18:38)

...

Hmm, schade :D

_skylight

geschrieben: 25. Januar 2010 - 19:16

Neues (kleines) Update für den Style:
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

Tiggz

geschrieben: 25. Januar 2010 - 19:22

Beitrag anzeigenZitat (_skylight: 25.01.2010, 19:16)

Neues (kleines) Update für den Style:

Mit dem neuen Style ist das Scrollen bei WF sehr langsam und ruckelig.

XP, Fx 3.6

_skylight

geschrieben: 25. Januar 2010 - 19:38

Beitrag anzeigenZitat (Tiggz: 25.01.2010, 19:22)

Mit dem neuen Style ist das Scrollen bei WF sehr langsam und ruckelig.

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

Beitrag anzeigenZitat (_skylight: 25.01.2010, 19:38)

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.
Garantiert nicht :) .

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

Hat bei mir einwandfrei funktioniert... Keine Probleme beim scrollen...
Nutze aber eh nen anderen Hintergrund :blink:

Tiggz

geschrieben: 26. Januar 2010 - 17:28

Hier ist das Scrollen auch langsam und ruckelig:
http://premii.com/la...nd_gradient.php

_skylight

geschrieben: 26. Januar 2010 - 17:49

Beitrag anzeigenZitat (Tiggz: 25.01.2010, 19:22)

langsam und ruckelig. XP, Fx 3.6


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

Beitrag anzeigenZitat (_skylight: 26.01.2010, 17:49)

Könntest du den Style vielleicht mal in einem neuen Profil ohne Addons (ausser Stylish) ausprobieren?
Schon gemacht, keine Änderung.

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

Beitrag anzeigenZitat (Tiggz: 26.01.2010, 17:55)

Schon gemacht, keine Änderung.

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

Beitrag anzeigenZitat (h.1231: 27.01.2010, 15:37)

Bei mir ist das scrollen auch langsam.


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 :P .

Gruss
skylight

PS: Auch auf der angegebenen Seite funktioniert das Scrollen ohne Probleme.

: XP.Gradient.Fix.png

geschrieben: 27. Januar 2010 - 18:28

Beitrag anzeigenZitat (_skylight: 26.01.2010, 18:49)

@Magguz: Was nutzt du für ein Betriebssystem?

Steht auch in meinem Profil :grin:

egal, Windows Vista Ultimate 64bit nennt sich meins... ;)

maxfragg

geschrieben: 12. Februar 2010 - 18:47

nachdem opera 10.5 rounded css borders kennt, könntest du eine neue opera version dafür machen? die würde dann wohl auch nicht so lagen :(

latianer

geschrieben: 10. März 2010 - 22:51

ja genau könntest du eine neue Opera Version machen?

geschrieben: 12. März 2010 - 21:07

Beitrag anzeigenZitat (latianer: 10.03.2010, 22:51)

ja genau könntest du eine neue Opera Version machen?

Oha ja das wäre genial!!!

Bitte bitte!

geschrieben: 17. März 2010 - 16:43

Kennt sich sonst wer aus mit css?
Ich glaub _skylight ist ziemlich inaktiv!

Taxidriver05

geschrieben: 25. April 2010 - 13:39

Ist eigentlich wirklich schade...

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

Brauch ich für das Ding wirklich dieses Sytlish?

DIe Links zum Download und "ohne Add-On" funktioniere nicht :rolleyes:

Und kann ich das Forum auch so anpassen das es die komplette Breite einnimmt?

Taxidriver05

geschrieben: 25. April 2010 - 19:59

"WinFuture Enhanced Userstyle for Opera" Version 1.10 BETA

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

Eingefügtes Bild

Zitat

Installationsanweisung für Opera-Nutzer:

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:

CODE
@namespace url(http://www.w3.org/1999/xhtml);
/*
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:

CODE

/*
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 :rolleyes:)
- 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.


_skylight

geschrieben: 25. April 2010 - 23:26

Hallo Leute

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 :rolleyes: .

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:

Beitrag anzeigenZitat (Illidan: 25.04.2010, 19:06)

Die Links zum Download und "ohne Add-On" funktioniere nicht :imao:

Edit: Die Seite funktioniert wieder normal.
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

Für die volle Funktionalität von Userstyles.org (allerdings ohne Blog und Forum) kannst du folgende Zeile zu deiner Hosts-Datei hinzufügen:

CODE
74.63.3.217 userstyles.org

Um Probleme zu vermeiden empfehle ich allerdings, diese wieder zu entfernen, sobald die Website wieder ohne diesen Eintrag erreichbar ist.

Beitrag anzeigenZitat (Illidan: 25.04.2010, 19:06)

Und kann ich das Forum auch so anpassen das es die komplette Breite einnimmt?

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

Und gleich noch ein Update für die Firefox Version:
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

@ skylight:

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

Beitrag anzeigenZitat (_skylight: 26.04.2010, 00:33)

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.


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...

Ich habe hier mal einen Support-Thread für das Winfuture-Enhanced-Design eröffnet...

So kann dieser Thread hier übersichtlich gehalten werden.


- Thread geschlossen -

geschrieben: 26. April 2010 - 14:42

Beitrag anzeigenZitat (Taxidriver05: 25.04.2010, 20:59)

....

Danke, aber mit deinem Script ist die komplette Seite verhackstückelt...
Ist nicht so schön :wink:

Beitrag anzeigenZitat (_skylight: 26.04.2010, 00:26)

Und jetzt noch etwas dazu:

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

Sorry about the downtime. We're switching servers. If you see this, you're on the old server. Feel free to use the site, but any changes you make won't make it to the new server.


Steht auf der Seite von userstyles :wink: Die Seite ist im übrigen wieder über "Userstyles.org" zu erreichen!

Beitrag anzeigenZitat (MagicAndre1981: 26.04.2010, 12:48)

...

Same Problem here!

Grüße

Taxidriver05

geschrieben: 26. April 2010 - 14:53

@ Magguz:

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

Beitrag anzeigenZitat (Taxidriver05: 26.04.2010, 15:53)

@ Magguz:

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

Ich nehme stark an, dass sich dies mit den "Lücken" besonders auf den oberen Teil bezieht.

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

Beitrag anzeigenZitat (Taxidriver05: 26.04.2010, 01:25)

du kannst den Code gern verlinken, sodass der Code gefunden wird...

Wurde erledigt.


Beitrag anzeigenZitat (MagicAndre1981: 26.04.2010, 12:48)

Danke, aber bei mir findet Stylish kein Update. Auf userstyles steht noch die Version vom Januar als aktuell drin.

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.


Beitrag anzeigenZitat (Taxidriver05: 26.04.2010, 15:42)

Ich habe hier mal einen Support-Thread für das Winfuture-Enhanced-Design eröffnet...

Habe ich auch im Haupt-Posting verlinkt.


Beitrag anzeigenZitat (Magguz: 26.04.2010, 15:42)

Zitat

We're switching servers. If you see this, you're on the old server. Feel free to use the site, but any changes you make won't make it to the new server.

Steht auf der Seite von userstyles :wink: 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...


Edit: Der Support-Thread wurde inzwischen gesperrt, Fragen sollten wieder hier gepostet werden.
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:

Changelog: Date: 27.04.2010 - 16:25 CET

  • Blauer Hintergrund wieder integriert (somit zwischen 2 Hintergründen wählbar)
  • kleine Code-Korrekturen und Anpassungen

geschrieben: 27. April 2010 - 16:32

Beim FF Skin ist glaub ich was auf der Hauptseite passiert?!
Der ist gut zerhackstückelt und die runden ecken sind jetzt wieder eckig! ^^

Gruß

Eingefügtes Bild

Taxidriver05

geschrieben: 27. April 2010 - 16:52

Ist auch unter Opera so...

Bin gerade dabei, die Ursache zu suchen...

_skylight

geschrieben: 27. April 2010 - 17:08

Beitrag anzeigenZitat (Magguz: 27.04.2010, 17:32)

Beim FF Skin ist glaub ich was auf der Hauptseite passiert?!
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.


Beitrag anzeigenZitat (Taxidriver05: 27.04.2010, 17:52)

Bin gerade dabei, die Ursache zu suchen...

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

Changelog: 27.04.2010 - 19:11 CET
  • 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

Wer lieber in der Opera-Version einen Verlauf Von slurp's Hintergrundgrafik nach _skylight's blau haben möchte, sollte diesen Codeblock an entsprechender Stelle einfügen und anders lautende Code-Segmente durch auskommentieren deaktivieren...

(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

Ich habe jetzt alles installiert und funktioniert bei mir auf FF 3.5.9 :)!

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:

CHANGELOG: (28.04.2010 - 20:31 CET)

  • 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

So...

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:

CHANGELOG: (02.05.2010 - 13:26 CET)

  • 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

Perfekt, dank dir :)
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 :P

Zitat

/*Header von slurp*/

@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

Da hast Du wohl im falschen Code-Bereich geschaut...

1.

Zitat

/* Windows-Hintergrund und weisser Rand INKLUSIVE border-radius UND box-shadow */
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

@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: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

Hallo liebe Community,

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

Beitrag anzeigenZitat (Taxidriver05: 03.05.2010, 14:42)

2.
...

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

Beitrag anzeigenZitat (Taxidriver05: 03.05.2010, 23:36)

Dies MUSS per CSS erfolgen... Somit kommt Java-Script nicht in Frage.

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

Nun...

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

Na wunderbar...!^^

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

@ Taxidriver05

hab mal deinen neuen Thread zum gleichen Thema hier eingefügt.

_skylight

geschrieben: 03. Mai 2010 - 23:49

Beitrag anzeigenZitat (Taxidriver05: 04.05.2010, 00:20)

Denn momentan ärgere ich mich mit dem Austausch der Kategoriegrafiken herum...

Hallo Taxidriver

Suchst so was wie das hier?

CODE
/* Wähle existierendes Bild über Source-URL aus */
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

Lustigerweise funktioniert der Code mit deiner Grafik...

Aber auch NUR bei der einen Grafik...

Die anderen funktionieren trotzdem nicht...

_skylight

geschrieben: 04. Mai 2010 - 18:59

Beitrag anzeigenZitat (Taxidriver05: 04.05.2010, 01:21)

Lustigerweise funktioniert der Code mit deiner Grafik...

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

Beitrag anzeigenZitat (_skylight: 04.05.2010, 19:59)

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


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

ich hab auch nur so halb gelesen was du wirklich willst. damit kannste halt child-elemente geziehlt auswählen, keine ahnung ob dir das was bringt.

_skylight

geschrieben: 04. Mai 2010 - 23:01

Beitrag anzeigenZitat (Taxidriver05: 04.05.2010, 22:49)

Negativ...

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:
CODE
/* 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(http://t1.gstatic.co...:P5QxUnbPyLaxvM);
}

Gruss
skylight

Taxidriver05

geschrieben: 05. Mai 2010 - 00:18

Zitat

Wenn ich (Firefox, Stylish) folgenden Code verwende,..


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

Ich hoffe nicht, dass das jetzt hier als Spam verstanden wird...

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

Ich frag mich ehrlich gesagt schon ne ganze Weile, warum du dieses Forum noch nicht entdeckt hast. Dort dürften die Chancen auf eine Antwort vlt. doch nen Furz besser stehen, als im Offtopic, oder was meinst du dazu? :D

Taxidriver05

geschrieben: 09. Mai 2010 - 11:18

Beitrag anzeigenZitat (klawitter: 08.05.2010, 17:32)

Ich frag mich ehrlich gesagt schon ne ganze Weile, warum du dieses Forum noch nicht entdeckt hast. Dort dürften die Chancen auf eine Antwort vlt. doch nen Furz besser stehen, als im Offtopic, oder was meinst du dazu? :lol:


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

Beitrag anzeigenZitat (klawitter: 08.05.2010, 17:32)

Ich frag mich ehrlich gesagt schon ne ganze Weile, warum du dieses Forum noch nicht entdeckt hast. Dort dürften die Chancen auf eine Antwort vlt. doch nen Furz besser stehen, als im Offtopic, oder was meinst du dazu? :lol:

dann verschieb es doch dahin,ist da doch besser aufgehoben

Taxidriver05

geschrieben: 09. Mai 2010 - 11:46

Naja...

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:

Changelog: Date: 11.05.2010 - 15:45 CET

  • 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

Ich muss sagen, es fällt mir schwer, hier heute überhaupt ein paar Zeilen zustande zu bringen...

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

Da das Team von Winfuture das Menü im Header-Bereich umgestaltet hat, werde ich in nächster Zeit versuchen, einen neuen Header zu entwerfen...

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

Hallo SKYLIGHT und TAXIDRIVER05!

Danke für den enorm geilen Style! :D
Ich finde den total super und übersichtlich!

Ausserdem habt Ihr meinen Respekt für die Arbeit die Ihr Euch macht! :D

CU

Taxidriver05

geschrieben: 12. Juli 2010 - 12:06

Hey Mampfy,

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

So...

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

Wie über Facebook und hier zu erfahren ist, plant das Winfuture-Team für den heutigen Samstag ein tiefgreifendes Update der Webseite bzw. des Forums.

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:

Eingefügtes Bild

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

WinFuture.de RELOADED 2k10
(optimiert für die Verwendung in Opera, Firefox & Google Chrome)
bereits über 2.000 Downloads!!!
DANKE!



Beitrag anzeigenZitat (_skylight: 14.09.2010, 11:08)

Übrigens: Wem sowohl das Aero-Design von Taxidriver05 als auch meine Anpassungen (aufgeräumtere Hauptseite, Korrekturen im Forum, etc. - siehe erstes Posting oder Signatur) gefallen, kann auch beide Styles gleichzeitig verwenden. Bei einem kurzen Test ist mir nur ein kleines Problem aufgefallen, welches ich gerade eben mit einem Update behoben habe.

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:
Eingefügtes Bild

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: Eingefügtes Bild (Zum Download auf Symbol klicken!)

Das Ganze gibt es natürlich auch als "Light-Edition".

Preview:
Eingefügtes Bild

Die Light-Edition gibt es für Stylish jetzt auch unter userstyles.org: Eingefügtes Bild!

Alternativ dazu hat sich d4rkn3ss4ev3r die Arbeit gemacht, um ein "WinFuture.de RELOADED 2k10 (SEXY EDITION)" zu entwerfen.

Preview:
Eingefügtes Bild

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:

Eingefügtes Bild

UPDATE:
Ab sofort gibt es das "WinFuture.de RELOADED 2k10"-Design auch in einer "Windows 7"-Edition.

Preview:
Eingefügtes Bild

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: Eingefügtes Bild

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:
Eingefügtes Bild

Das Design für Stylish kann hier bezogen werden: Eingefügtes Bild

Ab sofort gibt es das "WinFuture.de RELOADED 2k10"-Design auch in einer "Black Night"-Edition.
Für alle Liebhaber dunkler Designs... ;)

Preview:
Eingefügtes Bild

Das Design für Stylish kann hier bezogen werden: Eingefügtes Bild

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:

Eingefügtes Bild

Das Design für Stylish kann auch hier bezogen werden: Eingefügtes Bild

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:

Eingefügtes Bild

!!!NEW!!!
Alle Designs enthalten ein komplett überarbeitetes Design für das Forum!
!!!NEW!!!

Preview (für neues Forenlayout):

Eingefügtes Bild

Zum Download einfach auf das Stylish-Symbol klicken!

Eingefügtes Bild

Hinweis:

Zitat

Ab sofort besitzen alle Designs einen integrierten Wide-Screen-Modus.
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:

Tests im Firefox haben gezeigt, dass die Userstyles sich bei aktiviertem "Sanften Bildlauf" etwas träge verhalten.
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:

Ab sofort gibt es nun auch für Opera-User ein Äquivalent zu "Stylish" in Firefox.
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


evil.baschdi

geschrieben: 12. September 2010 - 15:52

schon ne FF Version in Arbeit?

Taxidriver05

geschrieben: 12. September 2010 - 15:55

Beitrag anzeigenZitat (mister-x: 12.09.2010, 16:52)

schon ne FF Version in Arbeit?


Kommt noch...

Nur Geduld...^^

evil.baschdi

geschrieben: 12. September 2010 - 16:02

*zitter* *kaffee einschenk*
muss wohl ;) :)

_skylight

geschrieben: 12. September 2010 - 16:14

Beitrag anzeigenZitat (mister-x: 12.09.2010, 16:52)

schon ne FF Version in Arbeit?


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

danke skylight

Taxidriver05

geschrieben: 12. September 2010 - 17:30

So... der AERO-Style wurde nun auch auf Userstyles.org bereitgestellt...

DARK-THREAT

geschrieben: 12. September 2010 - 17:45

Ich bekomm das mit dem Background nicht hin. Link zur DAtei ist eingefügt, dennoch wird nichts angezeigt. Komisch.

Sonst, viel besser!

Peace.

Taxidriver05

geschrieben: 12. September 2010 - 18:06

Beitrag anzeigenZitat (DARK-THREAT: 12.09.2010, 18:45)

Ich bekomm das mit dem Background nicht hin. Link zur DAtei ist eingefügt, dennoch wird nichts angezeigt. Komisch.

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

Ja, hab ich ja schon gemacht, bei "LINK-ZUR-DATEI" hab ich das BG vom Computer eingefügt, bei mir steht nun dort:
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

Beitrag anzeigenZitat (DARK-THREAT: 12.09.2010, 19:10)

Ja, hab ich ja schon gemacht, bei "LINK-ZUR-DATEI" hab ich das BG vom Computer eingefügt, bei mir steht nun dort:
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

Oh... das war damals beim Firefox nicht so. :)

Peace.

geschrieben: 12. September 2010 - 18:59

Beitrag anzeigenZitat (_skylight: 12.09.2010, 17:14)

Ich habe gerade ein Update für die Firefox Version hochgeladen.
Beziehen kann man es wie immer über die Stylish Update-Funktion.


danke :)

Taxidriver05

geschrieben: 12. September 2010 - 19:03

Beitrag anzeigenZitat (DARK-THREAT: 12.09.2010, 19:41)

Oh... das war damals beim Firefox nicht so. :)

Peace.


Ist eigentlich schon länger so...
Blätter einfach mal ein wenig in diesem Thread zurück...

Da wurde das Thema schon einmal besprochen.

geschrieben: 12. September 2010 - 20:10

Erstmal danke für den Skin. Aber hast du das Hintergrundbild auch mit einer Breite von 1920 Pixeln? Breitziehen oder zerren sieht immer doof aus.

Taxidriver05

geschrieben: 12. September 2010 - 20:23

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 12.09.2010, 21:10)

Erstmal danke für den Skin. Aber hast du das Hintergrundbild auch mit einer Breite von 1920 Pixeln? Breitziehen oder zerren sieht immer doof aus.


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

So, habe gerade ein kleines Update Online gestellt.

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

Hab jetzt auch endlich mal den Style ausprobiert. Sehr Nett. ich wüsste allerdings gerne wie ich den Hintergrund, also den Blau-Verlauf durch ein Bild ersetze. Da das alles wohl über irgendeine Sprache läuft die nicht kann brauch dafür aber Hilfestellung. Es würde sich um ein Bild handeln welches bei mir auf Platte liegt.


Des weiteren ist mir ein Bug aufgefallen wo ich nicht weis ob das am Userstyle liegt oder an der Umstellung im Forum auf mittig =>

: Bildschirmfoto_2010_09_13_um_11.47.38.jpg


MFG Levellord

Taxidriver05

geschrieben: 13. September 2010 - 11:44

@ Levellord: Das scheint wohl eher am Style zu liegen...

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

Hallo Levellord

Beitrag anzeigenZitat (Levellord: 13.09.2010, 11:54)

ich wüsste allerdings gerne wie ich den Hintergrund, also den Blau-Verlauf durch ein Bild ersetze.

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:
CODE
/* Windows 7 Hintergrund
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:
CODE
/* Windows 7 Hintergrund */
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.


Beitrag anzeigenZitat (Levellord: 13.09.2010, 11: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

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

@Levellord & _skylight:

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

Eingefügtes Bild

fast fertig

Levellord

geschrieben: 13. September 2010 - 18:49

Beitrag anzeigenZitat (_skylight: 13.09.2010, 14:01)

Hallo Levellord

Hab das jetzt mal geändert in

/* Windows 7 Hintergrund */
background: #00336A url('file:///Users/herrwolff/Pictures/An%20Everclear%20Afternoon.jpg') no-repeat fixed center center;


geändert hat sich aber nichts.


MFG
Levellord

Taxidriver05

geschrieben: 13. September 2010 - 23:22

Basierend auf Ludacris Anpassungen habe ich mal ein (vorläufiges) Design für das Forum umgesetzt...

Eingefügtes Bild

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:

Beitrag anzeigenUPDATE: 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

@DK2000

Beitrag anzeigenZitat (DK2000: 13.09.2010, 15:12)

Jep, das liegt/lag an dem etwas breiten Bild. (...)
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

Beitrag anzeigenZitat (Levellord: 13.09.2010, 19:49)

Hab das jetzt mal geändert in
(...)
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

Übrigens: Wem sowohl das Aero-Design von Taxidriver05 als auch meine Anpassungen (aufgeräumtere Hauptseite, Korrekturen im Forum, etc. - siehe erstes Posting oder Signatur) gefallen, kann auch beide Styles gleichzeitig verwenden. Bei einem kurzen Test ist mir nur ein kleines Problem aufgefallen, welches ich gerade eben mit einem Update behoben habe.

Das Update kann wie gewohnt über die Stylish Update-Funktion heruntergeladen werden.

Gruss
skylight

Levellord

geschrieben: 14. September 2010 - 10:16

Beitrag anzeigenZitat (_skylight: 14.09.2010, 10:45)

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?

Ä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

Hi Levellord

Beitrag anzeigenZitat (Levellord: 14.09.2010, 11:16)

Wie würde ich das fürs Forum ändern?

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:
CODE
/*
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

Yay, sehr gut. Klappt. Und Center ist schon in Ordnung so.

sänx for ze hälp
Levellord

slurp

geschrieben: 14. September 2010 - 10:48

Ich möchte kurz erwähnen, dass ich die Sortierung der rechten Boxen fast fertig habe... Erfordert jetzt noch ein paar Stunden bis Tage an Tests, damit auch keine Böcke mehr vorkommen (zb dass sich DIVs übereinanderlegen), aber dann kann ichs auch uppen.

Hier schonmal ne kleine Preview:

Eingefügtes Bild

Taxidriver05

geschrieben: 14. September 2010 - 10:50

Beitrag anzeigenZitat (slurp: 14.09.2010, 11:48)

Ich möchte kurz erwähnen, dass ich die Sortierung der rechten Boxen fast fertig habe... Erfordert jetzt noch ein paar Stunden bis Tage an Tests, damit auch keine Böcke mehr vorkommen (zb dass sich DIVs übereinanderlegen), aber dann kann ichs auch uppen.

Hier schonmal ne kleine Preview:

Eingefügtes Bild


Cool...!

Könnte ich dann ins nächste Update einfließen lassen... ;)

_skylight

geschrieben: 14. September 2010 - 10:58

Beitrag anzeigenZitat (slurp: 14.09.2010, 11:48)

Ich möchte kurz erwähnen, dass ich die Sortierung der rechten Boxen fast fertig habe...

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

Beitrag anzeigenZitat (_skylight: 14.09.2010, 11:58)

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


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

Beitrag anzeigenZitat (_skylight: 14.09.2010, 11:58)

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

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

Beitrag anzeigenZitat (slurp: 14.09.2010, 12:52)

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



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...

Beitrag anzeigenUPDATE: 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

Gut.. Die Sortierung fällt momentan flach...
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

Hi,
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

Beitrag anzeigenZitat (karl0: 16.09.2010, 01:28)

Hi,
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

So, jetzt bräcuhte ich noch ne Lösung für Konqueror unter Kubuntu. So wie ich das sehe scheint es dafür nämlich kein Stylish zu geben... Oder ich probier unter Kubuntu mal 'nen anderen Brauser. Allerdings nutze ich Kubuntu soooo selten das ich hier eigentlich wirklich basteln möchte und nicht alles genauso machen wie unter OSX / Windows.

Taxidriver05

geschrieben: 16. September 2010 - 16:46

Beitrag anzeigenZitat (Levellord: 16.09.2010, 12:10)

So, jetzt bräcuhte ich noch ne Lösung für Konqueror unter Kubuntu. So wie ich das sehe scheint es dafür nämlich kein Stylish zu geben... Oder ich probier unter Kubuntu mal 'nen anderen Brauser. Allerdings nutze ich Kubuntu soooo selten das ich hier eigentlich wirklich basteln möchte und nicht alles genauso machen wie unter OSX / Windows.


Und mit der reinen CSS-Datei geht es nicht?

Levellord

geschrieben: 16. September 2010 - 17:21

Beitrag anzeigenZitat (Taxidriver05: 16.09.2010, 17:46)

Und mit der reinen CSS-Datei geht es nicht?

Ich hab doch von sowas keine ahnug... :)

Windows 8 User

geschrieben: 16. September 2010 - 17:23

Hallo Leute,

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.
Eingefügtes Bild Eingefügtes Bildusw.


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

Beitrag anzeigenZitat (Levellord: 16.09.2010, 18:21)

Ich hab doch von sowas keine ahnug... :)


Sollte nicht das Problem sein...
Einfach die CSS-Datei für die jeweilige Seite in den Browser einbinden...

Beitrag anzeigenZitat (Windows 7 User: 16.09.2010, 18:23)

1. Es wäre echt nett wenn ihr diese Grafiken auch neu designen könntet.
Eingefügtes Bild Eingefügtes Bildusw.


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...

Beitrag anzeigenZitat (Windows 7 User: 16.09.2010, 18:23)

2. Die Bilder fliegen hier irgendwie durch die Luft. Kann man da nicht auch noch einen Glasshintergrund machen?

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

Dieses Aero Design hat mich auf eine Idee gebracht, die auch gleichmal umgesetzt hab:
Winfuture Glass - aber mit einem freizügigen Hintergrundbild :)

Das ganze sieht so aus:
Eingefügtes Bild

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

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 16.09.2010, 22:53)

Dieses Aero Design hat mich auf eine Idee gebracht, die auch gleichmal umgesetzt hab:
Winfuture Glass - aber mit einem freizügigen Hintergrundbild ;D

Das ganze sieht so aus:
Eingefügtes Bild

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... :rolleyes:

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

Beitrag anzeigenZitat (Taxidriver05: 16.09.2010, 17:46)

Und mit der reinen CSS-Datei geht es nicht?

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? :unsure: Nicht dass ich Firefox nutzen würde aber...unser Image :imao:

nobody is perfect

geschrieben: 18. September 2010 - 20:17

Beitrag anzeigenZitat (Stan: 18.09.2010, 21:02)

Gibts das auch in schön? :imao: Nicht dass ich Firefox nutzen würde aber...unser Image :D

kann Stan nur zustimmen TD05 das sieht schlecht aus :unsure:

  • : preview_large.jpg

Taxidriver05

geschrieben: 18. September 2010 - 23:46

Okay...
Dann nehm ich es wieder raus...

Hab kein Problem damit...

EDIT: Hab es entfernt... :unsure:

Im Übrigen...
Danke für die Kritik...!

Taxidriver05

geschrieben: 23. September 2010 - 22:40

Sooo...

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

Taxidriver05

geschrieben: 25. September 2010 - 15:23

Beitrag anzeigenUPDATE: 25.09.2010 @ 16:22 Uhr MESZ sagte:

  • Überarbeitung der "Breadcrumb"-Leiste


Hier nun das versprochene kleine Update...

Update ist auch über Stylish verfügbar...

geschrieben: 25. September 2010 - 18:54

Zitat

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.

Das hab ich nun mal getan:
Eingefügtes Bild

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

Wenn Du eine Full-Glass-Version erstellt hast, dann wäre mal ein Screenshot interessant...
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

[ - entfernt, da nicht nutzbar - ]

geschrieben: 05. Oktober 2010 - 20:26

So hier mal 2 Screens wie es mittlerweile aussieht. Mit den Bildern oben rechts austaschen hab ich heute erst nur mal getestet.

Eingefügtes Bild | Eingefügtes Bild

Taxidriver05

geschrieben: 05. Oktober 2010 - 22:23

Wenn oben der Bereich, wo die Links zum Forum, zum RSS, zum Twitter-Profil und zur FB-Seite noch nen vollständigen border-radius bekommt und nicht nur linksseitig, dann sieht es richtig gut aus...

geschrieben: 09. Oktober 2010 - 19:48

WinFuture.de RELOADED 2k10 (SEXY FULL GLASS EDITION)

Updates (Letzte:23.05.2011):
Spoiler


Hier nen Screen:
Eingefügtes Bild
(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

Beitrag anzeigenUPDATE: 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 :cheers: )


Ich würde sagen, es wäre auch ganz zweckmäßig, das Design bei userstyles.org bereitzustellen...

Windows 8 User

geschrieben: 12. Oktober 2010 - 14:32

Hallo,

eine kleine Frage kann man den abstand (siehe foto) irgendwie wegbekommen?
Ich weiß das da normal werbung ist. (bei mir wegen ad-block weg. Aber kan man den trotzdem ruduzieren?

  • : Unbenannt.JPG

Taxidriver05

geschrieben: 12. Oktober 2010 - 18:26

Grundsätzlich ist es möglich...

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

bei mir funzt das leider nicht.
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

Du musst den oben genannten Code von mir dort mit einfügen...

Taxidriver05

geschrieben: 14. Oktober 2010 - 21:55

Beitrag anzeigenUPDATE: 14.10.2010 @ 22:52 Uhr MESZ sagte:

  • Neues Design hinzugefügt.


Hier mal eine Vorschau des neuen Designs...
Zu finden ist der Download bei den anderen "Winfuture.de RELOADED 2k10"-Designs.

Hier eine Vorschau des Designs:

Eingefügtes Bild

Viel Spaß damit... :blush:

Taxidriver05

geschrieben: 18. Oktober 2010 - 20:55

Kleine Umfrage:

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.

nobody is perfect

geschrieben: 18. Oktober 2010 - 21:17

Beitrag anzeigenZitat (Taxidriver05: 18.10.2010, 21:55)

Kleine Umfrage:

Ich würde gern einmal von Euch wissen, ob Interesse an einer "Dark-Edition" besteht?

aber dann auch mit einem Dark -Room :D :D

Taxidriver05

geschrieben: 18. Oktober 2010 - 22:02

Beitrag anzeigenZitat (nobody is perfect: 18.10.2010, 22:17)

aber dann auch mit einem Dark -Room :D :D


Wenn Du den haben willst... :D

Den gibt es aber nur im Smalltalk... :D

Taxidriver05

geschrieben: 19. Oktober 2010 - 23:23

Sooo...

Passend zur Jahreszeit mal die WinFuture.de-Seite mal in herbstlichen Tönen...

Preview:

Eingefügtes Bild

Die jeweiligen Designs gibt es im Anhang und über Stylish...
Eingefügtes Bild
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... :wink:

Euer Taxidriver05

EDIT: Anhänge korrigiert!

Bisherige Downloads:

Hauptseite: 22
Forum: 21


Taxidriver05

geschrieben: 21. Oktober 2010 - 17:20

Erfreuliche Nachrichten für alle Opera User...

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:

Installationsanleitung:

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:Eingefügtes Bild (Zum Download bitte auf das WinFuture-Logo klicken!)

EDIT:

Jetzt geht es auch... :rolleyes:


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... :unsure:

Taxidriver05

geschrieben: 24. Oktober 2010 - 16:43

Beitrag anzeigenUPDATE: 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

Anlässlich des bevorstehenden Halloween habe ich die Idee des WinFuture.de-Teams mal aufgegriffen und einen passenden Design-Mod für die Frontseite gebastelt...
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... :wink:

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 Eingefügtes Bild...

Preview:
Eingefügtes Bild

Viel spaß beim Gruseln... :thumbup:

Bisherige Downloads: 19


Taxidriver05

geschrieben: 30. Oktober 2010 - 17:48

Beitrag anzeigenUPDATE: 30.10.2010 @ 18:47 Uhr MESZ sagte:

  • Überarbeitung der Breadcrumb-Leiste, sowie des Content-Hintergrundes (gilt für alle Designs außer Opera-AddOn-Version)
  • Bug mit Login-Buton und Registrierungs-Button wurde gefixt.


So...
Ich hab mal wieder ein kleines Updates für alle Styles raus gehauen.

Windows 8 User

geschrieben: 30. Oktober 2010 - 21:10

Hallo,

könnt ihr auch die Banner im neues Design machen? http://winfuture.de/werbung.html Die alten sehen so alt aus. ;D

win 7 user

Taxidriver05

geschrieben: 30. Oktober 2010 - 21:40

Beitrag anzeigenZitat (Windows 7 User: 30.10.2010, 22:10)

Hallo,

könnt ihr auch die Banner im neues Design machen? http://winfuture.de/werbung.html Die alten sehen so alt aus. ;D

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.

Windows 8 User

geschrieben: 31. Oktober 2010 - 15:17

So, mein Kunstwerke sind fertig!

Ich hoffe meine Ideen fließen in die neuen Banner mit ein.

Das sind die alten:

Eingefügtes Bild
Eingefügtes Bild
Eingefügtes Bild


Und das die neuen:

  • : WinFuture_1_468x60_neu2.png
  • : WinFuture_1_88x31_neu.png
  • : WinFuture_1_234x60_2.png

Taxidriver05

geschrieben: 31. Oktober 2010 - 15:39

Sieht gar nicht mal so übel aus...

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

Erst mal ein Kompliment an euch, sieht wirklich hammer aus, aber wäre es nicht besser, wenn man das in ''Design & Deskmodding'' verschieben würde?

Taxidriver05

geschrieben: 05. November 2010 - 01:05

Beitrag anzeigenUPDATE: 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...

Beitrag anzeigenZitat (Dan94: 04.11.2010, 23:52)

Erst mal ein Kompliment an euch, sieht wirklich hammer aus, aber wäre es nicht besser, wenn man das in ''Design & Deskmodding'' verschieben würde?

Das liegt leider nicht in unserer Hand, sondern in der Hand der Mods.

DARK-THREAT

geschrieben: 20. November 2010 - 14:28

Also es gibt/gab wohhl Probleme.
Ich nutze zwar noch die .css vom 12.09.2010, aber die neuen Versionen haben es eher verschlechtert (TD05 weiß bescheid).

Eingefügtes Bild

Also mag ich es eigentlich wie im Screenshot, außer das das WF-Logo doppelt ist. :)

Peace.

Taxidriver05

geschrieben: 20. November 2010 - 14:35

Vielen Dank für deinen Bug-Report.

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.

geschrieben: 27. November 2010 - 13:01

Hier mal nen Winter Design, basierend auf meinem Sexy Full Glass:

Eingefügtes Bild

Jemand Interesse?

Hier ist die css:

Taxidriver05

geschrieben: 27. November 2010 - 17:51

Lad es einfach hoch...
Wer es haben will, kann es sich ziehen...

Taxidriver05

geschrieben: 28. November 2010 - 23:19

Beitrag anzeigenUPDATE: 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

Also das doppelte WF-Logo ist nichtmehr vorhanden, aber die Page ruckelt immernoch beim Scrollen.

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

Wann kommt denn das neue Layout hier ins Forum?

Taxidriver05

geschrieben: 29. November 2010 - 14:04

Nun...

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:

Beitrag anzeigenZitat (DARK-THREAT: 29.11.2010, 09:27)

Also das doppelte WF-Logo ist nichtmehr vorhanden, aber die Page ruckelt immernoch beim Scrollen.

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

Nee, ich nutze schon Opera.

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

Könnte das laden einer externen Grafik für den Lade Abbruch in Frage kommen? Oder vielleicht ist es auch irgenteine Werbung?

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

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 29.11.2010, 18:09)

Könnte das laden einer externen Grafik für den Lade Abbruch in Frage kommen? Oder vielleicht ist es auch irgenteine Werbung?

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 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.


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

Ganz einfach, die neue Renderengine hat große Probleme, mit Webseiten, die größere Hintergrundgrafiken eingebunden haben… und ja, auch unsere Portale sind von dieser Problematik betroffen. Ist diese Hintergrundgrafik auch noch mit dem CSS-Befehl fixed auf der Seite fixiert, hört der Spaß ganz auf.

(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

Derzeit ist es leider vorübergehend nicht möglich, die Styles per Stylish zu beziehen, da die Server von Userstyles.org nicht erreichbar zu sein scheinen...
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

Nicht schlecht. Hab aber schon 3 Sachen gefunden die du fixen müsstest.

Nummer 1 ist in den Breadcumbs:
Eingefügtes Bild

Die aktuelle Seite hat immer nen dunkleren Hintergrund. Hier sieht man es besonders gut:
Eingefügtes Bild

Nummer 2+3 ist im Footer:
Eingefügtes Bild

Einmal der 1px Border und dann das Copyright Zeichen. Da musst du sicher &copy; nehmen.

Taxidriver05

geschrieben: 04. Dezember 2010 - 21:57

Bei ersterem weiß ich nicht wirklich, wo da ein Bug sein soll...

Wegen dem Copyright-Zeichen...
Da bin ich gerade am fixen...

geschrieben: 04. Dezember 2010 - 22:00

Na beim ersten Bild hat Die ganze Welt der IT und beim zweiten Wikileaks.... nen anderen Hintergrund welcher nicht völlig die Grafik ausfüllt. Das sieht bisel komisch aus

Edit: Hmm du nutzt ja bei Stylish anderen Code als in den Css Dateien.. Da hast du auch 2 Bugs:

Eingefügtes Bild

Wie du siehst ist die Grafik nicht lang genug Wikileaks News.

Und hier der andere:
Eingefügtes Bild

Da überlappt sich das Hintergrundbild.

Ohman soviel Stress noch aufm Abend wa :)

Taxidriver05

geschrieben: 04. Dezember 2010 - 22:18

Warte mal...
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

Gerade in Firefox 3.6.12

Taxidriver05

geschrieben: 04. Dezember 2010 - 22:27

Ich hab dieselbe Version...

Wie Du im entsprechenden Post in der Preview siehst, ist der Bug bei mir nicht vorhanden...

geschrieben: 04. Dezember 2010 - 22:32

Ja ich hab jetzt nicht den Stylish Code mit dem normalen aus der CSS vergleicht, aber nur bei der CSS Version bestehen die 2 Bugs.

Werd morgen mal beide vergleichen.

Taxidriver05

geschrieben: 04. Dezember 2010 - 22:35

Zitat

Edit: Hmm du nutzt ja bei Stylish anderen Code als in den Css Dateien.. Da hast du auch 2 Bugs:


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

Hallo miteinander

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

Hier mal nen Mix aus Taxidrivers neustem Style und meinem Sexy Full Glass:

Eingefügtes Bild

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

Aufgrund des derzeit bestehenden Scroll-Bugs im aktuellen Firefox habe ich mal die Fixierung des Hintergrundes in der Skylight-Version in der Stylish-Version deaktiviert.
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 - 18:17

Gibt nen kleines Update für mein Sexy Full Glass:

- Hover Effekt beim Winfuture Logo eingefügt:
Eingefügtes Bild

- Shadow Effekt bei Videos in der Rechte Navigation hinzugefügt:
Eingefügtes Bild

Css gibts wie immer Hier und Stylish wurde auch gerade geupdatet.

nobody is perfect

geschrieben: 11. Dezember 2010 - 19:25

dann eben nicht :)

  • : Unbenannt.png

geschrieben: 11. Dezember 2010 - 19:30

Ja da muss man leider warten bis die Stylish Entwickler das Addon aktualisieren.

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

ich glaub ich schmeiß erst mal die Beta von dem Firefox runter

Taxidriver05

geschrieben: 13. Dezember 2010 - 07:40

Oder, Du versuchst es mal mit der Stylish-Beta...
Die ist auch kompatibel mit der FF4 Beta 7.

Taxidriver05

geschrieben: 16. Dezember 2010 - 07:13

Update:

Zitat

kleinere Anpassungen betreffs der Positionierung der Style-Credits...


Danke an d4rkn3ss4ev3r für den Hinweis und den entsprechenden Code... ;(

geschrieben: 18. Dezember 2010 - 23:42

So hier nun mein Update:

Zitat

- Login, Registrieren, Logout, MyWinFuture + Such Grafik ausgetauscht
- 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

So...

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

UPDATE:

Link zu "Stylish"-AddOn für Firefox 4 BETA 8 hinzugefügt...

Taxidriver05

geschrieben: 15. Januar 2011 - 18:48

Für alle, die die Userstyles auch mit der Firefox 4 Beta 9 weiter nutzen wollen, gibt es das Beta-Update für Stylish hier!

Der Userstyle mit dem Motiv von J000S wird voraussichtlich anfang der kommenden Woche hier veröffentlicht....

Taxidriver05

geschrieben: 18. Januar 2011 - 22:11

UPDATE:

Winter Edition hinzugefügt...

In kürze werde ich den Code mal wieder etwas aufräumen...

geschrieben: 15. Februar 2011 - 21:56

Hier das erste Update meines Skins für 2011:

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

Wir suchen Verstärkung!

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... :D

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! :D

Taxidriver05

geschrieben: 23. Februar 2011 - 15:02

Die heutige Werbeschaltung für den Elktrohändler, der vorgibt, nicht blöd zu sein hat mich auf die Idee gebracht einen neuen Style zu entwerfen.

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

So, ich hatte auch schon länger die Idee Userstyles in ROT, GRÜN.. zu erstellen, bin aber nie dazu gekommen.
Jetzt hatte ich etwas Zeit und das ist bei rausgekommen:

ROT:
CODE
@namespace url(http://www.w3.org/1999/xhtml);
/*
+++++++++++++++++++++++++++++
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:
CODE
@namespace url(http://www.w3.org/1999/xhtml);
/*
+++++++++++++++++++++++++++++
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:

CODE
@namespace url(http://www.w3.org/1999/xhtml);
/*
+++++++++++++++++++++++++++++
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):
CODE
@namespace url(http://www.w3.org/1999/xhtml);
/*
+++++++++++++++++++++++++++++
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:

  • : winbutton.png
  • : winbuttonactive.png
  • : winbutton.png
  • : winbuttonactive.png

Taxidriver05

geschrieben: 12. März 2011 - 01:20

Kannst Du mir die Codes mal als CSS-Datei zuschicken?

Würde sie dann ggf. anpassen und auch mal deine Winbuttons testen...

geschrieben: 12. März 2011 - 09:41

Er hat den Code doch gepostet. Kopieren und in ner .css abspeichern, fertig.

Windows 8 User

geschrieben: 12. März 2011 - 12:29

So, ich hab sie mal als css. abgespeichert:


Taxidriver05

geschrieben: 13. März 2011 - 23:42

Danke für die CSS-Dateien... <_<

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... :angry:

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

also ich hab nix dagegen.

geschrieben: 22. März 2011 - 18:02

Kleines Update für mein Sexy Full Glass:
- 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 wieder so weit...!

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

Eingefügtes Bild

Eingefügtes Bild

GELB

Eingefügtes Bild

Eingefügtes Bild

BLAU

Eingefügtes Bild

Eingefügtes Bild

GRÜN

Eingefügtes Bild

Eingefügtes Bild

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... :P


J000S

geschrieben: 05. April 2011 - 21:54

sehr geil!! Hab mir mal das rote gesaugt... passt zur PC beleuchtung :(


EDIT: Im Forum ist immernoch alles Weiß :rofl:

Taxidriver05

geschrieben: 06. April 2011 - 14:41

Beitrag anzeigenZitat (J000S: 05.04.2011, 22:54)

sehr geil!! Hab mir mal das rote gesaugt... passt zur PC beleuchtung ;)


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...! :D

MasterBK

geschrieben: 15. Mai 2011 - 20:51

Hey, gefaellt mir sehr gut soweit. Nur,... Folgt irgendwann was fuer Chrome? Irgendwie hab' ich, wenn ich Stylish unter Chrome verwende und die Styles anwende, ueberall nur 'nen weissen Hintergrund. Der Rest funktioniert soweit, denke ich, aber es bleibt halt alles weiss. :wink:

MfG
MasterBK.

Taxidriver05

geschrieben: 16. Mai 2011 - 11:09

Vielen lieben Dank,

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

Nach einiger Zeit des ausruhens, möchte ich mal eine neue Variante meines Sexy Full Glass vorstellen:

White Sexy Full Glass

(Updates: Letzte: 23.05.2011)
Spoiler


Eingefügtes Bild
(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

Wie von Urne bereits angekündigt, steht in Kürze das lang erwartete große Foren-Update an.

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

Kleines Update meiner beiden Full Glass Designs.

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

Auf Grund meines bevorstehenden Umzuges und dem damit verbundenen Providerwechsel könnte es bei der Aktualisierung der Userstyles nach dem Foren-Update kommen.
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

An dieser Stelle sein einmal folgender Hinweis angebracht.

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

Jetzt, wo es so viele neue Bilder von Windows 8 gibt dachte ich mir, wie wärs mit einem Windows 8 Style.
Textfarben müssten noch angepasst werden, habe im Moment aber kaum Zeit.
Wie immer von mir nur für die Hauptseite.


CODE
@namespace url(http://www.w3.org/1999/xhtml);
/*
+++++++++++++++++++++++++++++
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) :D User

J000S

geschrieben: 21. Juni 2011 - 15:10

es jibt auch sowas wie (codebox)(/codebox) :D

Windows 8 User

geschrieben: 21. Juni 2011 - 15:13

Voila! :D

Taxidriver05

geschrieben: 22. Juni 2011 - 08:04

Ich werd mir das die Tage mal genauer anschauen und schauen, dass ich das auch irgendwie für das Forum umgesetzt bekomme...

Danke erstmal für den Code... :D

Dan94

geschrieben: 22. Juni 2011 - 17:42

Sorry aber was hat das mal abgesehen von dem Hintergrundbild mit Windows 8 zu tun?

Taxidriver05

geschrieben: 22. Juni 2011 - 22:57

So...

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

Jop es wurde nur ein anderes Hintergrundbild eingefügt.

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

Hmmm...

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

Durch Zufall bin ich auf einen Style gestoßen, der alle Webseiten in einen dunklen Ton hüllt.
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:

Eingefügtes Bild

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... ;D

Stan

geschrieben: 04. Juli 2011 - 02:09

Beitrag anzeigenZitat (Taxidriver05: 04.07.2011, 02:45)

Durch Zufall bin ich auf einen Style gestoßen, der alle Webseiten in einen dunklen Ton hüllt.
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:

Eingefügtes Bild

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... ;D

Damit einem sowas gefällt muss man schon arge Probleme an den Augen oder dem Geschmack haben^^

Taxidriver05

geschrieben: 04. Juli 2011 - 13:22

Hmmm...

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

Nachdem ich heute auf ein sehr interssantes Design für Windows 7 gestoßen bin, habe ich mir vorgenommen, die bereits vorhandenen Styles nun entweder zu erweitern oder zu modifizieren.

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

Stelle mich gerne fürs testen und mithelfen des Styles, bereit.

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

Euer Taxidrover05
:ph34r:

Taxidriver05

geschrieben: 13. Juli 2011 - 13:08

Scheiß Tippfehler... :blink:

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

Wie Urne hier bereits angekündigt hat, erfolgt am 20.07.2011 das große Forenupdate. Zeit wird's ja auch... :P

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... :P

Stan

geschrieben: 20. Juli 2011 - 04:37

Viel Spass mit meinen höchst kreativen Namen für CSS-Klassen :P

geschrieben: 20. Juli 2011 - 20:09

Hab mal schnell nen Theme entworfen, für diejenigen die es nicht so hell mögen ;D


Eingefügtes Bild

@-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)

Tiggz

geschrieben: 20. Juli 2011 - 20:17

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 20. Juli 2011 - 20:09)

Hab mal schnell nen Theme entworfen, für diejenigen die es nicht so hell mögen ;D
...

Was muß ich ändern, wenn ich nur die Farbe des Hintergrunds ändern will? Sonnenbrille ist auf Dauer unbequem^^.

geschrieben: 20. Juli 2011 - 20:19

Also ohne Hintergrundbild ja?

Dann die zweite Zeile nach

body {background:#000 !important;}

ändern. #000 ist der Hexadezimalcode. In dem Falle Schwarz.

DK2000

geschrieben: 20. Juli 2011 - 20:21

@d4rkn3ss4ev3r:

Ja, schon nicht schlecht, Problem ist nur, dass dann auch der Hintergrund im Editor so schwarz wird:

Eingefügtes Bild

Kann man dann so unheimlich schlecht schreiben darin ;D

geschrieben: 20. Juli 2011 - 20:22

Oops. Ich ändere es schnell noch.

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)

Tiggz

geschrieben: 20. Juli 2011 - 20:23

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 20. Juli 2011 - 20:19)

Also ohne Hintergrundbild ja?
...

Danke ;D

DARK-THREAT

geschrieben: 20. Juli 2011 - 20:27

Also wer das Forum bei mir wieder im Vollbild herstellt, bekommt ein lecker fantastisches Schokoeis. In Full-HD und das Forum zentiert ist erstmal 50-60% ungenutzt und man muss zu sehr scrollen.

Peace.

geschrieben: 20. Juli 2011 - 20:34

Was haste denn für eine Auflösung DARK-THREAT?

DARK-THREAT

geschrieben: 20. Juli 2011 - 20:35

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 20. Juli 2011 - 20:34)

Was haste denn für eine Auflösung DARK-THREAT?


1920x1080, wie geasgt, FullHD. ;D
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

@DT:

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

Beitrag anzeigenZitat (DK2000: 20. Juli 2011 - 20:42)

@DT:

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. :P
Ne Page herranzoomen geht doch auch ohne Plugin? ;D (cmd/strg + "+")

Peace.

geschrieben: 20. Juli 2011 - 20:45

Reicht folgender Code @ DT:?
#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

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 20. Juli 2011 - 20:45)

Reicht folgender Code @ DT:?
#ipbwrapper{width:auto !important;}


Und wie setz ich das in Stylish ein? Ich hab den Code für die MAinpage von WF, dort einfach mitten drin einfügen und die Domain in WF-Forum ändern?

Peace.

geschrieben: 20. Juli 2011 - 20:54

Mist Post ist beim Driver Error verschwunden.

Folgenden Code musst du einfügen:

@-moz-document url-prefix(http://www.winfuture-forum.de/){#ipbwrapper{width:auto !important;}}

DARK-THREAT

geschrieben: 20. Juli 2011 - 20:57

Beitrag anzeigenZitat (d4rkn3ss4ev3r: 20. Juli 2011 - 20:54)

Folgenden Code musst du einfügen:

@-moz-document url-prefix(http://www.winfuture-forum.de/){#ipbwrapper{width:auto !important;}}



Ist um 5% nach rechts breiter geworden.

Peace.

geschrieben: 20. Juli 2011 - 20:58

Reicht dir das nicht? ;D

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

container noch auf 90% oder so ;)

geschrieben: 20. Juli 2011 - 21:09

Jop. Danke. Hier DARK-THREAT. Ersetz den oberen Code mit diesem:
@-moz-document url-prefix([url="http://www.winfuture-forum.de/"]http://www.winfuture-forum.de/[/url]){#ipbwrapper{width:auto !important;#container{width:90% !important;}}}