Hallo Leute :-)

Auch ich habe mir, wie von huendchen bereits angedeutet, mal die Mühe gemacht und mir mit Hilfe des AddOns Stylish für den Firefox ein "Theme", auch "Skin" genannt, geschrieben.

Wie man dieses AddOn installiert, kann man diesem Posting von mir entnehmen.

Hier habe ich dann man ein paar Screens meines Skins:
Forum-Startseite
Thread-Übersicht eines Subforums
geöffneter Thread (alte und neue Postings)

Hier habe ich dann man den CSS-Code für den Skin (allerdings ohne den Transparenz-Effekt, dazu siehe weiter unten).

Warnung! Spoiler!
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forum.knuddels.de")
{

/* hintergrundfarbe des forums */
body {
background: #000 url(http://tobyb.pytalhost.com/Abstract-Blue-16499.jpg) fixed center no-repeat !important;
}

/* links außerhalb von posts einfärben */
.author-content a, .post_top_link a, .small a, .post-buttons a, a[href='/ubbthreads.php?ubb=logout'], .tdheader, .tdheader a, .navigation, .navigation a, .footer a, .alt-2 a, .date, .forum_extras, .alt-1 a, .category a, .breadcrumbs a, .alt-topictime a, .topictime a, .new-alt-topictime a, .new-topictime a {
color: #004 !important;
}

/* alle bereits existierenden tabellenzellen-rahmen */
td {
border-color: #000 !important;
}

/* footer, breadcrumb, user-profil im thread, "antworten"-button (und restl. 4) */
td .author-content, td .post_top_link, .breadcrumbs, .footer, .post-buttons {
background-color: #d3d3d3 !important;
}

/* laschen ober- und unterhalb der threads */
.tdheader {
background-color: #bbb !important;
}

/* ungelesene threads (betreff-farbe) */
.new-topicsubject a, .new-alt-topicsubject a, .topicsubject a, .alt-topicsubject a {
color: #000 !important;
}

/* spalte "gesendet am" (alle) zweite zeile */
.alt-topictime, .topictime, .new-alt-topictime, .new-topictime {
font-size: 10px;
font-weight: normal !important;
}

/* spalte "gesendet am" erste zeile (ungelesen) */
.alt-topictime:first-line, .topictime:first-line, .new-topictime:first-line, .new-alt-topictime:first-line {
font-size: 10pt;
font-weight: bold !important;
}

/* gelesene threads (dunkel) */
.newintopic, .topicicon, .topicsubject, .topicreplies, .topicviews, .topictime {
background-color: #BBB !important;
}

/* gelesene threads (hell) */
.alt-newintopic, .alt-topicicon, .alt-topicsubject, .alt-topicreplies, .alt-topicviews, .alt-topictime {
background-color: #CCC !important;
}

/* ungelesene threads (hell) */
.new-newintopic, .new-topicicon, .new-topicsubject, .new-topicreplies, .new-topicviews, .new-topictime {
background-color: #f0f0f0 !important;
}

/* ungelesene threads (dunkel) */
.new-alt-newintopic, .new-alt-topicicon, .new-alt-topicsubject, .new-alt-topicreplies, .new-alt-topicviews, .new-alt-topictime {
background-color: #fafafa !important;
}

/* thread-betreff (gelesen) des einzelnen posts */
td .subjecttable {
background-color: #789 !important;
}

/* thread-betreff (ungelesen) des einzelnen posts */
td .newsubjecttable {
background-color: #e9e9e9 !important;
}
}


Der auf den Screens zu sehende Transparenz-Effekt funktioniert ausschließlich im Firefox, da dies ein Vorgriff auf das kommende CSS3 ist, und noch nicht von den anderen Browsern unterstützt wird. Diesen Code kann man dem oben stehenden einfach hinzufügen.

Warnung! Spoiler!
/* threads durchsichtig */

.t_inner, .t_outer {
background-color: transparent !important;
}

.post-content, .post-options, .post_top_link, .author-content, .alt-1, .alt-2, .navigation, .footer, .tdheader, .breadcrumbs, .category, .newintopic, .topicicon, .topicsubject, .topicreplies, .topicviews, .topictime, .alt-newintopic, .alt-topicicon, .alt-topicsubject, .alt-topicreplies, .alt-topicviews, .alt-topictime, .new-newintopic, .new-topicicon, .new-topicsubject, .new-topicreplies, .new-topicviews, .new-topictime, .new-alt-newintopic, .new-alt-topicicon, .new-alt-topicsubject, .new-alt-topicreplies, .new-alt-topicviews, .new-alt-topictime, td .subjecttable, td .newsubjecttable {
opacity: 0.85;
}


Wer an der Stärke der Transparenz rumspielen will, oder allgemeine Fragen zu CSS hat, kann sich gerne hier informieren.

Bei Fragen dazu kann man sich gerne an mich wenden (ich denke huendchen könnte auch helfen ;-)):

Toby.
_________________________
There is no good without evil, but evil must not be allowed to flourish.
There is passion, yet peace; serenity, yet emotion; chaos, yet order.