Tag mauy.

Ich habe mich noch nicht registriert, weiß aber, dass man hier eigene CSS-Styles einbinden kann. Ich habe nun den Quelltext hier kopiert, lokal gespeichert und mein Style eingebunden. Deshalb weiß ich, wie es aussieht. Aber wie findet ihr es?

Wie wäre es mit einem Screenshot?

Siechfred

Hallo mauy!

Aber wie findet ihr es?

Naja, allzu viel verändert, insbesondere bezüglich der Usability,
hast du ja nicht.

Schau dir doch zum Vergleich mal mein aktuelles User-CSS an, das
ich in großen Teilen von Rolands CSS abgekupfert habe ;-)

  
/*  
  
 inspiriert von Roland Skop  
  
 verändert von Lachgas  
  
*/  
  
  
  
  
  
/* Grundsaetzliches */  
  
body {  
 color:#000;  
 background-color:#fff;  
 font-family:Arial,sans-serif;  
 line-height:1.6em;  
 font-family:"bitstream vera sans";  
}  
  
strong {  
 font-weight:normal;  
}  
  
  
  
  
  
/* Alles ausblenden, was nicht noetig ist */  
  
h1, h2, h3, label,  
#aktuellenachrichten,  
#altenachrichten,  
#bottom,  
#doppelpostinghinweis,  
#formular-email,  
#formular-grafik,  
#formular-homepage,  
#formular-name,  
#formular-rechtschreibung,  
#kopf-down,  
#kopf-einleitung,  
#kopf-logo,  
#kopf-seitentyp,  
#kopf-titel,  
#ladezeitpunkt,  
#link-aktuellenachrichten,  
#link-altenachrichten,  
#link-neuenachricht>img,  
#mitmachen,  
#nachricht-antworten,  
#nachricht-bewerten + p,  
#nachricht-bezug,  
#nachricht-bild,  
#nachricht-feed-rss,  
#nachricht-feed-atom,  
#nachricht-lesen,  
#nachrichtabo-link,  
#nachrichtantworten-link,  
#nachrichtlesen-link,  
#nachricht-view-nested,  
#nachricht-view-list,  
#newslink,  
#optionen-threads-einblenden,  
#pfadunten,  
#quicklinks,  
#quicklink-francais,  
#quicklink-archiv,  
#quicklink-faq,  
#quicklink-selfhtml,  
#quicklink-selfaktuell,  
#quicklink-suche,  
#selfforum-hauptseite form,  
#selfforum-hauptseite p,  
#suchausdruck,  
#threads-gelesen-markieren,  
#tipoftheday,  
#top img,  
#zu_diesem_Forum,  
.link-thread-ausblenden,  
.link-thread-gelesen,  
.link-thread-zuklappen,  
.updown {  
 display:none;  
}  
  
  
#kopf,  
#kopf-menue,  
#kopf-menue2,  
#top {  
 background-color:#fff;  
  
}  
  
  
/* noch nicht besuchter Link */  
a:link {  
 color:#000;  
 text-decoration:underline;  
 background-color:#FCB269;  
}  
  
/* Besuchter Link */  
*:visited, *.visited {  
 color:#666 !important;  
 background-color:#f6f6f6 !important;  
 text-decoration:underline;  
}  
  
/* Aktiver Link */  
a:active {  
 color:#ffd;  
 background-color:#9a9;  
}  
  
/* Hover, nona :) */  
a:hover, *.visited:hover {  
 color:#000;  
 background-color:#FF7F00;  
}  
  
  
  
  
  
/* Admin-Hinweis */  
#tipoftheday + p {  
 display:block !important;  
 position:fixed;  
 top:5em;  
 left:2em;  
 background-color:#ffe;  
 border:.5em solid #a00 !important;  
 padding:1em;  
 z-index:1;  
}  
  
#optionen {  
 display:block;  
 position:fixed;  
 top:-1em;  
 right:0;  
}  
  
#optionen ul li {  
 display:block;  
 float:right;  
}  
  
#optionen a {  
 display:block;  
 background:transparent url("fixed_bg.png");  
 border-width:1px;  
 border-style:solid;  
 border-color:#ccc #aaa #aaa #ccc;  
 margin:.1em .2em .1em 0;  
 padding:0 .2em;  
 font-size:.8em;  
 text-align:center;  
 text-decoration:none;  
}  
  
#link-neuenachricht a {  
 display:block;  
 position:fixed;  
 top:2.8em;  
 right:.25em;  
 padding:0 .2em;  
 font-size:75%;  
 background:transparent url("fixed_bg.png");  
 border-width:1px;  
 border-style:solid;  
 border-color:#ccc #aaa #aaa #ccc;  
}  
  
  
#top {  
 display:block !important;  
 position:fixed;  
 top:4px;  
 left:0;  
}  
  
#top a {  
 font-size:0;  
 height:27px;  
 width:33px;  
 display:block !important;  
 background-color:#fff !important;  
}  
  
#top a:after {  
 content:" \25C4";  
 font-size:40px;  
 vertical-align:top;  
 color:white;  
 text-decoration:none !important;  
 border:0 !important;  
 background-color:black;  
}  
  
/* Thread-Anzeige */  
  
#root {  
 margin:0;  
 padding:.5em;  
 background-color:#fffff;  
 font-size:.8em;  
 line-height:1.8em;  
 z-index:0;  
}  
  
/* Thread-Listen formatieren */  
ol li, ul li {  
 margin:0;  
 white-space:nowrap;  
 list-style-type:none;  
}  
  
/* Aktives Posting im Threadbaum hervorheben */  
#root .active {  
 color:#eef;  
 background-color:#060;  
}  
  
#root .active:after {  
 content:" \21E6";  
 font-weight:normal;  
 font-size:1em;  
}  
  
/* Lieblings-Kategorien hervorheben */  
#root .cathigh {  
 color:#000;  
 background-color:#FED;  
}  
  
/* eigene Postings hervorheben... */  
#root .own {  
 color:#000;  
 background-color:#FF6;  
 padding:1px 3px 1px 3px;  
}  
  
/* gelesene Postings mit Haekchen markieren */  
#root .visited:after {  
 content: "   \2714";  
 color:#888;  
 background-color:inherit;  
}  
  
/* Poster aus der Whitelist hervorheben... */  
#root .whitelist {  
 color:#000;  
 background-color:#fed;  
 padding:1px 3px 1px 3px;  
}  
  
#selfforum-hauptseite ol > li {  
 margin-top:1.5em;  
}  
  
  
/* Posting + Zitate  */  
  
span.q {  
 font-family:"courier new";  
 display:block;  
  
}  
  
  
span.answers {  
         display: inline;  
         margin-left:-2em;  
}  
  
#nachricht-text, textarea, tt {  
 font-family:"courier new";  
 line-height:15.4px;  
}  
  
#nachricht-autor {  
 margin-top:20px;  
 font-size:.8em;  
}  
  
#nachricht-autor strong {  
        font-size:1.5em;  
}  
  
#nachricht-autor, #nachricht-text, textarea, tt {  
 margin-left:50px;  
}  
  
#selfforum-nachricht {  
 padding-top:2em;  
}  
  
.answers {  
 color:#aaa;  
}  
  
#nachricht-text a:link, #nachricht-autor a:link, .sig a:link {  
 color:#A52;  
 background-color:#FFF;  
 text-decoration:underline;  
}  
  
  
  
  
/* Syntax-Highlighting */  
  
code {  
 color:#000;  
}  
  
code .apache-directive { color: rgb(0, 128, 0); }  
code .apache-known-option { color: rgb(128, 0, 0); }  
code .apache-method {  }  
code .apache-region { font-weight: bold; color: rgb(0, 0, 255); }  
code .at-rule { color: rgb(0, 0, 255); font-weight: bold; }  
code .attribute { color: rgb(0, 128, 0); font-weight: normal; }  
code .comment { color: rgb(128, 128, 128); font-style: italic; }  
code .element-selector {  }  
code .empty-tag { color: rgb(0, 0, 255); font-weight: bold; }  
code .entity { font-style: italic; }  
code .entityinvalid { background-color: rgb(255, 0, 0); font-style: italic; }  
code .function { font-weight: bold; }  
code .heredoc { color: rgb(255, 0, 0); }  
code .hexnumber { color: rgb(0, 128, 128); }  
code .keyword { color: rgb(0, 0, 255); font-weight: bold; }  
code .known-methods { font-weight: bold; }  
Code .mediatype { color: rgb(128, 0, 0); }  
code .name {  }  
code .number { color: rgb(0, 128, 128); }  
code .octnumber { color: rgb(0, 128, 128); }  
code .operator {  }  
code .preprocessor { color: rgb(128, 128, 0); }  
code .processing-instruction { color: rgb(255, 0, 0); font-weight: bold; }  
code .property { color: rgb(0, 128, 0); }  
code .property-value { color: rgb(128, 0, 0); }  
code .prop-function { text-decoration: none; font-style: italic; font-weight: bold; }  
code .prop-quoted { color: rgb(255, 0, 255); }  
code .pseudo-class-selector { color: rgb(0, 0, 255); }  
code .shebang { color: rgb(128, 128, 0); }  
code .string { color: rgb(255, 0, 0); }  
code .symbol { font-weight: bold; }  
code .tag { color: rgb(0, 0, 255); font-weight: bold; }  
code .unknown-property { color: rgb(0, 128, 0); background-color: rgb(255, 0, 0); }  
code .value { color: rgb(128, 0, 0); }  
code .variable { color: rgb(0, 128, 0); }  
  
  
  
/* Formular */  
  
form {  
 background-color:#fff;  
  
 border:0;  
}  
  
#formular-nachricht {  
 background-color:#fff;  
 font-size:1em;  
}  
  
input[value="Nachricht absenden"]:hover {  
 color:#ee0;  
 background-color:#f00;  
}  
input[value="Vorschau generieren"]:hover {  
 color:#080;  
 background-color:#efe;  
}  
  
  
  
  
  
/* Posting-Bewertung */  
  
#nachricht-bewerten-div p {  
 display:block;  
 position:fixed;  
 top:0em;  
 right:.1em;  
 width:100%;  
 font-size:75%;  
 text-align:center;  
 padding:.2em;  
 background-image:url("fixed_bg.png");  
}  
  
#nachricht-bewerten-div a {  
 padding:0 .1em;  
}  

℆, ℒacℎgas