[Taxidriver05]

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





GELB





BLAU





GRÜN





Die Styles liegen im Anhang und sind per Stylish beziebar...
Zum Stylish-Link einfach auf das jeweilige Symbol klichen...

Feedback ist natürlich auch hier stets erwünscht!


Downloads (bis zum letzten Update):

Hauptseite:
BLUE: 14
GREEN: 10
RED: 12
YELLOW: 8

Forum:
BLUE: 16
GREEN: 13
RED: 18
YELLOW: 10

UPDATE:

- Bug in den Foren-CSS gefixt, wodurch der Hintergrund im Forum weiß war. Hier hat nur ein "!important" gefehlt...

Angehängte Datei(en)

•  1_Style_BLUE.css (8,29K)
  Anzahl der Downloads: 126
•  1_Style_GREEN.css (8,28K)
  Anzahl der Downloads: 127
•  1_Style_RED.css (8,29K)
  Anzahl der Downloads: 123
•  1_Style_YELLOW.css (8,29K)
  Anzahl der Downloads: 119
•  Forum_Style_BLUE.css (11,8K)
  Anzahl der Downloads: 128
•  Forum_Style_GREEN.css (11,82K)
  Anzahl der Downloads: 133
•  Forum_Style_RED.css (11,8K)
  Anzahl der Downloads: 117
•  Forum_Style_YELLOW.css (11,8K)
  Anzahl der Downloads: 124

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 11. August 2011 - 00:45

[J000S]

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


EDIT: Im Forum ist immernoch alles Weiß

Dieser Beitrag wurde von J000S bearbeitet: 05. April 2011 - 22:02

[Taxidriver05]

Zitat (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!

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 06. April 2011 - 23:34

[Taxidriver05]

Update sagte:

• Erweiterte Istallationsanleitung für Opera-User hinzugefügt.
  
• Bug mit fehlenden Header-Linkbuttons in CSS-Version gefixt.

Enjoy...!

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 11. April 2011 - 13:33

[MasterBK]

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.

MfG
MasterBK.

[Taxidriver05]

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.

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 16. Mai 2011 - 11:54

[Taxidriver05]

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.

[Taxidriver05]

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]

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]

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

Dieser Beitrag wurde von Windows 7 User bearbeitet: 21. Juni 2011 - 15:13

[J000S]

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

Dieser Beitrag wurde von J000S bearbeitet: 21. Juni 2011 - 15:11

[Windows 8 User]

Voila!

[Taxidriver05]

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