[Taxidriver05]

Ich möchte mich schon mal von vornherein für den Doppelpost entschuldigen.

Ich habe vor einiger Zeit mal von slurp ein Mockup des Vista-Desktops erhalten.
Dort hat er in hervorragender Art und Weise das Explorer-Fenster rekonstruiert.
Ich habe aus einzelnen Elementen mal einen erneuerten Glasrahmen erstellt.
Diesen habe ich mal probehalber in die Stylish-Designs eingebaut. Demzufolge gibt es hier ein Update.

Ich bitte daher mal, die "Stylish-Nutzer, mir mal Rückmeldung zu geben, ob diese Grafik geeigneter ist.
Sollte dem so sein, werde ich diese auch in die reine CSS-Variante einbauen.

Liebe Grüße,
Euer Taxidriver05

EDIT:

Ich habe es mir auch nicht nehmen lassen, mir gleich mal einen individuellen Style zu basteln.
Allerdings gebe ich den Code hierfür nicht raus...

"WinFuture.de RELOADED 2kX (firefly-Edition)"

Über Feedback würde ich mich dennoch freuen...

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 12. August 2011 - 02:07

[Taxidriver05]

Hier mal ne modifizierte Version von deinem Style, die unter allen Borwsern (außer IE) laufen dürfte...

@-moz-document domain(winfuture-forum.de){

body {font-family: Segoe UI, Tahoma, Arial, Verdana !important; font-size:13px !important;}

BODY#ipboard_body{background:#000 !important;}

/* Lücke vom Header nach oben schließen */
DIV#ipbwrapper{margin-top:-100px !important;}

/* Header Zeuch */
#header{
background:none !important;
background:url('http://s.gullipics.com/image/o/t/9/6ur3uv-js6txe-zje7/img.png'
) !important;
background-repeat:no-repeat !important;
border-color:rgba(255,255,255,0.2) !important;
border-style:solid !important;
-moz-border-radius: 6px !important;
border-radius: 6px !important;
-webkit-border-radius: 6px !important;
margin-bottom:50px !important;
margin-left:auto !important;
margin-right: auto !important;
}
/* Such Button */
.submit_input.clickable{
background:none !important;
background:url('http://www.bilder-upload.eu/upload/elomTEZZariAo1W.png') !important;
}
.submit_input.clickable:hover{background:url('http://www.bilder-upload.eu/upload/
GHx7WHGG1pqSfhy.png') !important;
}
/* Logout Button */
#letmeout{
background:none !important;
background:url('http://www.bilder-upload.eu/upload/gWXxRWphFLWOY4f.png') !important;
background-repeat:no-repeat !important;
}
#letmeout:hover{
background:url('http://www.bilder-upload.eu/upload/E44ZpzjMmPl7lzj.png') !important;
background-repeat:no-repeat !important;
}
/* Login Buton */
.login{
background:none !important;
background:url('http://www.bilder-upload.eu/upload/LKSdhGCI1Kh6ER1.png') !important;
}
.login:hover{background:url('http://www.bilder-upload.eu/upload/pTSxLH04jDx9FTB.
png') !important;}
/* Registrieren Button */
#register_link{
background:none !important;
background:url('http://www.bilder-upload.eu/upload/teGLND9PCRxoZfM.png') !important;
background-repeat:no-repeat !important;
}
#register_link:hover{
background:url('http://www.bilder-upload.eu/upload/5xPMTYl2YcAWPEE.png') !important;
background-repeat:no-repeat !important;
}

/* User Menü Anpassungen */
#user_link,#user_notifications_link{
background:none !important;
border-style:solid !important;
border-color:grey !important;
color:#000 !important;
}
#new_msg_count{
color:#000 !important;
background:none !important;
border-style:solid !important;
border-color:grey !important;}
/* User Menü Transparent und versetzt */
UL#user_link_menucontent{margin-top:10px !important;opacity:0.5;}
UL#user_link_menucontent:hover{opacity:0.9 !important;}

/*Breadcrumbs (zwischen Header und Content)*/
ul#breadcrumb.left li {
background-color:rgba(255,255,255,0.2) !important;
padding-right: 7px !important;
padding-left: 7px !important;
margin-right:2px !important;
border-radius:5px !important;
}

/* Lange helle Titel Leisten verdunkeln */
.maintitle{opacity:0.2;}
#board_statistics{opacity:0.6;}
.message.unspecific,.message{opacity:0.3 !important;}

/* Forum Breite anpassen */
#ipbwrapper {width:auto !important;}
#container{width:90% !important;}

/* Glass Grafik */
div#ipbwrapper /*div#content*/ {
background-image: url('http://www.streetcrosses.de/WF_Userstyles/images/glassframe.png') !important;
box-shadow: 10px 10px 20px #000 !important;
-moz-box-shadow: 10px 10px 20px #000 !important;
-webkit-box-shadow: 10px 10px 20px #000 !important;
background-repeat: no-repeat !important;
background-size: 100% 100%, auto !important;
background-color: transparent !important;
text-shadow: 0 0 10px #fff !important; 
border-radius:10px !important;
-moz-border-radius:10px;
-webkit-border-radius:10px !important;
border:1px !important;
border-color:#fff !important;
border-style:solid !important;
margin-bottom:50px !important;
padding:12px !important;
}

/* Farbanpassungen */
#helpshit,div#board_footer a,LI,LI a,#copyright,.message.unspecific,.maintitle a,H2,.pagination.no_pages.left,.topic_share.left,SMALL{color:#000 !important;}
#helpshit:hover{color:grey !important;}

/* Board Statistiken verdunkeln */
#stat_links{background:none !important;border:0 !important;}

/* Footer */
#board_footer{border-top:none !important;}

/* Copyright */
#copyright:after {
content:" - WinFuture.de RELOADED 2k10 Userstyle - \00A9 2010 by WF Styling-Crew" !important;}

}

Natürlich übernehme ich keine Gewähr...!

EDIT:

Auf Grund chronischen Schlafmangels, habe ich mal etwas mit dem Forum herumexperimentiert.
Dabei habe ich herausgefunden, dass es möglich ist, das Forum nahezu vollständig transparent zu machen.
Eine transparente Forenübersicht ist mir bereits nahezu vollständig gelungen.
Eventuell werde ich diesen Gedanken in nächster Zeit weiter verfolgen.

Hier mal eine Vorschau mit meinem eigenen Style:




Derzeit macht noch die Transparenzgestaltung der Post-Bereiche Selbst Probleme...

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 13. August 2011 - 04:07

[Taxidriver05]

UPDATE sagte:

Hinweis zur Reaktivierung von Stylish unter Firefox 6 im Download-Post eingefügt.

[DK2000]

@Taxidriver05:

Was Stylish 1.2 und Firefox 6.0 angeht:

Falls man besagtes Plugin nicht installieren möchte und die Vorabversion 1.2.1 auch nicht verwenden möchte, so kann man ohne Probleme die Version 1.2 weiter verwenden. Man muss dazu nur eine Datei (install.rdf) im Archiv {46551EC9-40F0-4e47-8E18-8E5CF550CFB8}.xpi verändern:

<Description>
	<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
	<em:minVersion>3.6</em:minVersion>
	<em:maxVersion>6.0a2</em:maxVersion>
</Description>

Hier muss man einfach die maxVersionanpassen, von 6.0a2 in 6.0. Danach startet das Add-on wieder. Der Trick klappt bei so manch einem Add-on, welches nur Aufgrund der Versionskennzeichnung blockiert wird.

Nur so als Tip am Rande. Mit dem Add-on Compatibility Reporter geht das natürlich einfacher.

Dieser Beitrag wurde von DK2000 bearbeitet: 13. August 2011 - 11:35

[Taxidriver05]

So... Ich hab mal etwas weiter mit meinem Style experimentiert...
Es ist mir nun gelungen, das Forum komplett transparent zu bekommen...
Hier mal ne Preview:


! ! ! UPDATE ! ! !
Soooo... Ab jetzt gibt es WinFuture.de auch komplett im Glas-Look!

Previews:
















Download:
Das Design ist für Stylish per Klick auf das Icon abrufbar.
Die Opera-Version ist ab sofort im Anhang verfügbar!

Mir st bekannt, dass noch nicht alle Elemente transparent sind.
Diese werden in Kürze korrigiert.

Okay...
Legen wir mal noch einen nach und packen den "WinFuture RELOADED 2k11 (Firefly Glass)" dazu...



Downloads:

WinFuture.de RELOADED 2k11 (Ultimate Glass): 0
WinFuture.de RELOADED 2k11 (Ultimate Glass) (Forum): 2
WinFuture.de RELOADED 2k11 (Firefly Glass): 0
WinFuture.de RELOADED 2k11 (Firefly Glass) (Forum): 2

Angehängte Datei(en)

•  WF_Forum_neu_Firefly_Glass.css (19,47K)
  Anzahl der Downloads: 56
•  WF_neu_Firefly_Glass.css (14,79K)
  Anzahl der Downloads: 42
•  WF_neu_Glass_Ultimate.css (14,79K)
  Anzahl der Downloads: 56
•  WF_Forum_neu_Glass_Ultimate.css (19,47K)
  Anzahl der Downloads: 52

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

[Windows 8 User]

Hallo,

ich habe 2 Sachen zu "meckern" (Zahlen sind auf dem Foto).

1. Dieser Verlauf soll den Farbverlauf an den Rändern im Win explorer darstellen (siehe Foto), richtig oder?
Da das Glassframe aber auf längeren Seite, wie dem Forum gestreckt wird, ist der Übergang weicher, was ich persönlich nicht so toll finde.
Lässt sich da was machen, dass der übergang wie im Explorer hart bleibt.

2. Unter dem Übergang sind links keine Glass-Streifen mehr, ist das so gewollt?




Ich konnte es mir nicht nehmen einen transparenten Header zu erstellen.
Hier das ergebnis:

[Taxidriver05]

Danke für den Hinweis...

Das mit der "Glaskante" ist leider nicht so ohne Weiteres machbar, da die Glasgrafik in dynamischer Größe eingebunden wird und ursprünglich aus 2 Komponenten besteht.
Hierzu misste man die Komponenten als Einzelgrafiken übereinanderlegen können. Dies ist meines Wissens nach aber so nicht möglich.

Punkt 2 kann ich gerade nicht wirklich nachvollziehen...

Das mit dem Header ist ne feine Idee...
Allerdings müsste dazu der komplette Headerbereich transparent gestaltet werden, da der neue Header nicht mehr aus 2 Einzelgrafiken, sondern aus einer Grafik besteht.

[Windows 8 User]

@ Taxidriver
dass der header aus zwei teilen besteht wusste ich schon, nur wollte ich erstmal ein (positives) Feedback hören

@d4rkn3ss4ev3r
vielleicht baut er ja beide header varianten ein. Denn bei deiner ist der Header jat noch bunt, was von der Farbgebung zu dem Windows 7 Style passt.
Das weiße logo würde besser zu einem dunkleren Style passen

[Taxidriver05]

Nun.
Wegen der Mausgesten, das hab ich noch nicht wirklich nachgeprüft, da ich das nicht wirklich nutze.
Ist es vielleicht möglich, mal nen Screenshot davon zu posten?