Comunio Design - Optimierung mit User Stylesheets

Hallo zusammen,

auch ich finde zahlreiche Gründe, warum das neue Design nicht gut ist. Doch darum soll es hier nicht gehen.
Glücklicherweise gibt es mittlerweile für jeden modernen Browser die Möglichkeit User-Stylesheets einzubinden und sich so das Aussehen seiner Lieblingsseiten zu personalisieren.

Da ich mich damit abgefunden habe, dass von Seiten Comunios das neue Design nicht wieder komplett verworfen wird, und auch gut und sinnvolle Verbesserungsvorschläge nur sehr langsam umgesetzt werden, habe ich angefangen ein solches Stylesheet für mich selbst zu erstellen.

Ich muss dazu sagen, dass ich das neue Design nicht grundsätzlich verteufel. Ich mag die neuen Buttons, das Kacheldesign finde ich in Ordnung und auch die neuen Grautöne finde ich weit weniger schlimm, als viele andere. Was mich vor allem gestört hat, waren die vielen, vielen Kleinigkeiten, die das Design insgesamt unfertig, billig und nervig haben erscheinen lassen (zB die verzerrte Manager-Übersicht, die farblich überhaupt nicht passenden Quotes, PNs nicht zu erkennen, alle Links beim hovern farblich hinterlegt, ... ). MMn sieht das Design, wenn man all diese Kleinigkeiten ausbessert durchaus akzeptabel aus.

Und da ich hoffe, dass ich nicht der einzige bin, der sich auch etwas differenzierter damit beschäftigen kann, möchte ich hier mein Stylesheet zur Verfügung stellen. Ihr könnt es gerne selber verwenden, oder auch eigene Vorschläge posten und Feedback geben.
Wie bereits gesagt, finde ich die Farben nicht so schlimm oder habe mich einfach schnell daran gewöhnt, deswegen sind diese prinzipiell gleich geblieben. Es ist aber durchaus möglich, die Farben komplett zu ändern.
Ich hoffe dieses Angebot hier wird von Seiten von Comunio akzeptiert und evtl auch Sammlung von Verbesserungsvorschlägen gesehen.

Hier habe ich mein Stylesheet zur Verfügung gestellt, falls ihr es auch verwenden möchtet:
http://web11.v8008.vanager.de/CML_Profil/comunio.css

Und hier mal zwei Beispiele, wie das ganze mit den Änderungen aussieht:



Hier der aktuelle Change-Log:

- Übersicht über Benutzerdaten, Kontostand, Mitglieder Online, etc. optimiert
- Hintergrundfarbe für Zitate sind heller und passen besser zum Design
- PNs sind dunkler und besser zu erkennnen
- Normale Links haben nicht mehr diesen nervigen Hover-Effekt
- Buttons bei Spielstand und Verwaltung sehen alle gleich aus
- Ein paar Abstände sind verbessert
- Im Com- und Userprofil sind diese hässlichen großen weissen Flächen hinter dem eigenen Inhalt und unter der Aufstellung weg. Damit kommen unsere selbsterstellten Profile wieder deutlich besser zur Geltung. (Natürlich nur, für diejenigen, die das Stylesheet verwenden... )
- Ein paar weitere Kleinigkeiten

Ich werde nach und nach weitere Änderungen hinzufügen, falls mich die Änderungen von Seiten von Comunio nicht zufrieden stellen.



Zum Thema einbinden von User-Stylesheets:
- Opera: wird standardmäßig unterstützt,
einfach Rechtklick -> Seitenspezifische Einstellungen -> Anzeige und dann ein eigenes, lokales Stylesheet auswählen.
- Chrome: Stylebox ist eine ganz gute Erweiterung, mit der es möglich ist
- Firefox: Hier kann ich Stylish als Add-On nur empfehlen
- Safari: weiß ich leider nicht...

- Mobile Endgeräte werden mW leider nocht nicht unterstützt

Hab ich ja schon in der Liga gesehen, werd es mir morgen mal genauer ansehen.
Danke erstmal für die Arbeit, ich hoffe einfach mal
das ich nicht jetzt soviele Profile ändern muss.

Bis jetzt hat sich ja noch niemand in mein Thread gemeldet
Wenn ich Fragen habe,schreib ich einfach hier rein.
_________________


WIR SUCHEN DICH
BCC Saison 2016/2017

Dank dir...

#contentfullsizeib .contenttext, #contentib { background-color: transparent !important; color: white !important; }

...dadurch kann ich meine CSS jetzt wieder ohne diese Grau nutzen

moin krischan09,

finde das neue design auch bescheiden, mein profil pimp läuft noch
über dieses css / hintergrund:

.tablecontent03 {
background-image:url("http://file1.npage.de/004446/08/bilder/tofar_hinter_2016.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position:right bottom;
}

.tr1,.tr1 a {
background-color:transparent;
}

.tr2,.tr2 a {
background-color:transparent;
}

+ dann einbinden in diesen code:

<link href="http://file1.npage.de/004446/08/html/torfa_fest_hinter_2016d.css" rel="stylesheet" type="text/css" />

+ kaderhintergrund nochmal extra, scheint veraltet & ich bin mit dem neuen nicht so vertraut. meine frage= kannst du mir per mail das hochladegerüst + einbindformel schicken? wäre sehr freundlich!
meine mail= schmufixx@congstar.de

mfg die t®fabrik

Also bei mir siehts wie folgt aus:
Das rote ist eigentlich unwichtig...font kann man natürlich noch selbst bearbeiten genauso wie die background image...

.tablecontent03 {
background-image:url();
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center top;
background-color:transparent;
}

.tr1,.tr1 a {
font-family: Bossilo;
background-color:transparent;
color: #78D2FF;
}

.tr2,.tr2 a {
font-family: Bossilo;
background-color:transparent;
color: #78D2FF;
}


a:link{color: #ffffff;
background-color:transparent;
font-family: Bossilo;}

a:visited{color: #ffffff;
background-color:transparent;
font-family: PennsyLight;}



td {color: #ffffff;
font-family: Bossilo
}{text-align: center;}{background-image: none !important;} div {background-image: none !important;}
#contentib{background-color: transparent} #footer{background-color: Transparent;}


#topib{display: none;}

h1 {
font-family: Bossilo;
margin: 0px 165px;
color: #ffffff;
}


#footer{background: none;}
#bottomtext{color:#0b0b0b;}
/*
.contenttext table{width:100%;}
.contenttext table td{text-align:right;}
*/
.edgetitle{display:none;}
.titleboxcontent, .boxcontentdown {background: transparent;color: transparent; }
.titleboxcontent
a:link, a:active, a:visited {
color: #ffd9005;
}
.tableline02{
background: #0b0b0b;
}

#topwhiteib, #logo {
background: url() no-repeat 0px 0px !important;
height: 0px ;
width: 0px;
margin: 0px 35px;


}

#contentfullsizeib>table:nth-of-type(1) {
display: none;
}

#contentfullsizeib>div:nth-of-type(2) {
display: none;
}
#contentfullsizeib .contenttext, #contentib { background-color: transparent !important; color: white !important; }

@great,

danke dir, läuft !


die t®fa

hi fabrik hi great....

wünsche einen schönen guten morgen.....

jungs könnt ihr mir einen tipp geben warum meine schrift im profil grün ist....??vorher war sie weiss und jetzt nicht mehr warum??Am liebsten wäre mir das ganze grüne weg zu haben und alles in schwarz..könnt ihr mir eure hilfe anbieten???

LG Sash

Naja eigentlich recht easy...
man muss nur in der CSS den Farbcoder ändern (color: #.....)