[Windows 8 User]

So, das ist mein Header..

ich hab mal den Glassefekt weggelassen, da er sonst jat doppelt wäre.

<---Rechter Teil


<--- Linker Teil




Zu meiner Anmerkung Punkt 2 habe ich jetzt ein besseres Beispiel gefunden:
Klick!
Links sind keine Glassstreifen und rechts schon.

Hier ein Beispiel:

Dieser Beitrag wurde von Windows 7 User bearbeitet: 15. August 2011 - 13:00

[Taxidriver05]

Danke für die Bilder.
Werde das heute mal testen und ggf. ändern.

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 15. August 2011 - 16:15

[Taxidriver05]

So...

Ich hab mal die Ultimate-Glass Edition für Stylish etwqas angepasst.
Passt zwar noch nicht 100%ig, dürfte aber dennoch allmählich in die richtige Richtung gehen.

'tschuldigung for den Doppelpost.
Kann gern zusammengeführt werden.

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 15. August 2011 - 16:15

[Windows 8 User]

Ich hab mal ein Schaubild erstellt, für alle, die bei den 15 (20) Styles den Überblick verloren haben.

UPDATE sagte:

• WinFuture.de RELOADED 2k11 (Firefly Glass) Vorschaubild aktualisiert
• WinFuture.de RELOADED 2k11 (Black Glass) hinzugefügt

Dieser Beitrag wurde von Windows 7 User bearbeitet: 21. August 2011 - 11:08

[Taxidriver05]

Ist doch noch überschaubar.

So.
Ich habe mal den "Ultimate Glass"-Style überarbeitet.
Ich habe mich da mal an dem Konzept von d4rkn3ss4ev3r orientiert, habe jedoch eine andere Umsetzung verfolgt.

Änderungen sagte:

• Austausch der Header auf Hauptseite und Forum entsprechend dem Vorschlag von Windows 7 User,
• Feinkorrekturen der Transparenz im Forum im Sinne der Lesbarkeit,
• Transparenzen auf der Hauptseite eingebaut,
• transparente Breadcrumbs,
• kleinere Fehlerbehebungen

Feedback und Korrekturevorschläge nehme ich gern entgegen.

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 16. August 2011 - 11:18

[Taxidriver05]

Dank der Anregungen zum Ultimate Glass-Design habe ich nun auch den "Firefly Glass" Style mal etwas überarbeitet.
Auch hier kommt das Update der Lesbarkeit zugute.

Darüber hinaus habe ich noch einen Style dazu gepackt, für alle, die es gern dunkel mögen.





Download für Stylish:

Der Download für Opera (CSS-Version) ab sofort möglich!

EDIT:
Ich habe mal den Header für den "Firefly Glass"-Style etwas modifiziert, damit es auch zu dem Style passt...

Angehängte Datei(en)

•  WF_Forum_neu_Black_Glass.css (19,48K)
  Anzahl der Downloads: 35
•  WF_neu_Black_Glass.css (14,79K)
  Anzahl der Downloads: 46

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 19. August 2011 - 12:45

[Windows 8 User]

Wenn schon Glassframe.png austauschen, dann auch überall

[Taxidriver05]

Nun...
Das mit dem Glass-Frame war nur ein Testlauf.
Rückmeldungen haben mir bestätigt, dass hier noch weitere Optimierungen vorgenommen werden müssen.
Einige Styles könnten mitunter einer Komplett-Überarbeitung unterzogen werden.
Aber, da muss ich mal schauen, was ich da genau mache.

[^L^]

BTW:

Mal ne Frage eines ''Voll-Laien'' hier mit Opera 11.50 auf XP

Wie bekomme ich NUR den weissen Forum-Hintergrund dünkler - bspw. Hell-Grau, -Beige oder -Blau ?

thx

[Windows 8 User]

@charset "utf-8";

/* Inhalt zentrieren */
div#container
 {
 width: 916px !important;
 margin-bottom: 250px !important;
 }

/* Blauer Hintergrund*/
 BODY#ipboard_body {background: -moz-linear-gradient(top, black -30%, #253F60 50%, #1CA61E 85%, #111 120%) fixed repeat-x !important;
 background: -o-linear-gradient(top, black -30%, #253F60 50%, #253F60 85%, #111 120%) fixed repeat-x !important;}
 

/* Abgerundete Ecken */
div#ipbwrapper
 {
 background: white;
 border-radius: 10px;
 padding: 10px !important;
 margin-left: -10px !important;
 }

Damit hast du sogar zentriert und abgerundete Ecken.
Wenn du eine andere Farbe willst einfach nur den beiden Farbwert durch einen anderen ersetzten!

EDIT: Sorry, hatte es für FF gemacht, müsste jetzt aber gehen!
EDIT2: Code war kaputt, geht jetzt aber wieder!

Dieser Beitrag wurde von Windows 7 User bearbeitet: 23. August 2011 - 15:42

[Taxidriver05]

"@namespace url([url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]);
@-moz-document domain(winfuture.de){"

einschließlich der schließenden geschweiften Klammer kann man sogar weglassen, wenn man Opera nutzt.
Stört aber auch nicht, wenn man es drinne lässt..

[^L^]

Danke,

ääh - bin ja wirklich unwissend, da noch nie mit Styles experimentiert
- WO trage ich das ein bzw. WOHIN gehört dieser Text kopiert?

STATUS QUO: Wenn wie unten vorgehe und den Text als blabla.CSS speichere und auswähle
- tut sich nix (sichtbares) - Rand & Background bleiben weiterhin weiss (auch nach reload)?

Zitat

seitenspezifisches Benutzer-Stylesheet einrichten
http://operawiki.de/...zer-Stylesheets

Um ein Benutzer-Stylesheet nur für eine Seite anzuwenden, ruft man die betreffende Seite auf. Nach einem Rechtsklick in die Webseite wählt man die Option "Seitenspezifische Einstellungen...". In dem sich nun öffnenden Dialog wählt man nun unter "Anzeige" die CSS-Datei aus.

Dieser Beitrag wurde von ^L^ bearbeitet: 22. August 2011 - 18:36

[Taxidriver05]

Öffne einfach den Texteditor, füge den obigen Text dort ein und speichere die Datei unter DATEINAME.css ab.
Wichtig hierbei ist, dass der Dateiname die Endung ".css" besitzt.

Im Opera öffnest Du die gewünschte Seite, machst einen Rechtsklick in einen freien Bereich der Seite und gehst auf "Seitenspezifische Einstellungen".
Im Register "Anzeige" gibst Du dann den Pfad zur CSS-Datei an.
Danach alles mit "Ok" bestätigen und Seite neu laden.
Danach dürfte dein Style wirksam werden.
In meinem Post mit den Userstyles ist auch auf eine Opera-Extension verlinkt, die ähnlich wie "Stylish" funktioniert.
Dazu einfach auf meine Signatur klicken.

[Windows 8 User]

Zitat (^L^: 22. August 2011 - 18:08)

Danke,

ääh - bin ja wirklich unwissend, da noch nie mit Styles experimentiert
- WO trage ich das ein bzw. WOHIN gehört dieser Text kopiert?

STATUS QUO: Wenn wie unten vorgehe und den Text als blabla.CSS speichere und auswähle
- tut sich nix (sichtbares) - Rand & Background bleiben weiterhin weiss (auch nach reload)?

Mein Fehler,
im Code war ein mittelgroßer bis großer wurm drinnen.
Sollte jetzt wieder gehen.
Farbe im Quellcode austauschen müsstest du ja hinkriegen.

-----
@Taxidriver
Läuft der Contest noch Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser. ?
Ich hab ja, 2 Header entworfen und 2 Styles vorgeschlagen, die auch umgesetzt wurden.

Dieser Beitrag wurde von Windows 7 User bearbeitet: 23. August 2011 - 16:12

[^L^]

aha! DAS löst natürlich den (Ge)Wissens-Knoten - thx! ^^

BTW: ''Schnellzugang'' für Opera-User = Direkt-Links zu deiner Anleitung + plus besagter EXtension

Zitat

Installationsanleitung für Opera-Nutzer:

Ab sofort gibt es nun auch für Opera-User ein Äquivalent zu "Stylish" in Firefox.
Es nennt sich Easy User CSS Extension.
https://addons.opera...sy-user-css/1.2

Folgende Schritte sind daher für Opera-User empfohlen:
1. Download der Erweiterung unter dem oben angegebenen Link.
2. Download der CSS-Dateien hier aus dem Thread. -> Winfuture.de Enhanced User Style - Winfuture Wird Noch Besser.
3. Öffnen der gewünschten CSS-Dateien mit einem beliebigen Editor.
4. Kopieren des Quellcodes für die jeweilige Seite (z.B. CSS-Datei für Hauptseite).
5. Öffnen der jeweiligen Seite (z.B. der Hauptseite).
6. Klick auf das Icon für "Easy-User CSS", während Fokus auf der gewünschten Seite ist.
7. Häckchen bei "Live Styling" setzen.
8. Kopierten Quellcode aus der Zwischenablage in das Textfeld einfügen.
9. 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.

PS: Prima! ... jetzt kann auch der Monitor wieder einen ''kühlen Kopf'' bewahren.

Dieser Beitrag wurde von ^L^ bearbeitet: 23. August 2011 - 16:21