Forum Themes

Posted by: Anonym

Forum Themes - 17.01.2008, 21:04:31

Hallo,

dieser Beitrag, passt eigentlich in keine der Unterkategorien hier, also setzte ich ihn unter 'Fragen und Infos zum Forum'.

Da das Knuddelsboard bzw. die Verantwortlichen, keine Boardeigenen 'Themes' zur Verfuegung stellen, habe ich mir gedacht, dass wir in diesem Thread, unsere eigenen 'Stylesheets' zur Verfuegung stellen, damit jeder das Theme bekommt, dass er moechte.

Wie stelle ich Stylesheets fuer spezielle Seiten ein?
  • Beim Firefox:
    Zuerst holt ihr euch die Erweiterung - im Weiteren Add-On genannt - 'Stylish'
    Ist die Erweiterung installiert und Firefox neu gestartet, kann man über das neue Icon in der Statuszeile, ueber [color:"red"]Stile erstellen --> Neuer Stil[/color] , eben diese User-Stylesheets eingegeben werden. Ueber [color:"red"]Einfuegen --> Website-Regeln[/color] wird zuerst eingegeben ob z.B. das Stylesheet fuer eine Domain, oder nur für eine Sub-Domain (Beginnend mit) wirken soll, anschliessend das Stylesheet selbst hineinkopieren und dann den Titel vom Stile.

    Beim Opera:
    Hier geht man einfach her und klickt im Knuddelsoard die '[color:"red"]rechte Maustaste' --> seitenspezifische Einstellungen[/color] und im sich darauf oeffnenden Fenster, geht man auf die Registerkarte [color:"red"]Anzeige --> eigenes Stylesheet Auswaehlen --> zum Ordner navigieren wo man seine *.css-Datei gespeichert hat. --> Seite neu laden[/color][/b]. Dann hat man sein eigen definiertes Aussehen, dass man jederzeit wieder Abstellen kann.

    Beim Internet Explorer:
    Fuer diesen Webbrowser wuesste ich keine Loesung aber wenn es jemand weiss, dann soll er das gefaelligst Posten. lach


Die folgende Datei bitte mit der rechten Maustaste anklicken und dort dann die Option `Ziel speichern` oder Aehnliches auf eurer Festplatte ablegen. Am besten ihr Erstellt euch gleich einen neuen Ordner 'Stylesheets'. Ihr koennt auch direkt auf den Link klicken, dann erhaltet ihr den Stylesheet in einer Textform, die ihr in eurem Notepad kopieren koennt und abspeichern mit dem Namen xxx.css. Alle Stylesheets die ihr abspeichert bitte immer mit der Endung *.css abspeichern.

                                                             PastelleTunedKDB.css

Vorschau fuer obiges Stylesheet:
[img]http://www1.picfront.org/picture/4ISDaRZo6t4/thb/AnmeldeSeite.jpg[/img]  [img]http://www1.picfront.org/picture/Wjo1MYVmJX/thb/Startseite.jpg[/img]  [img]http://www1.picfront.org/picture/Hjatbu5nK/thb/Unterseite1.jpg[/img]  [img]http://www1.picfront.org/picture/KZjUe8VW/thb/Unterseite2.jpg[/img]  [img]http://www1.picfront.org/picture/48gOSIA9/thb/ThemaVerfassen.jpg[/img]

Zu guter Letzt, moechte ich noch sagen, dass es toll waere, wenn sich moeglichst viele Leute daran beteilligen.

                                                                       ~leo
Posted by: Anonym

Re: Forums Themes - 17.01.2008, 21:09:06

Yeah, danke. glücklich

Wollte dich eigentlich schon fragen, wie man sowas macht, weil du ja *hier* über sowas geredet hast... ^^
Posted by: Anonym

Re: Forums Themes - 17.01.2008, 21:27:44

Leider kann man die beschissenen Grafiken nicht aendern, was auch mal an der Zeit waere aber im Prinzip, laesst sich mit diesem Stylesheet, dass du hier runterlaedst, das gesammte Aussehen von dem Board aendern.
Alles was du tun musst ist hinter jeder aenderung die du machst, die Gewichtung mithilfe von [color:"red"]!important[/color] zu erhoehen.

Ach das Theme - von gestern - hab ich ja auch noch, sieht zwar nicht so schoen aus aber es ist ein Theme.

                                              DarkKDB.css

Vorschaubilder:
[img]http://www2.picfront.org/picture/gi6907Wt/thb/Anmeldung.jpg[/img]  [img]http://www2.picfront.org/picture/WDhtMcrbD/thb/Startseite.jpg[/img]  [img]http://www2.picfront.org/picture/Fuqcv2oU/thb/Unterseite1.jpg[/img]  [img]http://www2.picfront.org/picture/gpPVan0ir/thb/UnterSeite2.jpg[/img]  [img]http://www2.picfront.org/picture/KvXR805Jc34/thb/ThemaErstellen.jpg[/img]
Posted by: page 50

Re: Forums Themes - 07.02.2008, 00:31:03

Hat jemand einen Schwarzen Stil von Knuddels und deren Unterkategorien
Posted by: page 50

Re: Forums Themes - 07.02.2008, 00:50:15

Sorry den Style den du Veröffentlich hast wird bei Firefox für Jede Seite im Web benutzt und nicht nur Für Knuddels

hab den Style nur mal Umgeänderz auf Schwarz und da fiel es mir mir dem Globalen Verwendung auf

Download: Knuddels-Black.css


Passt nur im Forum hier der CSS-Stylesheet

Aber ich will ihn für nur KNuddels.de und Unterkategorien haben
Posted by: page 50

Re: Forums Themes - 07.02.2008, 01:09:22

oder kann mir jemand mal sagen wie ich die .css datein findefür knuddels.de und so bei Opera und auch Firefox
Posted by: Anonym

Re: Forums Themes - 07.02.2008, 17:09:50

http://forum.knuddels.de/stylesheets/knuddels.css

Hol dir das AddOn 'Web Developer' für Mozilla FF und du kannst das Stylesheet für Knuddels anpassen.
Posted by: Anonym

Re: Forums Themes - 08.02.2008, 00:06:11

Dies ist ein relativ dunkel gehaltenes Theme fuers Forum, wie man den Vorschaubildern entnehmen kann.

[img]http://www1.picfront.org/picture/1BYTEhMJfCa/thb/2.jpg[/img]  [img]http://www1.picfront.org/picture/jheI0hwq/thb/3.jpg[/img]  [img]http://www1.picfront.org/picture/dKALUf4S/thb/1.jpg[/img]  [img]http://www1.picfront.org/picture/UtlvS8Trs/thb/5.jpg[/img]  [img]http://www1.picfront.org/picture/X5UV8UMmaYh/thb/4.jpg[/img]  [img]http://www1.picfront.org/picture/GaxiI31WjR/thb/6.jpg[/img]

Red_accented_Black.css
Posted by: Anonym

Re: Forums Themes - 08.02.2008, 05:20:05

So und hier noch eins, mit einem Hintergrund und trasparenten Zellen

[img]http://www1.picfront.org/picture/eee46QK5/thb/1.jpg[/img] [img]http://www1.picfront.org/picture/pVTTtYQOG7/thb/3.jpg[/img] [img]http://www1.picfront.org/picture/2RoPO8BjnDT/thb/2.jpg[/img] [img]http://www1.picfront.org/picture/L8DeWUne/thb/5.jpg[/img] [img]http://www1.picfront.org/picture/MspojUcMVv/thb/4.jpg[/img] [img]http://www1.picfront.org/picture/O8KIIXZcM9/thb/5.jpg[/img]

Backgrounded.css

Dies dient dazu, um zu zeigen wie sowas funktioniert, nicht das einige Schlaumeier meinen jetzt 100 Themes mit verschiedenen Hintergruenden zu entwerfen. Im Body-Selector einfach die Url zu eurem gewuenschten Bild einfuegen und voila da habt ihr ein tolles Hintergrundbild fuer das Forum.
Posted by: huendchen

Re: Forums Themes - 02.05.2008, 19:52:28

Ein vorlaeufiges Theme, dass nur einige Effekte in einzelnen Bereichen hat. Es wird mit der Zeit auch fuer den FF und den IE optimiert werden, derzeit allerdings, funktioniert es nur mit Opera 9.5 und dem Safari.

[color:"red"] Download: [/color]                     InShadows.css

Die Ueberschriften, sind in einem schattierten Weiss gehalten. Die Subforen, haben eine leichtere Schriftgewichtung.
[img]http://www6.picfront.org/picture/YaTd1rRJjS6/img/themengebiete.png[/img]

In den Subforen, erkennt man die Mods bzw. FA wesentlich deutlicher, wurde ein Post von einem Mod bzw. FA angelegt, dann sieht man das auch deutlich.
[img]http://www6.picfront.org/picture/o1Uj4en1O/img/subforen.png[/img] [img]http://www6.picfront.org/picture/lZl02OcJSq/img/absender.png[/img]

Die Signaturen, werden deutlich vom Rest abgehoben und die jeweilligen Verfasser der einzelnen Posts, sind im gleichen Weiss, wie die Ueberschriften gehalten.
[img]http://www6.picfront.org/picture/iCNQ3cVwv/img/signature.png[/img] [img]http://www6.picfront.org/picture/unYv3OCj/img/benutzer.png[/img]

                     Enjoy zwinker 
Posted by: Anonym

Re: Forums Themes - 02.05.2008, 20:01:16

Zitat:


[color:"red"] Download: [/color] InShadows.css


Wenn ich das öffnen will, öffnet sich bei mir nur eine Sicherheitswarnung ;o

Bist du GANZ sicher, dass das Programm sicher ist?
Posted by: huendchen

Re: Forums Themes - 02.05.2008, 20:04:42

Es ist eine reine Textdatei rolleyes
Sie hat lediglich die Stylesheet-Endung *.css, was eben bei Stylesheets nun mal so ist.

Rechtsklick und speichern unter auswaehlen.
In einem Ordner deiner Wahl speichern und in deinem Webbrowser zum Verzeichnis verlinken.
Posted by: Anonym

Re: Forums Themes - 03.05.2008, 00:23:21

Hey, klasse Idee.^^
Das gibts doch auch im Schuelervz oder?
Also bei mir ist alles schwarz + rot grad bei mir. xD
Ich weiß leider nicht wie das geht sonst würde ich mir ein tolles grün oder gelbes Knuddelsforum zaubern. :(
Posted by: chrixix

Re: Forums Themes - 03.05.2008, 00:35:13

Hi, finde den neusten Stil gut, habe nur eine Frage:

Kann man die Nicks, und alles weitere, was nun weiß ist, wieder auf die normalfarbe ändern? Es mag vielleicht bei Opera gut aussehen, bei Firefox hats aber keine Ränder und dadurch wird das ganze ein wenig unsichtbar. *gg*

Musst mir einfach nur sagen, was ich darin ändern soll. Danke

Ansonsten super Arbeit. glücklich


PS: Irgendwie klappt das mit der Schrift nicht in den Subforen - wieso? lach
Posted by: huendchen

Re: Forums Themes - 03.05.2008, 01:32:24

Zitat:
Das gibts doch auch im Schuelervz oder?

Weiss ich nicht, intressiert mich nicht.
Bin weder bei SchuelerVZ noch bei StudiVZ, von daher kann mir das gepflegt am Allerwertesten vorbeigehen zwinker

---

Zitat:
Kann man die Nicks, und alles weitere, was nun weiß ist, wieder auf die normalfarbe ändern?

Folgenden Block entweder entfernen oder bei color einen entsprechenden Hex-Wert angeben.
Zitat:
a[title *= "Benutzer"], .tdheader, .tdheader a, b a[title *= "Benutzer"] font {
text-shadow: #000 1px 1px 2px!important;
[color:"red"]color: #fff!important;[/color]
background-color: #dedfdf!important
}

---

Zitat:
Es mag vielleicht bei Opera gut aussehen, bei Firefox hats aber keine Ränder und dadurch wird das ganze ein wenig unsichtbar.

Ich habe deshalb auch deutlich geschrieben, dass es nur mit dem [color:"#cd5c5c"]Opera 9.5[/color] und dem [color:"#1e90ff"]Safari[/color] funktioniert.
Die Eigenschaft (text-shadow) mit all seinen Werten, ist ein Vorgriff auf das kommende CSS3.

Will man das Ganze beim FF bzw. Gecko-Browsern machen, so muss man zwei Farbwerte setzen und diese so verschieben, dass es so aussieht, als ob ein Schatten da waere oder man nimmt sich inline-images (sind relativ viele) und macht es damit, sobald ich Lust und Zeit habe, werde ich das noch nachtraeglich ergaenzen.

IE Nutzer koennen - wenn sie es koennen - mit dem Shadow-filtern arbeiten aber das werde ich die Tage noch nachreichen.
Bei M$ gillt: >> [color:"red"]!![/color] Wir sind Microsoft, nach uns die Sintflut [color:"red"]!![/color] <<
Deshalb muessen die Herrschaften auch was Eigenes einbauen (Ich weiss, die Shadow-filter waren schon laenger da.)
Posted by: huendchen

Re: Forums Themes - 31.03.2009, 23:50:13

So...
Hier geht es weniger um meinen Absurden farbgeschmack als viel mehr darum euch die wichtigsten Klassen zur Verfuegung zu stellen.
Sicher ist das nicht vollstaendig und wird von mir auch nicht weiter vervollstaendigt werden ermoeglicht aber ein einfaches Spielen mit
den verschiedenen Farben usw. vllt. hilft es sogar, dass Forum ein bisschen besser zu verstehen.

Text mit der Dateiendung *.css abspeichern und genau so vorgehen wie im Eingangspost beschrieben:
Warnung! Spoiler!
Html:
body { color: #5b5b5d!important; background: #d5c6c0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUkAAAD+CAYAAAC3MvfRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAPbpJREFUeNrsndlSI0m2rn93j1EjArKmbms7D3Le5jz2tm22L3Z3VQEJGiIUo7ufC4/lcgUSCSRZlQnrM8MgIRQKRcKvNS/x//7vJwuGYRjmJJJvAcMwDIskwzAMiyTDMAyLJMMwDIskwzAMiyTDMAyLJMMwDIskwzAMiyTDMAyLJMMwDMMiyTAMwyLJMAzDIskwDMMiyTAMwyLJMAzz/RHxLTim1xbrSkMKQACwALR17yZSuH9HEkgiiSzm9xiGYZH8IGhjYS3QGQsLwFhACCeMkQCsdWLpjgV6Y9Ebi0gKvnkMwyL5vjEWqFoNbYHeOAtSAEgUkEVApBT6XqPs3M+1BUxnoY3GPIvAOskwLJI/vJW4b82RKNLOCjlYib1xvnWsgOUkxmQyQRzHkFJCCAFrLYwx6Pse2+0WD3uDVgPbSkMMIjneg6GG78dKsGvOMCyS3x9Nb2CMc6Gb3oIMvkg6V9pa5zqTew0A00Tg8vIScRx7cSTEoIZJkkA9POC+6NAbCyWBWMJblMYCnQaa4aG9sRACSCMWSoZhkfwOXGdrLbQBysbADtZiqgAl3WeyELXWsNbCWouqM+iNE8A0TaG1Rtu2j86vlMJ0OnXi199i21gsUoE8zyGlE0FrLdq2Rd12qHtnpZaNgRQCkRTe8mQYhkXyL6dqNZreJWEMnCguJzGm0ynSNIVSygvZkUuuNYqigNYaVVVBSuldbTreGANjDJqmgRACk8kEdVdisVhguVyi7/tHVud2u8Xn9Q5lBxS1xjSVSNiiZBgWyb/egrRoe4NWW5+FnsXA5cUcs9ns6FghhBcx+lpKidlsBmMMoihCFEWPRHL8kWUZrsTBipRSHv1cCIHlcgkAaD/v0Btg31oYazhGyTAskn+9m113zs0GgGkMXK0WmM/nUEqh7/sj8RoLpZQSWZZ5lzkUSDomFEApJZRSmEwmXhzpM1mcWmukaYr5fA6tNe42ezTaQvRAFvMvH8OwSP7FItkNApkq4GI+wXK59O5xFEVIkuSR+IWQCz4WxFNWaBzHR8c+up4hE962LaIowuXlJaqqQlu5UIAd6jAZhmGR/OZUnUEzKKQSwKeLKT59+gRrLaIoQpZlj9zmp6CfP3Xcl46RUiJJEi+YWmvEcYy4adEbi12jMU0kFBdZMgyL5De3Is3BzY6VE6XNZoO6riGlRBzHiKIISikkSYIois5agF/iuY8hUTbGoCgKVFWFqm7RDsXqTW8BGN+xQ909SghEioWTYVgkvxLrrULnuobStSkq3G8rCOFqItNYIU1Tn92OouhJV/lrOeeuJ7HCSmrX1mjdq2h7i24Qzki6MqWJUGxhMgyL5NfRa4tea7S9i0WSFHUakBEwzyNMJhNkWYY0TX22+lys8U0FPDh3nueYTCb+OSlOSYmk3W6Hm20LC/c6tAV0rTHLFPeFMwyL5OuoO+MtMGOdFXaRAXmW+WJwcquVUj7Z8i2F8TnWpRDCX5fWGn3fI4oiTCYN9vs9HsoWrXaWcVEbZDG3MzIMi+QLXeyuP3THAMBFCuR5hjzPkaYpsixz7rSMAGsAa3xZzt8hksYYb11SqVGYYY+iyF+3lGvc72o0mqYMsSXJMCySLxDIXlsUjYaxLou9zASurq6Q57kXHV+r2DXf1fWHiZxQINu2Rdd1SJIEFxcXMOYeN9vWTyLiUiGG+Xv5YXy5tjcoGjfOLJLAzxc5fv31VyRJAq01APg6yO9e8AOLlq63bVvEcYz5fI40cm8KdW+wq7UfvsEwDIvkSQuy7gyqznoX+9Myx2q1QhRFRx0ufd+jaRp0Xfeoq+Z7FUpyv8ktT5IEizxGJF28VVtWSIZhkfyCSladQactlAAuc9cPHccx2rb1sT4aTFHX9ZFL+6NYlfQaALhZlsP/jBIC7G0zDIvkF3AyMYmBT58+QSmFpmlgrfXZa7ImyTI75dp+N68msHC11tBa++w7ZcAlJ7UZ5rvgu07cdNqi7gy0sYgEMMkSH4OkARNN02C320EIgYuLC8RxDKXUN6+FfAuh7LoObdv610NZb6WUf/fS1nLihmHYkjyNsRaddou5JjEwnU6hlPLDJfb7Pe7u7lBVFeI4RpqmJyeKf89udvh6tNbeGr5cLbHKhnBDa1B3Br3m+CTDsCV55GQfTKgsjZFlmU9wVFWF9XqNXWPx82qK1WrlLUg65nsXyCiKEMexn4Le972Pp15cXDi3+/NnbOthanokMJOKF48xDIvkICY47J6hoRRFUWC73eJ+r5FFwP/57drPjPwWBeNhYuWljws7fejfp85Nsyy11ui6zmfp0zTFTz/9hOj+HvdFi7a3KKxrWWShZBgWSVdMPXy9KVzmuuospAA+zRMsl0ssFgsIqWCNfnOBlFJCqMhfidX9F61UP5A3iuGzLxaA6X32+uRrFcK/EVC8UmvtZ1Fa+xl3RTfEaTXSiMesMcyHFUmKQ3ZBDM7tvLbIY2C5WGC1WiHOcsBamL5707Ifah+01qKtKxhj/PSgL8U7Kfmi+w5N03ihS9P0aKbl2JokcQ2fg3bmZFmG5XKJrrvDQw00nYUUlkWSYT6iSPbGtR7SqleSgcuJxGq1wnQ6PQyz7dojYXszC1YIQCpUxQ4PDw+o6xqTyQSr1crHRc8O21UR+q7Fw8MDbj5vsO9df/mnT9dYLBZ+S+MpSOhJLCm+2jQNsizDfD7Hut6ht+AuHIb5iCLZ9sbvqaFVsJcT5Vr1hsx1HMd+aXZYgB3WHr7W7SaBAoA//vNvfN4U2HfuZ7umRN/3+O23345Wx44tyL5rcXNzg9/v9750Z90A5uYOk8kESZZDPCN2GkXRUSJHKTcTM493qDrXhWRhMUkUF5szzEcRSW2AdnC1UwWsZimWy6W3HEmY7LAvOxw3RoN0vwZqDyyKApttgUgAv61yGGPwUDSo6+bRHpwQ2rcNAJ8WCSaTCbTWqOv6cOwz6jdp3QMle+i1xnGMy8UUd+vSTQrikiCG+Tgiqc1hFWwkgMt5htVqhSRJjgquSaCopjC0Ir+69Gc4b9M0mM8mWCwWmC0vYPsO2d2dr2E8Za2GscXLy0tkWQaoCDAGXdt4Mbfm6eQNiWTbtkfPR49fLBYoCieS3LDIMB9EJC2Aohn6syVwkSssFgtEUYS6ro8SKV3XHZXU5Hnu6yO/FjMI8Wq18u6z7d2wjOvra/8cp8SYfkZj24wxsLrxmxWpHvI513mqWyhcZSulgAVbkQzzV/DddNxY6/7sYwnvYlOCJIzL0bEkPtS7/RYiSedVSnkLjnrCw3jl08bo8VbG166LCBNR4zW4Ukq2IRnmo7nbUgrAWCTKlbxQCQwJVjgIggSSYpXfooA8fK6n9nA/skZHIYBzluHT90IePbbv+6ORanEcI1GabUmG+UiWJP3FR+o45kcWXNu22O/3fvIPfby1SIaufCh0L5lNGT72NaVJJJLktu/3e/R9f/QGkSo3tZxhmA9iSY4hETTG4Pb2FmVVI08T34L4LYdYWGsRxTFgLcqyxHq9hlIuTkqbD88liXwx+TDfUkrpVtnGCUzfPXnNoTjTa+y6zn8IITCdTl18ln93GeZjWZLGHoSCBLKua9zc3OB2UyNWEvP5/EhAv8U4NBIoozV2ux02m42vV6QY6bl+bhK4sizx8PAAwK1lKIoCTbX3IvrcNwk632w2Q9M02Gw2/jq4mJxhPpq7DdddY4z1tYX39/e43XWYJsBqtcJsNjuau/gtLEkSpqqqvCW4WCz8c1NsdPzc9Li+71EUhc/KCyH8zMswzvklS5ZCCSSSeZ6j6zqs12tUVQVteEEYw3wod5vakHsLFEWB9WaLTQNcTxWur6/9ZkHqgf5WAkmudNu23pptuw6wFlmWY7lUvpd7nG0XQmC/3w+7tCd4WK+he408z9B1rpebRP7c9YdWKoUbuq7DxcUFNpsN/vd2699QFE8vZ5gPZEkK94dfdcAfn7fQFvjH5cSva7DWIoqib5KsGYskFXIDQwnQULjeD5Zg2AoZPpbca2sttrsCfdfBWuNXMtR17WKLUn3xWsiajKLID8mYTqdYpLQgDOA6IIb5ICJJf+sW8F03q8XMd9xQnSJN8P5m1zFYgzTX0RiD6XSK2WyG6XSKNIl9i+G5gnL6iJTEbDaDEBIWAmmaYr/fo2kaPGeBTVizSdeUJAmur68xT929spZ1kmE+hEgaC18CNImBX64WWC6XANwEcqUUkiQ5dLJ8AysydHOFEKjrGkVR+BIk2qlzf3//ZOeMUuqoXCfLUljrEjZ106LruhddE1mhlDzK8xzL+Qx55NZbcAKHYd65SPbGYlf36LQrJL+Y5T6L3XWdHxv2VBzvrazIEB0M0fh8f4+yLI9EdJxZp3+7TYcSRVHg3zcP0FojTSJsNhso+bpYKoUZaKDHarXCxSyDNsBm36NnpWSY9ymSnbaoWoNOAwbAIo+wWq18lhgAkiT5pnHIcy4zJV+EEKg6oGlbHxwIEzWniOMYeZ6j1cDdZu+TNiT2p0T5S9YtDeOl0MNiscDVVKG3wL4xaHkiEMO8H5G0gwVZtQZN73q2Z8mhZztcXfCa7YfjjpeXdMCEY8niOB5c5+d1t1DskJ4jknAjzYa2wlAcXyr4YW0oZfmvrq6wSA73stc89oJh3oVIGmNRNtrPjowl8OtP15hOpy6xATyqh3zNgIhzAnlKKMPzk9BJKTGdTtFrHC3eesrddnHIDLPZzMcL6fnC8W4vtW7pfrj75+KycRxjdbFAFrk5nNtaw7DrzTBvyt9SJymFgLXOoswi4Ho5RZqm3ooLRe41wkhDIUhMQnGkBMxY6MLnokRR0zTY7/fQ9rhT5tTgXfpaSon9fo+yLI+6iOi857p0xucLM+X08/BNg4Z/TKdT7HY77DsLIdy9ZRjmBxfJVhvvvs5SheVyeRSHfI1IhgMh+r5H3/cnRTBMBJ3q3KH4n7UWRVHgYW/crp1RTeS5a5NSoq5rrMv2aEcPDdAVQvhMfjhkdzx1aHxtYzGl2GSSJC5ZVDf+3qYRV5kzzA8tknVn0Fs3gTxNU0RR5OsSaRzY2AX+kkDS8W3b+sG8oZDRucKVD+OkULgHm4TLfMFiPeWuW+v29DirGYOYpej77tF5qLuH3iBIvOM4frLPOxTYNE2RRg32HVC1LJIM86ae79/xpCQgWYyzBeIvqYckwWqaxluQ5yw9+n7f9/74Lx07ZuwGn/q5X0UhMUw7v/CuPsThmruu8106JOJd16GqKj/5Z5zsGQtyHMfIokE0OSTJMD++JUl/45M0RpZlj9r8wuVXWms/tizcrT0WKq21X8LlxeiMuFHHDBV2n7LYyJLEMy3JU1YrAChx6MOmSep0fNd13oIcv/ZwVQVZlecSWIdFaB3PmGSY9yCSEACsq4GMouiR1RhaT9RHfapWcmxh0RRz+jy29EKBJBGmJAjVIVLyxccHh20yrx3LJgROLikjkQ4XnHnzPnT3h8eFYYjx6z5aLcF5G4Z5ByI5cqlP1UHSBJy2bVFVFZIk8cu0qI+bEiwkbFmWPVp9cM59psf1fQ+tta9BpMQNPZ+sW2h72HXzpeseC7MSONp4aIxbKj5eGTt+fHietm2PEjqnXG/LJiTDvD93+1SLH7mOZVn63mnaQEjJnVNxzFMlOqfc7bGgUcsfXcc4ixwrQPcujhomds7FI2lyjxROXNMk8n3nhwVjB2EjKznMutNzU5Jp7JKTVXkq880wzDuzJEMXkizD9XqN3W7nB97GcXwUgyRhO5VAeWlG/JRQh/WUqQLq3iVEwpWyY/eZrNlwnBuJJgBvrUopgdFWRhLHcR3luJg+/AjjrmQNs7fNMO9EJKXAkQvrkg7wtYn/e7tBFgE/XS0xn8/Rtq13s8nSpCnhr3U1v/QYH9sUj4XVxwoDtz6MZzpxcwZjaBGGg3opZBCuyh1fV3gM3QPK4kdR5MMLTdOgap21yU43w7wHd3v4TGJDInF3d4c/H/ZQEvj5+tLvdgmFi0TjNe19zyWMafq5EeJ5x5P1mEVA0R7CAGRJumJy82hd7VPCHUXRUWlTWZYoyxJaa6xWKxhjUA8lmFwCxDBvbNT9HU9KetP32ltf9/f3uF3vYSzw26cL5HnuLScShy+tPnjzmyMlYiVdMt5+2fo8an8UB3c7dI9PTTM/lzkPv0fWszEGi8UCALBer9E0jStGt+4/c5ZwITnD/PAiGUKrV/98KGAA/LLKcXFx4RM1YULlqcz1NxHIOEaSJE7sxPlNh+PWR6016qHDsus6VMNSsPFczOeUFYWj2ygskaYpZrMZAODz588oqxYCzvvPYhZJhvnh3e2DJQU/AbzVwM8Lt56Asthjq+u561jfUiSde18jUuJkgXoojoSLtbq2Sykl5NCX7ndmv1DgwzcJpRTatsV0OgUA/M8fa98jLoWbVq44080wP7ZIzlKFXa2xa4B9V8FYIFFAlmVQSp3svf4rXW2Kd9JkIoEdupNDbR+LI3XI/LyaYDqdYl8dduKEQzheK9xSSr/JMU1T5DGw70hM+ReaYd6FSMbKxex6C/RD59/PiwSTyeTR/piwNvGp1ry3Iky+0OCJ365mPsNM10IJmDGUxc6yDFZI9H2POFJHLY5P9X0/57ooBKGUwjxP0JsW1grkieBRaQzzHkTSWAslATOsbYgEMJ/Pg0ngj/uzX1Ms/TX7ueVg0TZNg6ZpYS3Vc8onBZtGtW23W/+9NImfLEB/ictNZURkjboKgHvUGi7JxBrJMG/K35PdFsOk7+EPOokORddjV3Q8Vfw1E8pfeZXBUIrwNh1PCT/nEo+/N5/Pj+ZAft39O4j/ZDJBFCk0vVuoZtjnZpgf35J01qSLocUSmKbnO2iO3NtnWlxKKQgVAwKwffcqa9Lo3k/fmUwmR+cIp/KM3eEoipDnuR/cIaX0gzzeIkxACZxw/qTLemtoAwjuuWGYH18krXUdNxYuYUNbCc+JyEvcbRKvtipRVRXyPEeSJC9OlpDYktiFQjgeMjF+/nCzYfjvt4qljqeWx3GMRDXoNFB1BhOulWSYH9vdJksScENpaQDEuYTGS9xTGcXoug63t7f473/foSxLiCh+tYt7aojEU2IX9penaerjh2/VITS+Htr1PYldfLdsDf9WM8yPLpJSHJxCIXCUBDklQKeG3D7hj6IsS/yxrmGGkWQI98u8QHTD63nuxJ3XPOZrBJNKjmgyEtuQDPMORHLfal/TJ4eM7VMrEV5URG4tsizD1dQlgtbrDbabNaCiN+nWee45vjYz/9Tzh9dAve/UjcMhSYZ5ByJZ99Yv2Aon47ymfvCROOkek+kMv/zyCy5zgXUD3NzcoNmXb9K189I6zacs5K91ub9W8BmG+U5FMpxU87X1g2O01oA1yLIMv/zyCy5S4KEG/vjjD9cLruIf/j9tbKU+tY+HYZgfUCSPBPMZWxHPxSlPCWzY9jedTvHrr7/geqpws+twc3ODrqmgkvTJDPWPIpKh+39wwfmXmmHekr+lBEiJoU4Sh8G7p2J35/bIhIuyzs1lpBKe2WLpfn57i7ttBa1/x/X1NSbTKZSUMKM2yB9BIOmNJSwF+pbzNRmGLcm/mFgdW5LjlbKnrKZxEoRWyD4lDn3fA0ZjOl/gn//8JxaZws22xe+//459WcIGWe/vfUfMOFkTCnu4B0dy4oZhfnyRnCTK9xh3Bn76+LiLZbx/JozB0V6Xp6xAWp1gtVsZ+69//Qv/uJriobL4r//5D25vb13Bd5xARsl364KP3xzCvUA0d7Pp2c9mmHfjbtPkbmOBTruZknmeP8o8k0DS6gMAEFLBBAIZLtg6J27U+aLiFNfX14jjGLvdDpvNFkVRIM9zzOdzzGYzqCR1cQBrYI0+6rZ561Ke5woyudZaa3RddySQtOOGhvzy+gaGeQci6WY0upK+3jiRDGNsp6xBWqYFuONJHJ+T+CELTFqLOM1x/VOG2WyG+/t7bHZ71F3phCYQ6yRJfHnSuZKbL1mxp74ehxG+9HgKR5Cb3ff90abEtm3dkjDr7mek2N9mmB9eJJ0IDOJlgbJ1aw5oydep/djWWrRti6qq0LYt0jRFlmV+iyD1R58TL2+Vdg2EEMjyHL/945+4bmpsNhvcrzd4+HONRK2RxQKr1cqPbzsncl/qAjrV4UPiGCarnupZB9y9GcdtKXlVFIV3tYUA5in33DDMDy+SUgpMU4V9Y9Boi964pVZKKeR5jqqqjuJwoVtJcxpp9wxZW+RSPzeeaAc3Oo5jrFYrzGYztG2Luq5RliVu7u7x59090sitcUjTFHmeI8syJ5wqwpPDG60FBne9bVtvqRpjvMCHPetPWd3WWlRV5S1c2nnTNA3Wmx3qHt4y53mSDPMORFIAiKSAlIAYBu8+7DWSZIckSRDH8VFpEFlO1loUtUYeP05maK2f3U0zrjOM4hhRmiE3BpO28UJNu3aMMSjLEvv93o9JC7PiYc0muf9hFpo+CyH86wsnjD/nOkkk8zz3Ky622y22blg6YumWgPGoNIZ5J+42ACghEElnSWoLbIoKUbTBYrE4mWl2ggRoAy+gYUKDhOc5wzDC+kJ3Lhfri5MEcZpjsQJgAdM7F78oClRV5eKhxu3jtsOHlE6klHJrGox1pTjhJPEkSTCfz5HnOYSUsIGYnru+8I2iaRqfoAKA3W6H283e/ScOWxJ5UyLDvDORzBIJKYGyMTB2WGi13gEAlsslkiRB27ZHJUCRBIoWmFSV3z9NLnff92fjmqesNBKj8BwwBkB/5OpPJhM/eJey3ZRQoWxzKG40cCKcUh6Ktxnii+dip+H1UCxSGwspXXJrs9lgs92hGzoRJ6lEErFAMsy7E0kBIFESSIGqNegMUA5CWdc15vP5sJ4g8qPA5tMcRVv5jYrhBKGu61405PapRE+YmBm71ZDKB/9yMicPJz0ODBpztDDslPUY1n+G5T50XFmWaDXQG42bmxsU5R67xlUqxfJ49BzDMO9IJElT0kjCWkD0Fp22KDug7Do07T0Ww/rULMsOu7Blhboz2O12mM/niKLId990XeetubHV+FKxHM+FJPf3VO/0OXeeruXccWFYISz7oVIfY9zrbLUTxfphD21da2emnGXNXTYM845F0rvesYQQgwANBtimATZNAQFgkW4wybMhRucszrv7td8nQ2JD7m+SJEeu7imhDOOaT5X0hK4ytUPWde1XzI4hd5umk4du9zjGSt8LS6DISu66zmXbOxez9f9pAsgTjkEyzIcSSQyud5Q54Sgbg85YlxwBsG2AfVcDcAXoAFB1wN3dHa6urpDnOZqmgbUWfd/7Mpnx0q7QAuz7/tGwiPE62/Ax4yJzsmApC06CSyVDNDE8nJcZiq5QEZpqj7IsfYiAjlVKYbvd4vbBxR4FDhbjJJWIFQskw3w4kRTCZbwBZynFw6igVhsYcxBHIQBYoLfAfdEB+IyLiwtvVdLAB3KPSYBOJVGqqoLW2rUkDh08YZZ8bP1RhjmKIiRJ4gu96ZjQihx3EIXWpLUW0P3QHrnBp0+ffHa8rmtUVYX1tkA11ECmkUA8dNOknKRhmI8pkiGxOoiC6i2MOfQlGwt0xpUO9Ra42XXoultcXV1595a2HJKIUSvfWPy6rkNZls7lzzKfCDo3rzL8mVIKaZo++TrCKUWhdWqMwX6/x3a7RW+sL5avqgplWeLzrkVvKbklkCcSEQcfGYZF8qQbHg3uavC9pjPYNQcBWtfA7j+fcb1IcXFxgTRNfckO9X3rUekN7cMGgIeHB9+KSG47iW0osKHgPbaEz7dUhmEAymTf3d2h6iwuFxNUVYX9fo+HsvM1mIBL0MwyxckZhmGRfIY7fiScEnMA+9b4Ab7O/W7QNH8iSZLjNsITY9eklJjNZojjGH/++Sdu7+7RNA2WyyWiKDo5dYfEMuzuOeWWh4Xq4RBgpRTqunbDNWoLY4FN4YrC6z4IKQwW5CSRLJAMwyL5cuTQZeLGrRnXhWOBVrsPUbeY1i2mWeX3X49bCclaJBHbtkC9dq53nuc+6ROK3qnSn7FIjqeF0/NqrVFVFbbbLW52hyL0IkiSS7iYa6yE6xvnqT4MwyL5NUwSiaZzQtkPQkmWZdECRdsCaBFJ57omCgjzHnoQVgy1h60G/v25xCItsZjPfDF7KJaUqHlqvmTYc07F4WVZ4n699aIoR+axBKCGusc8kVBsQjIMi+RbkEQScSR8HK/qDKrOQolDfaE2gIabhC5OuPHGui9oGHDRAtVDgWhTIIuE7/4RQhxlrsOOnPGOHUoMFUWBotyj7t3zK+H6vbNIPpr/KEDXwQLJMCySb4QQcNNvBl3JYwkl7IsebweRFHBf71vjXfd9Z9HqLcqyPIpNjif5UIdM+KG1RtkY1EOtYxIJpEoMLrXk0WYMwyL516OkQJ58nfpQmRGGz851D3dbd9491sa595E8JF7gPHg/5zFWAol0Vi9PD2cYFskfnukw4Vsbi12tfecP9U3bQUjDZY3d8LUcLFJt3WbIWAlMEsU3lWFYJL93t1y8eBOikgKzVPkaTWsPQ37OnSr8uRzijwzDsEi+35vE7jHDsEh+BL63fdrM+6fXFutK+xAMhWwknJdBsewk4qlOLJIM84HQwwSrzlgfvxZDiVk0VFOE5Wm9seiN5f58FkmGef8YC1Sthrau2oEqHBIFZBEQKYW+1yg7+P1OprPQRmOeRdyGyiLJMD++lbhvzZEoUiBHDlZib5xvHStgOYkxmUx8m2vYttr3PbbbLR72ri53W+lD4m/0vBQaj5Vg15xFkmG+P5rezTXtjEXTW9+5FclDQwLVzNJYv2kicHl5eXJBHbWuJkkC9fCA+6JDbyyUpN1FBxHuNNAMD+2N9WtPGBZJhvnbXWdrLbRx0/LtYC2myjUSpAreQqSefmstqs7NEkiSBGma+rUfY5RSmE6nTvz6W2wbi0UqkOf50byAtm1Rt52fFFU2BlIIRFJw1xaLJMP8fVStRtO7JIyBE8XlJMZ0OvXTpUjIjlxyrVEUhZ/8RINOwolR1LraNI1fXVx3JRaLBZbLJfq+f2R1brdbfF7vUHZAUWtMeZ0wiyTD/D0WpEXbG7Ta+iz0LAYuL+aYzWZHx4bT7sPVw7PZzK8PGa/zCIeg0EeWZbgSBysyHONHg1SWyyUAoP28Q2+AfWthrOEYJYskw/z1bnbdOTcbAKYxcLVaYD6fQynlp8yP97KTUEop/RpkAI9WgYQDoGmuqVIKk8nEiyN9DoelpGmK+XwOrTXuNns02kL0QBbz/xmLJMP8xSJJvfipAi7mEyyXS+8e0yK4U3uQiPEQ5nDH0dgKjeP46NhH1zNkwtu2RRRFuLy8RFVVaKtho2jQLsuwSDLMN6XqDJpBIZUAPl1M8enTJ7+mOMuyk6uHzzFeTfyaY2idMQmm1tqtLG5a9MZi12hMeVAziyTD/CVWpDm42bFyorTZbFDXtd+rHkURlFJ+mdxrhqd8STjHFicJZFEUqKoKVd2iHYrVm94CML5jh7p7lBA8e4BFkmG+HuutQvixeMSmqHC/rSCEq4lMY7dKmLLbtHHztUL5HIE85a4nscJKatfWaN2raHvrp+9H0pUpTYRiC5NFkmG+jl5b9FqjHVZskBR1GpARMM8jTCYTZFmGNE19tvpcrPFNBTw4d57nmEwmR2uK27b1iaTdboebbQsL9zq0BXStMcsU94WzSDLM66g74y0wY50VdpEBeZb5YnByq2llx7eyGl9iXQoh/HXRbvkoijCZNMMO9xatdpZxURtkMbczskgyzAtd7K4/dMcAwEUK5HmGPM+RpimyLHPutIwAawBrHq0X/iuhNcXh7vgwwx5Fkb9uKde439VoNE0ZYkuSRZJhXiCQvbYoGg0zrORYZgJXV1fI8/xoJbC1FqZrvqvrDxM5oUC2bYuu65AkCS4uLmDMPW62rZ9ExKVCL4dtb+ZD0vYGRePGmUUS+Pkix6+//ookSaC1W/hGdZDfveAHFi1db9u2iOMY8/kcaeTeFOreYFdrP3yDYZFkmJMWZD3sZScX+9Myx2q1QhRFRx0ufd+jaRp0Xfeoq+Z7FUpyv8ktT5IEizxGJF28VfN0fhZJhvmSSladQactlAAuc9cPHccx2rb1sT4aTFHX9ZFL+6NYlfQaALhZlsNfuhIC7G2zSDLMF3AyMYmBT58+QSmFpmlgrfXZa7ImyTI75dp+N68msHC11tBa++w7ZcB5Y+fr4cQN82HotEXdGWhjEQlgkiU+BkkDJpqmwW63gxACFxcXiOMYSqlvXgv5FkLZdR3atvWvh7LeSilvDWlrOXHDliTDnMZYi067xVyTGJhOp1BK+eES+/0ed3d3qKoKcRwjTdOTE8W/Zzc7fD1aa28NX66WWGVDuKE1qDuDXnN8ki1Jhjlysg8mVJbGyLLMJziqqsJ6vcausfh5NcVqtfIWJB3zvQtkFEWI49hPQe/73sdTLy4unNv9+TO29TA1PRKYScWLx1gkGWYQExx2z9BQiqIosN1ucb/XyCLg//x27WdGfouC8TCx8tLHhZ0+9O9T56ZZllprdF3ns/RpmuKnn35CdH+P+6JF21sU1rUsslCySDKMK6Yevt4ULnNddRZSAJ/mCZbLJRaLBYRUsEa/uUBKKSFU5K/E6v6LVqofyBvF8NkXC8D0Pnt98rUK4d8IKF6ptfazKK39jLuiG+K0GmnEY9ZYJJkPC8UhuyAG53ZeW+QxsFwssFqtEGc5YC1M371p2Q+1D1pr0dYVjDF+etCX4p2UfNF9h6ZpvNClaXo003JsTZK4hs9BO3OyLMNyuUTX3eGhBprOQgrLIskiyXxEeuNaD2nVK8nA5URitVphOp0ehtl27ZGwvZkFKwQgFapih4eHB9R1jclkgtVq5eOiZ4ftqgh91+Lh4QE3nzfY966//NOnaywWC7+l8RQk9CSWFF9tmgZZlmE+n2Nd79BbcBcOiyTzEWl74/fU0CrYy4lyrXpD5jqOY780OyzADmsPX+t2k0ABwB//+Tc+bwrsO/ezXVOi73v89ttvR6tjxxZk37W4ubnB7/d7X7qzbgBzc4fJZIIkyyGeETuNougokaOUm4mZxztUnetCsrCYJIqLzVkkmY+CNkA7uNqpAlazFMvl0luOJEx22JcdjhujQbpfA7UHFkWBzbZAJIDfVjmMMXgoGtR182gPTgjt2waAT4sEk8kEWmvUdX049hn1m7TugZI99FrjOMblYoq7dekmBXFJEIsk85EE8rAKNhLA5TzDarVCkiRHBdckUFRTGFqRX136M5y3aRrMZxMsFgvMlhewfYfs7s7XMJ6yVsPY4uXlJbIsA1QEGIOubbyYW/N08oZEsm3bo+ejxy8WCxSFE0luWGSRZD4IFkDRDP3ZErjIFRaLBaIoQl3XR4mUruuOSmryPPf1kV+LGYR4tVp599n2bljG9fW1f45TYkw/o7FtxhhY3fjNilQP+ZzrPNUtFK6ylVLAgq3Isx4B3wLmXQqldX/2sYR3sSlBEsbl6FgSH+rdfguRpPMqpbwFRz3hYbzyaWP0eCvja9dFhImo8RpcKSXbkGxJMh/u3V8KwFgkypW8UAkMCVY4CIIEkmKV36KAPHyup/ZwP7JGRyGAc5bh0/dCHj227/ujkWpxHCNRmm1JtiSZD+dzA4jUccyPLLi2bbHf7/3kH/p4a5EMXflQ6F4ymzJ87GtKk0gkyW3f7/fo+/7oDSJVbmo5w5Yk80EhETTG4Pb2FmVVI08T34L4LYdYWGsRxTFgLcqyxHq9hlIuTkqbD88liXwx+TDfUkrpVtnGCUzfPXnNoTjTa+y6zn8IITCdTl18ln9F2JJkPhbGHoSCBLKua9zc3OB2UyNWEvP5/EhAv8U4NBIoozV2ux02m42vV6QY6bl+bhK4sizx8PAAwK1lKIoCTbX3IvrcNwk632w2Q9M02Gw2/jq4mJxFkvmACADGWF9beH9/j9tdh2kCrFYrzGazo7mL38KSJGGqqspbgovFwj83xUbHz02P6/seRVH4rLwQws+8DOOcX7JkKZRAIpnnObquw3q9RlVV0IYXhLG7zXysd//hD763QFEUWG+22DTA9VTh+vrabxakHuhvJZDkSrdt663ZtusAa5FlOZZL5Xu5x9l2IQT2+/2wS3uCh/UautfI8wxd53q5SeTPXX9opVK4oes6XFxcYLPZ4H9vt/4NRbHJxJYk87HMSAGg6oA/Pm+hLfCPy4lf12CtRRRF3yRZMxZJKuQGhhKgoXC9HyzBsBUyfCy519ZabHcF+q6DtcavZKjr2sUWpfritZA1GUWRH5IxnU6xSGlBGMB1QCySzAdyswGX4Kaum9Vi5jtuqE6RJnh/s+sYrEGa62iMwXQ6xWw2w3Q6RZrEvsXwXEE5fURKYjabQQgJC4E0TbHf79E0DZ6zwCas2aRrSpIE19fXmKfuXlnLOskiyXwIjIUvAZrEwC9XCyyXSwBuArlSCkmSHDpZvoEVGbq5QgjUdY2iKHwJEu3Uub+/f7JzRil1VK6TZSmsdQmbumnRdd2LromsUEoe5XmO5XyGPHLrLTiBwyLJvHN6Y7Gre3TaFZJfzHKfxe66zo8NeyqO91ZWZIgOhmh8vr9HWZZHIjrOrNO/3aZDiaIo8O+bB2itkSYRNpsNlHxdLJXCDDTQY7Va4WKWQRtgs+/Rs1KySDLvk05bVK1BpwEDYJFHWK1WPksMAEmSfNM45DmXmZIvQghUHdC0rQ8OhImaU8RxjDzP0WrgbrP3SRsS+1Oi/CXrlobxUuhhsVjgaqrQW2DfGLQ8EYhFknk/2MGCrFqDpnc927Pk0LMdri54zfbDccfLSzpgwrFkcRwPrvPzulsodkjPEUm4kWZDW2Eoji8V/LA2lLL8V1dXWCSHe9lrHnvBIsm8C4yxKBvtZ0fGEvj1p2tMp1OX2AAe1UO+ZkDEOYE8JZTh+UnopJSYTqfoNY4Wbz3lbrs4ZIbZbObjhfR84Xi3l1q3dD/c/XNx2TiOsbpYIIvcHM5trWHY9eY6SeYdvNMLAWudRZlFwPVyijRNvRUXitxrhJGGQpCYhOJICZix0IXPRYmipmmw3++h7XGnzKnBu/S1lBL7/R5lWR51EdF5z3XpjM8XZsrp5+GbBg3/mE6n2O122HcWQrh7yyLJMD84rTbefZ2lCsvl8igO+RqRDAdC9H2Pvu9PimCYCDrVuUPxP2stiqLAw964XTujmshz1yalRF3XWJft0Y4eGqArhPCZ/HDI7njq0PjaxmJKsckkSVyyqG78vU2jj+1wskgyPzx1Z9BbN4E8TVNEUeTrEmkc2NgF/pJA0vFt2/rBvKGQ0bnClQ/jpFC4B5uEy3zBYj3lrlvr9vQ4qxmDmKXo++7Reai7h94gSLzjOH6yzzsU2DRNkUYN9h1QtSySHJNkfnhIQLIYZwvEX1IPSYLVNI23IM9ZevT9vu/98V86dszYDT71c7+KQmKYdn7hXX2IwzV3Xee7dEjEu65DVVV+8s842TMW5DiOkUWDaHJIki1J5seH/sYnaYwsyx61+YXLr7TWfmxZuFt7LFRaa7+Ey4vRGXGjjhkq7D5lsZEliWdakqesVgBQ4tCHTZPU6fiu67wFOX7t4aoKsirPJbAOi9A6njHJIsm8CwQA62ogoyh6ZDWG1hP1UZ+qlRxbWDTFnD6PLb1QIEmEKQlCdYiUfPHxwWGbzGvHsgmBk0vKSKTDBWfeXQzd/eFxYRhi/LqPVktw3oZFknk/hNnnsQDRBJy2bVFVFZIk8cu0qI+bEiwkbFmWPVp9cM59psf1fQ+tta9BpMQNPZ+sW2h72HXzpeseC7MSONp4aIxbKj5eGTt+fHietm2PEjqnXG/LJiSLJPP+3O1TLX7kOpZl6XunaQMhJXdOxTFPleiccrfHgkYtf3Qd4yxyrADduzhqmNg5F4+kyT1SOHFNk8j3nR8WjB2EjazkMOtOz01JprFLTlblqcw3wyLJvDNLMnQhyTJcr9fY7XZ+4G0cx0cxSBK2UwmUl2bETwl1WE+ZKqDuXUIkXCk7dp/Jmg3HuZFoAvDWqpQSGG1lJHEc11GOi+nDjzDuStYwe9ssksw7QQocubAu6QBfm/i/txtkEfDT1RLz+Rxt23o3myxNmhL+WlfzS4/xsU3xWFh9rDBw68N4phM3ZzCGFmE4qJdCBuGq3PF1hcfQPaAsfhRFPrzQNA2q1lmb7HSzSDLvwd0ePpPYkEjc3d3hz4c9lAR+vr70u11C4SLReE1733MJY5p+boR43vFkPWYRULSHMABZkq6Y3DxaV/uUcEdRdFTaVJYlyrKE1hqr1QrGGNRDCSaXAHGdJPMOIL3pe+2tr/v7e9yu9zAW+O3TBfI895YTicOXVh+8+R+blIiVdMl4+2Xr86j9URzc7dA9PjXN/FzmPPweWc/GGCwWCwDAer1G0zSuGN06cZglLBF8B5h3Ba1e/fOhgAHwyyrHxcWFT9SECZWnMtffRCDjGEmSOLET5zcdjlsftdaohw7LrutQDUvBxnMxn1NWFI5uo7BEmqaYzWYAgM+fP6OsWgg47z+LWSLY3Wbej0Up4CeAtxr4eeHWE1AWe2x1PXcd61uKpHPva0RKnCxQD8WRcLFW13YppYQc+tL9zuwXCnz4JqGUQtu2mE6nAID/+WPte8SlcNPK1QfPdLNIMj88s1RhV2vsGmDfVTAWSBSQZRmUUid7r/9KV5vinTSZSGCH7uRQ28fiSB0yP68mmE6n2FeHnTjhEI7XCreU0m9yTNMUeQzsOxJT/t1ikWTeBbFyMbveAv3Q+ffzIsFkMnm0PyasTXyqNe+tCJMvNHjit6uZzzDTtVACZgxlsbMsgxUSfd8jjtRRi+NTfd/PuS4KQSilMM8T9KaFtQJ5InhUGosk8x4w1kJJwAxrGyIBzOfzYBL44/7s1xRLf81+bjlYtE3ToGlaWEv1nPJJwaZRbdvt1n8vTeInC9Bf4nJTGRFZo64C4B61hksysUZy4ob58XHDYQ/eahIdiq7Hruh4qvhrJpS/8iqDoRThn93xlPBzLvH4e/P5/GgO5Nfdv4P4TyYTRJFC07uFaoZ9brYkmfdiTboYWiyBaXq+g+bIvX2mxaWUglAxIADbd6+yJo3u/fSdyWRydI5wKs/YHY6iCHme+8EdUko/yOMtwgSUwAnnT7qst4Y2gOCeGxZJ5sfHWtdxY+ESNrSV8JyIvMTdJvFqqxJVVSHPcyRJ8uJkCYktiV0ohOMhE+PnDzcbhv9+q1jqeGp5HMdIVINOA1VnMEl46C7DvAtLEnBDaWkAxLmExkvcUxnF6LoOt7e3+O9/36EsS4gofrWLe2qIxFNiF/aXp2nq44dv1SE0vh7a9T2JXXy3bM2H/91ikWR+/F9icXAKhcBREuSUAJ0acvuEP4qyLPHHuoYZRpIh3C/zAtENr+e5E3de85ivEUwqOaLJSCwQfA+Yd8C+1b6mTw4Z26dWIryoiNxaZFmGq6lLBK3XG2w3a0BFb9Kt89xzfG1m/qnnD6+Bet+pG4dDkiySzDug7q1fsBVOxnlN/eAjcdI9JtMZfvnlF1zmAusGuLm5QbMv36Rr56V1mk9ZyF/rcn+t4LNIMsx3Sjip5mvrB8dorQFrkGUZfvnlF1ykwEMN/PHHH64XXMU//P0bW6lP7eNhkWSYH10wn7EV8Vyc8pTAhm1/0+kUv/76C66nCje7Djc3N+iaCipJn8xQ/ygiGbr/Bxecf6e4BIj54VFiqJPEYfDuqdjduT0y4aKsc3MZqYRntli6n9/e4m5bQevfcX19jcl0CiUlzKgN8kcQSHpjCUuBvuV8TbYkGeYvJlbHluR4pewpq2mcBKEVsk+JQ9/3gNGYzhf45z//iUWmcLNt8fvvv2NflrBB1vt73xEzTtaEwh7uwZGcuGGRZH58JonyPcadgZ8+Pu5iGe+fCWNwtNflKSuQVidY7VbG/utf/8I/rqZ4qCz+63/+g9vbW1fwHSeQUfLduuDjN4dwLxDN3Wx69rPZ3WbeDTS521ig026mZJ7njzLPJJC0+gAAhFQwgUCGC7bOiRt1vqg4xfX1NeI4xm63w2azRVEUyPMc8/kcs9kMKkldHMAaWKOPum3eupTnuYJMrrXWGl3XHQkk7bihIb+8voFFknkHuBmNrqSvN04kwxjbKWuQlmkB7ngSx+ckfsgCk9YiTnNc/5RhNpvh/v4em90edVc6oQnEOkkSX550ruTmS1bsqa/HYYQvPZ7CEeRm931/tCmxbVu3JMy6+xkp9rdZJJl3Yk0O4mWBsnVrDmjJ16n92NZatG2LqqrQti3SNEWWZX6LIPVHnxMvb5V2DYQQyPIcv/3jn7huamw2G9yvN3j4c41ErZHFAqvVyo9vOydyX+oCOtXhQ+IYJque6lkH3L0Zx20peVUUhXe1hQDmKUfkWCSZHx4pBaapwr4xaLRFb9xSK6UU8jxHVVVHcbjQraQ5jbR7hqwtcqmfG0+0gxsdxzFWqxVmsxnatkVd1yjLEjd39/jz7h5p5NY4pGmKPM+RZZkTThXhyeGN1gKDu962rbdUjTFe4MOe9aesbmstqqryFi7tvGmaBuvNDnUPb5nzPEkWSeY9WJEAIikgJSCGwbsPe40k2SFJEsRxfFQaRJaTtRZFrZHHj5MZWutnd9OM6wyjOEaUZsiNwaRtvFDTrh1jDMqyxH6/92PSwqx4WLNJ7n+YhabPQgj/+sIJ48+5ThLJPM/9iovtdoutG5aOWLolYDwqjUWSeUcoIRBJZ0lqC2yKClG0wWKxOJlpdoIEaAMvoGFCg4TnOcMwwvpCdy4X64uTBHGaY7ECYAHTOxe/KApUVeXiocbt47bDh5ROpJRyaxqMdaU44STxJEkwn8+R5zmElLCBmJ67vvCNomkan6ACgN1uh9vN3onCsCWRNyWySDLvjCyRkBIoGwNjh4VW6x0AYLlcIkkStG17VAIUSaBogUlV+f3T5HL3fX82rnnKSiMxCs8BYwD0R67+ZDLxg3cp200JFco2h+JGAyfCKeWheJshvngudhpeD8UitbGQ0iW3NpsNNtsduqETcZJKJBELJIsk8y7d7kRJIAWq1qAzQDkIZV3XmM/nw3qCyI8Cm09zFG3lNyqGE4S6rnvRkNunEj1hYmbsVkMqH/zLyZw8nPQ4MGjM0cKwU9ZjWP8ZlvvQcWVZotVAbzRubm5QlHvsGlepFMvj0XMMiyTz3oRSAGkkYS0geotOW5QdUHYdmvYei2F9apZlh13YskLdGex2O8znc0RR5Ltvuq7z1tzYanypWI7nQpL7e6p3+pw7T9dy7rgwrBCW/VCpjzHudbbaiWL9sIe2rrUzU86y5i4bFknmI7jesYQQgwANBtimATZNAQFgkW4wybMhRucszrv7td8nQ2JD7m+SJEeu7imhDOOaT5X0hK4ytUPWde1XzI4hd5umk4du9zjGSt8LS6DISu66zmXbOxez9SIggDzhGCSLJPPhSJRElDnhKBuDzliXHAGwbYB9VwNwBegAUHXA3d0drq6ukOc5mqaBtRZ93/symfHSrtAC7Pv+0bCI8Trb8DHjInOyYCkLToJLJUM0MTyclxmKrlARmmqPsix9iICOVUphu93i9sHFHgUOFuMklYgVCySLJPMhXW9Fsb5EIh5GBbXawJiDOAoBwAK9Be6LDsBnXFxceKuSBj6Qe0wCdCqJUlUVtNauJXHo4Amz5GPrjzLMURQhSRJf6E3HhFbkuIMotCattYDuh/bIDT59+uSz43Vdo6oqrLcFqqEGMo0E4qGbJuUkDYskw8TqIAqqtzDm0JdsLNAZVzrUW+Bm16HrbnF1deXdW9pySCJGrXxj8eu6DmVZOpc/y3wi6Ny8yvBnSimkafrk6winFIXWqTEG+/0e2+0WvbG+WL6qKpRlic+7Fr2l5JZAnkhEHHxkkWSYk254NLirwfeazmDXHARoXQO7/3zG9SLFxcUF0jT1JTvU961HpTe0DxsAHh4efCsiue0ktqHAhoL32BI+31IZhgEok313d4eqs7hcTFBVFfb7PR7KztdgAi5BM8sUJ2dYJBnmGe74kXBKzAHsW+MH+Dr3u0HT/IkkSY7bCE+MXZNSYjabIY5j/Pnnn7i9u0fTNFgul4ii6OTUHRLLsLvnlFseFqqHQ4CVUqjr2g3XqC2MBTaFKwqv+yCkMFiQk0SyQLJIMszLkUOXiRu3ZlwXjgVa7T5E3WJat5hmld9/PW4lJGuRRGzbAvXaud55nvukTyh6p0p/xiI5nhZOz6u1RlVV2G63uNkditCLIEku4WKusRKub5yn+rBIMszXMEkkms4JZT8IJVmWRQsUbQugRSSd65ooIMx76EFYMdQethr49+cSi7TEYj7zxeyhWFKi5qn5kmHPORWHl2WJ+/XWi6IcmccSgBrqHvNEQrEJySLJMG9BEknEkfBxvKozqDoLJQ71hdoAGm4SujjhxhvrvqBhwEULVA8Fok2BLBK++0cIcZS5Djtyxjt2KDFUFAWKco+6d8+vhOv3ziL5aP6jAF0HCySLJMO8EULATb8ZdCWPJZSwL3q8HURSwH29b4133fedRau3KMvyKDY5nuRDHTLhh9YaZWNQD7WOSSSQKjG41JJHm7FIMsxfj5ICefJ16kNlRhg+O9c93G3defdYG+feR/KQeIHz4P2cx1gJJNJZvTw9nEWSYX54psOEb20sdrX2nT/UN20HIQ2XNXbD13KwSLV1myFjJTBJFN9UFkmG+d7dcvHiTYhKCsxS5Ws0rT0M+Tl3qvDncog/MiySDPN+/+jYPf6h4Pckhnkl39s+bYZFkmEYhkWSYRiGRZJhGIZFkmEYhkWSYRiGRZJhGIZFkmEYhmGRZBiGYZFkGIZhkWQYhmGRZBiGYZFkGIZhkWQYhmGRZBiGYZFkGIZhkWQYhmFYJBmGYVgkGYZhWCQZhmFYJBmGYVgkGYZhWCQZhmFYJBmGYVgkGYZhWCQZhmFYJBmGYRgWSYZhGBZJhmEYFkmGYRgWSYZhGBZJhmEYFkmGYRgWSYZhGBZJhmEYFkmGYRgWSb4FDMMwLJIMwzAskgzDMCySDMMwLJIMwzAskgzDMN89/38AH+cafbGKO6kAAAAASUVORK5CYII=) !important;
font: 10pt Verdana, Arial, Helvetica, sans-serif; } /* Hintergrundfarbe & Hintergrundbild geaendert + Font zusammengefasst */

/* zum Chat - Schriftfarbe geaendert ( waere vllt. ne h1 besser gewesen ) */
div[style*='margin-left'] strong, div[style*='margin-left'] strong a { color: #e9cd9e!important; } 

/* Willkommen *Nick* ~ Schriftfarbe geaendert */
div[style*='margin: 4px 2.5%'], div[style*='margin: 4px 2.5%'] a { color: #e9cd9e!important; }

/* Breadcrumbsnavigation ~ Schrift -bzw. Hintergrundfarbe geaendert */
td.breadcrumbs { background: #b0864c!important; }
td.breadcrumbs span[style='float:left'], td.breadcrumbs span[style='float:left'] a { color: #e9cd9e!important; }
td.breadcrumbs span[style='float:left']:last-child { color: #eed5b7!important; font-weight: bold; }

/* Kopfzeile ab dritter Ebene */
table.t_inner td.tdheader, th.tdheader { background: #b0864c!important; color: #fffaf0!important; }



/* Kopfzeile zweite Ebene */
th.category { background: #e9cd9e!important; border: none!important; }
th.category a { color: #b0864c!important; }
th.category div.small { color: #c1975d!important; }
 

/* registerkarten buttons */
table.t_standard td.tdheader, table.t_standard td.tdheader a { background: #d5c6c0!important; color: #b0864c!important;; }

/* beitraege leiste mit buttons */
span.small {display: block!important; margin-left: 1.5em; }
span.small, span.small a[href*='/ubbthreads.php?ubb=showflat'], span.small span.date { color: #8b4513!important;; }
td[colspan='2'].subjecttable{ background: #b0864c!important; color: #8b4513!important; }


/* leiste benutzer */
td[width='17%'].author-content b span a   { color: black!important; }
td[width='17%'].author-content span.small { color: black!important; }
td.post_top_link a[href='#top']           { color: black!important; }
/* td[width='17%'].author-content span.small img           { width: 110px!important; height: 110px!important; } */

/* Neue Beitraege */
td.new-alt-newintopic,td.new-alt-topicicon,td.new-alt-topicsubject,td.new-alt-topicreplies,td.new-alt-topicviews,td.new-alt-topictime 
   { background: #eecbad!important; color: !important; }     /* duenkler */
td.new-newintopic,td.new-topicicon,td.new-topicsubject,td.new-topicreplies,td.new-topicviews,td.new-topictime,td.newsubjecttable
   { background: #ffe4c4!important; color: !important; }     /* heller */


td.forumtitle a { color: #633c15!important; }

/* table.t_inner tr td.alt-1 { background: #b0864c!important; } */




textarea#texteditor { 
   width: 98%; 
   padding: 5px; 
   background: #6c5c3b!important; 
   color: #bebebe!important; 
   border: none!important; 
   font: normal 1em tahoma; 
   overflow: auto; 
}

.bbcode { 
   background: #6c5c3b!important; 
   border: none;
   cursor: pointer;
   margin-bottom: .2em;
   margin-left: .5em;  
} /* buttons */

select#convert, td.alt-2[width='17%'] {
   display: none;
}


input[onclick='submitPost()'],
input[onclick='doPreview();'],
input[onclick='switchAdvanced();'] { 
   background: #6c5c3b!important; 
   border: none;
   cursor: pointer;
}

/* Schriftgroessen beim benutzer */ 
td.alt-1[width='83%'] { margin: 0 auto!important; }

td.topictime,
td.alt-topictime,
td.new-topictime,
td.new-alt-topictime { font-size: .9em!important; }

td.topictime > a[href*='/ubbthreads.php?ubb=showprofile'], 
td.alt-topictime > a[href*='/ubbthreads.php?ubb=showprofile'],
td.new-topictime > a[href*='/ubbthreads.php?ubb=showprofile'],
td.new-alt-topictime > a[href*='/ubbthreads.php?ubb=showprofile'] { font-size: .6em!important; }
   





/* new & old posticons *//*
img[src*='nonewposts.gif'] { visibility: hidden; }
img[src*='newposts.gif']   { visibility: hidden; }

img[src*='nonewposts.gif']:after { backgorund: transparent url('http://i40.tinypic.com/293aoph.png') no-repeat center!important; content:''; display: block; height: 22px!important; width: 26px; margin: 0 auto; }
img[src*='newposts.gif']:after   { background: transparent url('http://i42.tinypic.com/2qlevqo.png') no-repeat center!important; content:''; display: block; height: 22px!important; width: 26px; margin: 0 auto; }


td.newinforum img:after { content:' '; visibility: visible!important; }  */





/* alte Zitate an neue angleichen */
blockquote {
   margin: 5px 2em;
   background: inherit;
   border: 1px solid #E6E6E6;
   padding: 0 5px;
   border-spacing: 0px;
}

blockquote font.small {
   display: block;
   font-weight: normal;
   padding: 4px;
   color: black;
   background: #E6E6E6;
   border-bottom: 1px solid #E6E6E6;
   font-size: 8pt;
}

blockquote font.small:after {
   content:'Kaiser Wilhelm II.';
   color: #f00;
   font-weight: 800;
   margin-left: .3em;
}

blockquote hr { 
   display: none;
}


/* ausgleichen der farben auf zweiter ebene */
td[align='center'].newinforum, td.threadtotal { background: #fff!important; }

.new-topicsubject a, .new-alt-topicsubject a, .topicsubject a, .alt-topicsubject a { color: #003!important; }
.new-topicsubject .small a, .new-alt-topicsubject .small a, .topicsubject .small a, .alt-topicsubject .small a { color: #6D2688 !important; }
.alt-topictime, .topictime, .new-alt-topictime, .new-topictime, .alt-topictime:first-line, .topictime:first-line, .new-topictime:first-line, .new-alt-topictime:first-line { font-size: 10pt; }


Ganz unten hab ich noch das Teilstueck von TobyB aus #Post1726711 danke an ihn und MichiLi - wenn ich das richtig verstanden hab.
Posted by: TobyB

Re: Forums Themes - 04.04.2009, 18:29:05

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.
Posted by: crazy a

Re: Forums Themes - 17.04.2009, 21:14:11

Heyho :)

Auch ich habe mal etwas rumgespielt und will die Einstellungen der Allgemeinheit nicht vorenthalten.
Voraussetzung ist auch hier das FF-Addon "Stylish".

Hier der Code:

Warnung! Spoiler!
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de")

{





/* ##### GLOBAL #### */



/* >>>>>> Hintergrundfarbe des Forums <<<<<< */
body {

background-color: #557 !important;
}



/* >>>>>> zum Chat - Schriftfarbe <<<<<< */
div[style*='margin-left'] strong, div[style*='margin-left'] strong a {

display:none!important;
}



/* >>>>>> Willkommen *Nick* ~ Schriftfarbe <<<<<< */
div[style*='margin: 4px 2.5%'], div[style*='margin: 4px 2.5%'] a {

color:#ffffff!important;
}



/* >>>>>> Farbe des "Moderator" etc. in jedem Subforum unten <<<<<< */
td.body_col {

color:#ffffff!important;
}



/* >>>>>> Footer, Breadcrumb, User-Profil im Thread, "Antworten"-button (und restl. 4), Zellenrahmen <<<<<< */
td .author-content, td .post_top_link, .breadcrumbs, .footer, .post-buttons {

background-color: #F5F5F5 !important;
}



/* >>>>>> alle bereits existierenden Tabellenzellen-Rahmen <<<<<< */

td {

border-color: #F5F5F5 !important;
}



/* >>>>>> "Laschen" ober- und unterhalb der Threads <<<<<< */
.tdheader {

background-color: #A9A9A9 !important;
}






/* #### THREADUEBERSICHT (im Subforum) #### */



/* >>>>>> ungelesene Threads (Betreff) <<<<<< */
.new-topicsubject a, .new-alt-topicsubject a, .topicsubject a, .alt-topicsubject a {

color: #000033 !important;
}



/* >>>>>> ungelesene Threads (Ersteller-Link) <<<<<< */
.new-topicsubject .small a, .new-alt-topicsubject .small a, .topicsubject .small a, .alt-topicsubject .small a {

color: #6D2688 !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;
}



/* >>>>>> ungelesene Threads (hell) <<<<<< */

.new-newintopic, .new-topicicon, .new-topicsubject, .new-topicreplies, .new-topicviews, .new-topictime {

background-color: #ADD8E6 !important;
}



/* >>>>>> ungelesene Threads (dunkel) <<<<<< */

.new-alt-newintopic, .new-alt-topicicon, .new-alt-topicsubject, .new-alt-topicreplies, .new-alt-topicviews, .new-alt-topictime {

background-color: #87CEEB !important;
}





/* #### IM THREAD #### */



/* >>>>>> Beitragsdatum, Postnummer, Antwort auf <<<<<< */
span.small {

display: block!important; margin-left: 1.5em
}



/* >>>>>> Thread-Betreff (gelesen) des einzelnen Beitrags <<<<<< */
td .subjecttable {

background-color: #C0C0C0 !important;
}



/* >>>>>> Thread-Betreff (ungelesen) des einzelnen Beitrags <<<<<< */
td .newsubjecttable {

background-color: #C9D6EA !important;
}



/* >>>>>> Sofort-Zitat-Button, Sofort-Antwort-Button <<<<<< */
.quickreplybutton {
display: none;
}



}



Und so sieht das dann aus:
1
2
3
4




(Wer aufmerksam schaut wird merken, dass ich auch keinen "Melden"-Button habe. Diese Einstellung habe ich aber oben entfernt, da dieser als User selbstverständlich bestehen bleiben sollte)
//A
Posted by: huendchen

Re: Forums Themes - 17.04.2009, 23:34:42

Ich benutz das Theme jetzt schon etwas laenger als drei? Wochen und musste zwar selber noch hier und da Hand anlegen aber .. das is so ziemlich eines der Besten bzw. mein aktuelles Lieblingstheme. Funktioniert aber auch im Safari und Opera ;) nicht das hier ein falscher Eindruck entsteht.
Posted by: page 50

Re: Forums Themes - 30.08.2009, 02:14:54

Jemand ein Skin für die Knuddels-Startseite?
Posted by: Anonym

Re: Forums Themes - 30.08.2009, 05:17:57

@crazy a
Das Theme für das Forum finde ich wirklich richtig klasse, gute Arbeit :)
Aber ich würde mich auch freuen wenn du, in dem gleichen Design, auch ein Theme für die Hauptseite von Knuddels machen könntest, sofern das überhaupt möglich ist.
Wäre echt cool ;-)
Posted by: crazy a

Re: Forums Themes - 31.08.2009, 10:01:02

Das wird wohl teils nicht möglich und teils zu aufwendig im Vergleich zum Nutzen sein.

Ich hab mich mal etwas informiert, immerhin war die Idee und die Hauptarbeit am Raussuchen der Codes nicht mein Werk. Eingefügte Grafiken kann man wohl umständlich durch andere ersetzen, aber dann müsstest du diese erstmal umgestalten und irgendwo hochladen. Weiterhin kannst du Dinge wie das Login-Applet nicht verändern (ich erzähle hoffentlich keinen Unfug).
Alles in allem könntest du also durchaus einige Teile der Seite für dich anpassen, allerdings sieht das sehr komisch aus, wenn du es nicht für alles packst, und das ist, so denke ich, nicht möglich.

Bedenkt man nun noch, dass man sich in der Regel nur en paar Sekunden auf der Startseite aufhält und danach im Chat oder sonstwo surft, lohnt es nicht, sich da ewig hinzusetzen.
Im Forum ist das etwas anderes, hier war erstens die Umsetzung im Rahmen und zudem besitzt es einen hohen Nutzwert; hier hält man sich ja durchaus etwas länger auf.


Fazit ist, dass ICH mich nicht hinsetzen werde und versuchen werde das umzumodeln ;)


//A
Posted by: Feldsvendark

Re: Forums Themes - 31.08.2009, 11:10:53

Antwort auf: crazy a
Weiterhin kannst du Dinge wie das Login-Applet nicht verändern (ich erzähle hoffentlich keinen Unfug).

Unfug erzählst du nicht, aber man könnte es rein theoretisch schon. Ich bin mir allerdings nicht sicher, ob man das Chat-Applet auch von einer anderen Domain als Knuddel(s/z).de aufrufen darf, von daher kann ich nicht garantiereren, dass eine einfache Abänderung der Farben im Quelltext eine erlaubte und durchführbare Handlung ist.
Im Spoiler ist der entsprechende Quelltext.

Warnung! Spoiler! (Quelltext-Ausschnitt von http://www.knuddels.de/xyz011.html?v=89yuo&c=0)
Html:
<noscript>
<div style="width:560px;height:280px;background:#ddd;z-index:2;"><applet code="GroupChat.class" archive="knuddelsk89yuw.jar" codebase="http://chat.knuddels.de/" WIDTH="560" HEIGHT="280" alt=" " mayscript>
<param name=PORT value="2710,80,443">
<param name=background value="D9ABEE">
<param name=foreground value="0">
<param name=foregroundList value="000000">
<param name=backgroundList value="F7D1FF">
<param name=suggestion value="">
<param name=idPic value="kde">
<param name=tunnel value="true">
<param name=appletID value="0">
<param name=categories value="Flirt|3|Over 20>Channels>Lokalrunde|4|Under 18|5|Lokalrunde>Channels>20+>Fußball|6|Games|7|Classic|8|Themetalk>Channels>Fußball|9|Alle Channels|0">
<param name=plzCategories value="6">
<param name=languageID value="0">
<param name=layoutID value="0">
<param name=hardRepaint value="4000,15000,20000">
<param name=resource value="imgsk89yuw.zip">
<param name="cache_archive" VALUE="knuddelsk89yuw.jar">
<param name="cache_version" VALUE="1.0.0.1">
<param name=cabbase value="knuddelsk89yuw.cab">
<param name="boxbgcolor" value="#d9abef">
</applet></div><div style="margin-top:-270px;height:270px;width:560px;color:#000;text-align:center;z-index:1"><br><br>Kein Login? Dann ist Java deaktiviert oder fehlt!<br>Klicke auf das untenstehende orange Java-<br>Button, um chatten zu können.<br><br><a href="http://java.com/java/download/index.jsp?cid=jdp84194" target=_blank><img border=0 src="http://java.com/en/img/everywhere/getjava_sm.gif?cid=jdp84194" alt="Java herunterladen"></a><br><br><img src="/p/1/ah.gif" width=7 height=9><a href="javascript:jPop()">Mehr Informationen</a></div>
<br><table><tr><td align=center>Ich wünsche Euch viel Spaß im Chat, Euer Holgi<br><br><br></b><a href="http://www.knuddels.de/ad/cgi/ad_redirect.pl?id=38" target="_blank"><img src="http://www.knuddels.de/banner/windows_live/wl_messenger_banner_648x60_001.gif" border="0" width="468" height="60"></a><a href="http://java.com/java/download/index.jsp?cid=jdp84194" target=_blank><img border=0 src="http://java.com/en/img/everywhere/getjava_sm.gif?cid=jdp84194" alt="Java herunterladen" style="margin:0 0 15px 10px"></a><br></td></tr></table><br><table>
</noscript>

Relevant sind vor allem die Parameter background, foregroundList, backgroundList und boxbgcolor.


Licht und Liebe,
Sven
Posted by: Anonym

Re: Forums Themes - 31.08.2009, 11:24:56

Antwort auf: Feldsvendark
Unfug erzählst du nicht, aber man könnte es rein theoretisch schon. Ich bin mir allerdings nicht sicher, ob man das Chat-Applet auch von einer anderen Domain als Knuddel(s/z).de aufrufen darf, von daher kann ich nicht garantiereren, dass eine einfache Abänderung der Farben im Quelltext eine erlaubte und durchführbare Handlung ist.

Inzwischen ist dies nicht mehr möglich und das Ganze ist ungültig, wenn man von einer anderen Seite sich einloggen möchte ;)
Das Multi-Login-"Programm" nutzte dies und ich habe es für mich persönlich auch genutzt um eine black/grey Skin zu nutzen.

Eines Tages war's damit vorbei :-D
Posted by: Anonym

Re: Forums Themes - 12.10.2009, 22:14:44

Hi,

ich wollte meinen Stylesheet schon länger mal hier reinsetzen, habe es aber immer vergessen. Bevor jetzt demnächst vielleicht das Design umgestellt wird, kann die Allgemeinheit da vielleicht trotzdem noch kurze Zeit etwas von haben. :-D

Ist im Grunde sehr schlicht und nur schwarz, grau und weiß.
Übersicht der Foren
Forums-Ansicht
Thread-Ansicht
Thread-Ansicht (mit neuen Beiträgen)
Thread/Post erstellen

Warnung! Spoiler! (Stylesheet)
Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de") {
body {
color: black !important;
background: #eee !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
body a:link {
text-decoration: none;
color: #000 !important;
font-weight: bold;
}
body a:visited {
text-decoration: none;
color: #000 !important;
font-weight: bold;
}
body a:active {
text-decoration: underline;
color: #6D2688;
font-weight: bold;
}
body a:hover {
text-decoration: underline;
color: #6D2688;
font-weight: bold;
}
.body_col {
padding-top: 1em;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
.t_outer {
border: none;
border-spacing: 0px;
background: #FFFFFF;
margin-bottom: 5px;
}
.t_inner {
background: #808080;
color: #FFFFFF;
border: none;
padding: 0px;
}
.t_standard {
border: 1px solid #808080;
border-spacing: 0px;
border-collapse: collapse;
padding: 0px;
}
.tdheader {
font-size: 10pt;
font-weight: bold;
color: black !important;
background: #808080 !important;
padding: 2px;
}
.alt-1 {
background: #dedfdf !important;
color: black;
padding: 2px;
}
.alt-2 {
background: #f7f7f7 !important;
color: black;
padding: 2px;
}
.breadcrumbs {
font-size: 9pt;
font-weight: normal;
color: #000 !important;
background: #808080 !important;
padding: 2px;
}
.breadcrumbs a:link {
font-weight: normal;

}
.breadcrumbs a:visited {
font-weight: normal;

}
.breadcrumbs a:active {
font-weight: normal;

}
.breadcrumbs a:hover {
font-weight: normal;

}
.navigation {
font-size: 9pt;
color: #535353 !important;
background: white;
padding: 2px;
border-top: none;
text-align: center;
}
.navigation a:link {
text-decoration: none;
color: #535353 !important;
}
.navigation a:visited {
text-decoration: none;
color: #535353 !important;
}
.navigation a:active {
text-decoration: none;
color: #336699;
}
.footer {
font-size: 8pt !important;
font-weight: normal !important;
color: #333;
background: #ddd !important;
padding: 0 4px 2px;
}
.footer a:link {
font-size: 8pt !important;
color: #808080 !important;
font-weight: normal !important;
}
.footer a:visited {
font-size: 8pt !important;
color: #808080 !important;
font-weight: normal !important;
}
.footer a:active {
font-size: 8pt !important;
color: #808080 !important;
font-weight: normal !important;
}
.footer a:hover {
font-size: 8pt !important;
color: #808080 !important;
font-weight: normal !important;
}
.contact_page_content {
background: white;
color: black;
padding: 0 1em;
}
.lefttdheader {
font-size: 10pt;
font-weight: bold;
color: #333;
background: #EEEECC;
padding: 2px;
}
.leftalt-1 {
background: #F9F9F9;
color: black;
padding: 2px;
}
.leftalt-2 {
background: #F9F9F5;
color: black;
padding: 2px;
}
.righttdheader {
font-size: 10pt;
font-weight: bold;
color: #333;
background: #EEEECC;
padding: 2px;
}
.rightalt-1 {
background: #F9F9F9;
color: black;
padding: 2px;
}
.rightalt-2 {
background: #F9F9F5;
color: black;
padding: 2px;
}
.left_col {
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
}
.right_col {
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 0px;
}
.category {
font-size: 10pt;
font-weight: bold;
color: black;
background: #dedfdf;
padding: 2px;
border: 1px solid #dedfdf;
border-bottom: 1px solid #CCCCAA;
}
.newinforum {
background: #dedfdf;
color: black;
padding: 2px;
font-size: 10pt;
}
.forumtitle {
background: #dedfdf;
color: #6D2688;
padding: 4px;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
}
.forumdescript {
color: black;
font-weight: normal;
font-size: 8pt;
}
.threadtotal {
background: #dedfdf;
color: black;
padding: 2px;
font-size: 10pt;
}
.posttotal {
background: #dedfdf;
color: black;
padding: 2px;
font-size: 10pt;
}
.posttime {
background: #dedfdf;
color: black;
padding: 2px;
font-size: 10pt;
}
.posttime a:link {
font-weight: normal;
}
.posttime a:visited {
font-weight: normal;
}
.posttime a:active {
font-weight: normal;
}
.posttime a:hover {
font-weight: normal;
}
.newtotal {
font-size: 8pt;
color: red;
}
.forum_extras {
font-weight: normal;
font-size: 8pt;
}
.forum_extras a:link {
font-weight: normal;
}
.forum_extras a:visited {
font-weight: normal;
}
.forum_extras a:active {
font-weight: normal;
}
.forum_extras a:hover {
font-weight: normal;
}
.forum_viewing {
font-size: 8px;
}
.newintopic {
background: #F9F9F9;
color: black;
padding: 2px;
}
.topicicon {
background: #F9F9F5;
color: black;
padding: 2px;
}
.topicsubject {
background: #F9F9F9;
color: black;
padding: 2px;
font-weight: normal;
}
.topicsubject a:link {
font-weight: normal;
}
.topicsubject a:visited {
font-weight: normal;
}
.topicsubject a:active {
font-weight: normal;
}
.topicsubject a:hover {
font-weight: normal;
}
.topicreplies {
background: #F9F9F5;
color: black;
padding: 2px;
}
.topicviews {
background: #F9F9F9;
color: black;
padding: 2px;
}
.topictime {
background: #F9F9F5;
color: black;
padding: 2px;
font-weight: normal;
}
.topictime a:link {
font-weight: normal;
}
.topictime a:visited {
font-weight: normal;
}
.topictime a:active {
font-weight: normal;
}
.topictime a:hover {
font-weight: normal;
}
.alt-newintopic {
background: #dedfdf;
color: black;
padding: 2px;
}
.alt-topicicon {
background: #dedfdf;
color: black;
padding: 2px;
}
.alt-topicsubject {
background: #dedfdf;
color: black;
padding: 2px;
font-weight: normal;
}
.alt-topicsubject a:link {
font-weight: normal;
}
.alt-topicsubject a:visited {
font-weight: normal;
}
.alt-topicsubject a:active {
font-weight: normal;
}
.alt-topicsubject a:hover {
font-weight: normal;
}
.alt-topicreplies {
background: #dedfdf;
color: black;
padding: 2px;
}
.alt-topicviews {
background: #dedfdf;
color: black;
padding: 2px;
}
.alt-topictime {
background: #dedfdf;
color: black;
padding: 2px;
font-weight: normal;
}
.alt-topictime a:link {
font-weight: normal;
}
.alt-topictime a:visited {
font-weight: normal;
}
.alt-topictime a:active {
font-weight: normal;
}
.alt-topictime a:hover {
font-weight: normal;
}
.new-newintopic {
background: #faa !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-topicicon {
background: #faa !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-topicsubject {
background: #faa !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-topicreplies {
background: #faa !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-topicviews {
background: #faa !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-topictime {
background: #faa !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-topictime a:link {
font-weight: bold;
}
.new-topictime a:visited {
font-weight: bold;
}
.new-topictime a:active {
font-weight: bold;
}
.new-topictime a:hover {
font-weight: bold;
}
.new-alt-newintopic {
background: #fbb !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-alt-topicicon {
background: #fbb !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-alt-topicsubject {
background: #fbb !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-alt-topicreplies {
background: #fbb !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-alt-topicviews {
background: #fbb !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-alt-topictime {
background: #fbb !important;
color: black;
padding: 2px;
font-weight: bold;
}
.new-alt-topictime a:link {
font-weight: bold;
}
.new-alt-topictime a:visited {
font-weight: bold;
}
.new-alt-topictime a:active {
font-weight: bold;
}
.new-alt-topictime a:hover {
font-weight: bold;
}
.inline_selected {
font-size: 10pt;
font-weight: bold;
color: #333;
background: #F1F1DB;
padding: 2px;
}
.inline_selected a:link {
font-weight: bold;
}
.inline_selected a:visited {
font-weight: bold;
}
.inline_selected a:active {
font-weight: bold;
}
.inline_selected a:hover {
font-weight: bold;
}
.inline_selector {
background: #F1F1DB;
color: black;
padding: 2px;
}
.subjecttable {
font-size: 10pt;
font-weight: bold;
color: black;
background: #aaa !important;
padding: 2px;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
border-collapse: collapse;
}
.newsubjecttable {
font-size: 10pt;
font-weight: bold;
color: black;
background: #fbb !important;
padding: 2px;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
border-collapse: collapse;
}
.author-content {
background: #ddd !important;
color: black;
padding: 0.5em;
border-bottom: none !important;

}
.post-content {
border-left: 1px solid #808080 !important;
background: #F9F9F9;
color: black;
padding: 0.5em;
}
.post-content a:link, .post-content a:visited {
    color: #808080 !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}
.post-content a:hover, .post-content a:active {
    color: #343434 !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}
.post-options {
border: none;
background: #F9F9F5;
color: black;
padding: 2px;
}
.post-buttons {
border: 1px solid #808080 !important;
font-size: 8pt;
font-weight: normal;
color: #357082;
background: #fff !important;
padding: 0.1em 0.5em;
font-family: Verdana,sans-serif;
float: right;
margin: 0.1em;
}
.post-buttons img { display: none; }
.post-buttons a:link {
font-weight: normal;
text-decoration: none;
}
.post-buttons a:visited {
font-weight: normal;
text-decoration: none;
}
.post-buttons a:active {
font-weight: normal;
text-decoration: none;
}
.post-buttons a:hover {
font-weight: normal;

}
.post_inner {
display: block;
max-width: 100%;
overflow: auto; 
}
.signature {
margin-top: 10px;
margin-bottom: 5px;
}
.pollcolor {
background: #ff0000;
color: black;
border: 1px solid #000000;
}
.private_unread {
border-top: 1px solid #DDDDBB;
border-left: 1px solid #DDDDBB;
background: #EEEEDD;
color: black;
font-size: 8pt;
padding: 2px;
}
.post_top_link {
border-top: 0px !important;
border-right: 1px solid #808080 !important;
background: #ddd !important;
color: black;
font-size: 8pt;
padding: 2px;
font-weight: normal;
}
.post_top_link a:link {
font-weight: normal;
display: none;
}
.post_top_link a:visited {
font-weight: normal;
display: none;
}
.post_top_link a:active {
font-weight: normal;
display: none;
}
.post_top_link a:hover {
font-weight: normal;
display: none;
}
.markup_panel {
font-size: 10pt;
font-weight: bold;
color: #666666;
background: #dedfdf !important;
padding: 2px;
border: none !important;
}
.markup_panel_normal_button {
background: #bbb !important;
color: black;
border: 1px solid #808080 !important;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
border-collapse: collapse;
cursor: pointer;
}
.markup_panel_hover_button {
background: #FFFFDD;
color: #999999;
border: 1px solid #666666;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
border-collapse: collapse;
cursor: pointer;
}
.markup_panel_down_button {
background: #CCCCAA;
color: #BBBBBB;
border: 1px solid #666666;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
border-collapse: collapse;
cursor: pointer;
}
.markup_panel_popup {
border: 1px solid #000000;
background: #F9F9F9;
color: #333333;
padding: 2px;
}
.markup_panel_unselect_text {
background: #FFFFFF;
border: solid 1px #FFFFFF;
width: 90%;
margin: 0px;
padding: 0px;
}
.markup_panel_select_text {
background: #FFCC00;
border: solid 1px #000000;
width: 100%;
margin: 0px;
padding: 0px;
}
.popup_menu {
border-collapse: collapse;
}
.popup_menu_header {
font-size: 10pt;
font-weight: bold;
color: #333;
background: #EEEECC;
padding: 2px;
border: 1px solid #666666;
}
.popup_menu_content {
background: #E6E6E6;
font-size: 9pt;
color: #444;
border: 1px solid #666666;
padding: 0px;
white-space: nowrap;
}
.popup_menu_highlight {
background: #F9F9F9;
font-size: 9pt;
color: black;
border: 1px solid #666666;
padding: 0px;
white-space: nowrap;
}
.ubbcode-block {
margin: 5px 2em;
background: inherit;
border: 1px solid #E6E6E6;
padding: 0px;
border-spacing: 0px;
}
.ubbcode-header {
display: block;
font-weight: normal;
padding: 4px;
color: black;
background: #E6E6E6;
border-bottom: 1px solid #E6E6E6;
font-size: 8pt;
}
.ubbcode-body {
margin: 4px;
overflow: auto;
font-size: 10pt;
display: block;
}
.bbcodecomment {
color: green;
}
.bbcodedefault {
color: #000000;
}
.bbcodekeyword {
color: maroon;
}
.bbcodestring {
color: goldenrod;
}
.bbcodehtml {
color: dodgerblue;
}
.tab_grippy {
background: #FFFFFF;
border: 1px solid #666666;
border-bottom: 0px;
color: black;

}
.tab_grippy_sel {
background: #EEEECC;
border: 1px solid #666666;
border-bottom: 0px;
color: #666;
}
form {
display: inline;
margin-bottom: 0;
}
.form-input {
background-color: #ffffff;
color: #000000;
font-size: 10pt;
}
.form-select {
background-color: #ffffff;
color: #000000;
font-size: 10pt;
}
.form-button {
background-color: #dedfdf;
color: #000000;
font-size: 10pt;
}
.date {
color: #777 !important;
}
.time {
font-size: 9pt;
}
.small {
font-size: 8pt;
font-weight: normal !important;
}
.standouttext {
color: #ff0000;
background: none;
}
.adminname {
color: #FF0000;
}
.modname {
color: #00AA00;
}
.globalmodname {
color: #00AAFF;
}
.shout_border {
border: 1px solid #EEEEDD;
margin: 0px;
}
.shout_delete {
font-size: 7pt;
}
.popup_content_header {
width: 502px;
display: block;
font-weight: bold;
padding: 4px;
color: #333;
background: #EEEECC;
border: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAA11;
font-size: 8pt;
}
.popup_content {
width: 502px;
overflow: auto;
font-size: 10pt;
display: block;
background: white;
border: 1px solid #AAAAAA;
padding: 4px;
color: black;

}
.search_highlight {
background: #C77;
color: white;
}
.email-body {
background: #FFF;
border: 1px solid #000;
padding: 4px;
border-collapse: collapse;
border: 1px solid #0F0F0F;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.email-header {
background: dodgerblue;
color: #000;
font-size: 10pt;
padding:4px;
border-bottom: 1px solid #224988;
text-align:center;
}
.email-tdheader {
padding: 4px 6px;
color: #E0E0E0;
background: #2E669A;
border: 1px solid #224988;
border-bottom: 0px;
font-size: 10pt;
}
.email-tdbody {
background: #DFE6EF;
color: #000;
padding: 4px 6px;
border: 1px solid #224988;
font-size: 10pt;
}
.email-footer {
background: dodgerblue;
color: #000;
font-size: 10pt;
padding:4px;
border-top: 1px solid navy;
text-align:center;
}
.pagination,
.pagination th,
.pagination td,
.pagination td a,
.pagination td a:link,
.pagination td a:visited,
.pagination td a:focus,
.pagination td a:hover,
.pagination td a:active {
  font-weight: bold !important;
}

.small a,
.small a:link,
.small a:visited,
.small a:focus,
.small a:hover,
.small a:active {
  font-weight: normal;
}

.controlcontainer .t_standard,
.controlcontainer .t_standard td,
.controlcontainerbottom .t_standard,
.controlcontainerbottom .t_standard td {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid gray;
  margin-left: 4px;
  font-weight: normal;
}

.controlcontainer .t_standard,
.controlcontainer .t_standard td {
  border-bottom: 0px none transparent !important;
}

.controlcontainerbottom .t_standard,
.controlcontainerbottom .t_standard td {
  border-top: 0px none transparent !important;
}

.controlcontainerbottom div .pagination {
  margin-top: 1px;
}

.controlcontainer .t_standard a,
.controlcontainerbottom .t_standard a {
  font-weight: normal;
}

.welcomecontainer {
  border:  1px solid gray !important;
  padding: 2px;
  background-color: white;
}

.noymargins {
  margin-bottom:        0px;
  margin-top:        0px;
}

.t_outer .noymargins {
  border:  1px solid #808080;
  border-bottom: none;
  border-collapse: collapse;
}

.t_outer .noymargins {
  border-top: none;
}

#prev-next-links {
  border-top: 1px solid #808080;
}

table.mypreftable {
  border-collapse: collapse;
  border:       1px solid gray;
  padding: 0;
  margin: 0;
}

table.mypreftable th,
table.mypreftable td {
  border:       1px solid gray;
  padding:      0.2em 0.5em;
  font-weight:  normal;
}

table.mypreftable th {
  background-color: #EEEEDD;
  width:            30%;
  text-align:       right;
}

table.mypreftable td {
  background-color: #f7f7f7;
}

table.mypreftable tr.avatar-optionrow td.nobottomline {
  border-bottom: hidden;
}

table.mypreftable tr.avatar-optionrow td.middle {
  border-left: hidden;
  border-right: hidden;
  width:  1em;
}

.author-content img.avatar {
  margin: 2px 5px 2px 0px;
}

table.profile tr {
  vertical-align:    top;
}

table.profile th {
  font-weight:       bold;
  text-align:        left;
}

table.profile td {
  padding-left: 1em;
}

.subforum_moderators {
    color: #000 !important;
}

.subforum_moderators a:link, .subforum_moderators a:visited {
    color: #777 !important;
}

}


Kroko
Posted by: Anonym

Re: Forums Themes - 10.11.2009, 15:13:23

Hallo,

hier ein kleines "Theme" für alle, die lieber das alte Forumsdesign weiterhin nutzen wollen. Alles habe ich nicht zurückgesetzt, aber die wesentlichen Dinge.

Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de") {
  /* Farbverlauf im Hintergrund entfernen */
  body, html { background: #dfa8f0 !important; }

  /* Layout strecken */
  #kbody { width: 100% !important; }
  table[width="95%"] { width: 100% !important; }

  /* Header entfernen */
  #khd { display: none !important; }

  /* Hintergrund im Hauptabschnitt entfernen */
  #bd1, #bd2, #bd3 { background: none !important; }

  /* Äußeren Footer entfernen */
  #ft { display: none; }

  /* Navigationslinks nicht unterstreichen */
  a:hover { text-decoration: none !important; }

  /* Schriftart */
  .form { font-family: verdana !important; }
  textarea { font-family: courier new !important; }
}


Kroko
Posted by: chrixix

Re: Forums Themes - 10.11.2009, 15:58:50

Danke Tim. ;)
Jetzt bleibt bei mir noch der ganze Hintergrund im knuddelslila, wie krieg ich den noch bearbeitet? Ich find da irgendwie nichts und der alte wirkt wohl nicht.
Posted by: Anonym

Re: Forums Themes - 27.03.2010, 11:28:23

Nur weil ich davon ein scheiss verstehe?! Kann es
mal bitte einer fuer dumme leute nochmal erklaeren? Danke..
Ich moechte mir das auf www.tuenti.com (Sowas wie facebook aber in spanisch)
da moechte ich mir was einbauen...
Posted by: Anonym

Re: Forums Themes - 31.03.2010, 10:31:11

Nicht gleich alle auf einmal :-).
Posted by: huendchen

Re: Forums Themes - 31.03.2010, 12:18:59

Antwort auf: 50cent 258
Nicht gleich alle auf einmal :-).

Liegt wohl daran, dass hier niemand versteht, was du nun letztendlich genau moechtest.
Ich zumindest, hab keine Lust zu raetseln, was dein Anliegen ist.
Drueck dich klar und verstaendlich aus oder lass es bleiben.
Posted by: Anonym

Re: Forums Themes - 03.04.2010, 12:45:59

Antwort auf: 50cent 258
Nur weil ich davon ein scheiss verstehe?! Kann es
mal bitte einer fuer dumme leute nochmal erklaeren? Danke..
Ich moechte mir das auf www.tuenti.com (Sowas wie facebook aber in spanisch)
da moechte ich mir was einbauen...
Antwort auf: huendchen
Antwort auf: 50cent 258
Nicht gleich alle auf einmal :-).

Liegt wohl daran, dass hier niemand versteht, was du nun letztendlich genau moechtest.
Ich zumindest, hab keine Lust zu raetseln, was dein Anliegen ist.
Drueck dich klar und verstaendlich aus oder lass es bleiben.

Ich moechte fuer die seite ein eigenes Hintergrund design haben, was nur fuer mich halt sichtbar ist.
Posted by: huendchen

Re: Forums Themes - 05.04.2010, 20:16:26

Antwort auf: 50cent 258
was nur fuer mich halt sichtbar ist.

Anders wird's wohl auch kaum moeglich sein.

Html:
html, body {
   height:100%;
   background: #4E7BA8 url(http://estaticosak1.tuenti.com//layout/web2-Zero/images/layout/login_background.35794.png) repeat-x;
   color: #333;
}

Diese Zeile ist zumindest fuer die Anmeldeseite fuer den Hintergrund verantwortlich.
Aender diesen Codeabschnitt auf Notepad oder jedem X-beliebigem Textverarbeitungsprogramm, speicher diesen ab und verweis im Browser auf diese Datei.
Posted by: Anonym

Re: Forums Themes - 07.04.2010, 15:43:24

Antwort auf: huendchen
Antwort auf: 50cent 258
was nur fuer mich halt sichtbar ist.

Anders wird's wohl auch kaum moeglich sein.

Warnung! Spoiler!
Html:
html, body {
   height:100%;
   background: #4E7BA8 url(http://estaticosak1.tuenti.com//layout/web2-Zero/images/layout/login_background.35794.png) repeat-x;
   color: #333;
}

Diese Zeile ist zumindest fuer die Anmeldeseite fuer den Hintergrund verantwortlich.
Aender diesen Codeabschnitt auf Notepad oder jedem X-beliebigem Textverarbeitungsprogramm, speicher diesen ab und verweis im Browser auf diese Datei.

Was mach ich nun mit dem Code? ...
Ich kenn mich damit nicht so aus <.<
Posted by: huendchen

Re: Forums Themes - 06.05.2010, 21:15:38

Falls deine Frage noch aktuell sein sollte:


Ich hatte es zwar zeitnah aufgenommen aber irgendwie vergessen hier zu posten.
Posted by: Anonym

Re: Forums Themes - 15.11.2010, 22:02:54

Damit dieser Thread nicht in Vergessenheit gerät, hier mal wieder ein neues Theme von mir. *g*

Demoscreens | 1 | 2 | 3 | 4

Besonderheiten:
  1. Ich habe den aus meiner Sicht überflüssigen "Wie geht es dir?"-Link ausgeblendet (ich benutze dieses Feature nicht).
  2. Unter den Beiträgen habe ich das "Zum Seitenanfang" ausgeblendet.
  3. Das ganze Runde Knuddelsgedöhns mit Logo und Maskottchen ist nicht dabei, sondern nur das eigentliche Forum.
  4. Schatten funktionieren (so wie ich sie eingebaut habe) nur im Firefox-Browser.
  5. Das Theme liefert euch gleich den Bugfix für die fehlerhafte Anzeige von Smileys in der Vorschau (#2056951).

Code:
Warnung! Spoiler! (Code)
Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de") {
  /* Farbverlauf im Hintergrund entfernen */
  body, html { background: #c9c1f4 !important; }

  /* Layout strecken */
  #kbody { width: 70% !important; margin: 25px auto !important; }
  table[width="95%"] { width: 100% !important; }

  /* Header entfernen */
  #khd { display: none !important; }

  /* Hintergrund im Hauptabschnitt entfernen */
  #bd1, #bd2, #bd3 { background: none !important; }

  /* Äußeren Footer entfernen */
  #ft { display: none; }

  /* Navigationslinks nicht unterstreichen */
  a:hover, a:active { text-decoration: none !important; }

  /* Schriftart */
  .form { font-family: verdana !important; }
  textarea { font-family: courier new !important; }

  /* outline */
  :focus { outline: none !important; }

  /* Smileyausrichtung in der Vorschau (Bugfix) */
  #preview_area img { vertical-align: bottom; }

  /* Einrückung des Willkommens-Textes */
  #content div:first-of-type { text-indent: -2.5%; }
  table div { text-indent: 0 !important; }

  /* Stimmungs-Feature ausblenden */
  span[title="Stimmung ändern"] { display: none; }

  /* Themespezifische Eigenschaften */
  .breadcrumbs, .tdheader, .inline_selector { background: #d0c7ff !important; }
  .subjecttable { background: #9a91d2 !important; }
  a:link, a:visited, a:hover, a:active, .tdheader { color: #473b94 !important; }
  .date { color: #3319bf !important; }
  .footer, .author-content, .markup_panel { background: #dedfdf !important; }
  .footer table td { padding: 3px 5px 2px 5px !important; }
  .forumtitle { color: #473b94 !important; }
  .author-content { border-bottom: 1px solid #ccc !important; }
  .post-content { border-left: 1px solid #ccc !important; }
  .post_top_link, .post-options { display: none; }
  .t_outer { -moz-box-shadow: 0 0 5px #aaa; }
  .markup_panel_normal_button { background: #ccc !important; }
  .markup_panel_hover_button { background: #bbb !important; }
  .subjecttable .post-buttons { background: #bab4e0 !important; }
  .subjecttable  .post-buttons:hover { background: #aea7db !important; }
  .newsubjecttable { background: #faa !important; }
  .newsubjecttable .post-buttons { background: #fcc !important; }
  .newsubjecttable .post-buttons:hover { background: #fdd !important; }
  .newsubjecttable .post-buttons a { color: #a00 !important; }
  .new-newintopic, .new-topicicon, .new-topicsubject, .new-topicreplies, .new-topicviews, .new-topictime { background: #fdd !important; }
  .new-alt-newintopic, .new-alt-topicicon, .new-alt-topicsubject, .new-alt-topicreplies, .new-alt-topicviews, .new-alt-topictime { background: #fcc !important; }
  .controlcontainer td { padding-left: 6px !important; padding-right: 6px !important; }
  .author-content a, .navigation a { text-shadow: 0 1px 1px #aaa; }
  .modname { color: #080 !important; }
  .adminname { color: #a00 !important; }
}

Die aktuelle Stylishversion...
... gibt es hier kostenlos zum Download. ;-)

Viel Spaß damit.
Posted by: crazy a

Re: Forums Themes - 14.09.2011, 12:46:56

Der Style von dir gefällt mir gut Scnappi.
Lediglich die Schatten sind nicht so mein Fall.
Ansonsten gleicht das ziemlich meinem Theme, weshalb es mir wohl auch gefällt :)

Das Ausblenden des "Wie geht es dir?"-Links werde ich direkt mal übernehmen, deinen zweiten Punkt ebenso.

Damit alles an einem Ort ist, übertrage ich noch hihps Anmerkung zu den ActiveText:
Antwort auf: hihp
Je nachdem, was für einen Browser du verwendest, könntest du einfach eine Ausnahme für die Webseiten unter forum.knuddels.de in der folgenden Weise einbauen:
Code:
abbr {
  border-bottom: none !important;
}
Auf diese Weise sieht man die Unterstreichungen nicht mehr, und damit bemerkt man das ganze nur noch, wenn man mit dem Mauszeiger drüberfährt. Und so kannst du sogar selbst entscheiden, ob du das sehen möchtest oder nicht :-)


//A
Posted by: Anonym

Re: Forums Themes - 13.01.2012, 08:45:24

Ich hol den Thread mal wieder hoch, um gleich zwei Styles fürs Forum vorzustellen.

Knuex-Theme
Das Ergebnis einer Inspiration von Knuddels-Express. [Download]

Vorschau:
[img]http://i40.tinypic.com/209n4uq.gif[/img]

Yellow and Black-Theme
Schlichtes Theme in den Farben Gelb, Schwarz und Grau. [Download]

Vorschau:
[img]http://i39.tinypic.com/6jezaf.gif[/img]
Posted by: x Deluxe Boy x3

Re: Forums Themes - 13.01.2012, 11:26:37

Das Gelbe sieht sehr gut aus. Ist in meinen Augen auch sehr ausgefallen deswegen hat es was.
Posted by: Anonym

Re: Forums Themes - 13.01.2012, 14:27:43

Mir wären hier Screens von der Subforenansicht und der Threadansicht viel wichtiger, denn dort hält man sich zum Lesen ja meistens auf, auf der Kategorieseite nur relativ kurz. :o
Posted by: Anonym

Re: Forums Themes - 13.01.2012, 15:30:54

Hey,

ja, stimmt. Daran hätte ich gleich denken müssen. Das hole ich nun nach! Des Weiteren habe ich noch ein weiteres Theme, was etwas für die weibliche Userschaft wäre, erstellt.

Knuex-Theme-Screenshots
Warnung! Spoiler!
[img]http://i41.tinypic.com/2csbdqw.png[/img]

Warnung! Spoiler!
[img]http://i42.tinypic.com/1gsao.png[/img]

Warnung! Spoiler!
[img]http://i41.tinypic.com/2cqmph5.png[/img]


Yellow-and-Black-Screenshots
Warnung! Spoiler!
[img]http://i41.tinypic.com/5djbsh.png[/img]

Warnung! Spoiler!
[img]http://i42.tinypic.com/2l95zwo.png[/img]

Warnung! Spoiler!
[img]http://i39.tinypic.com/aajhb8.png[/img]


Untitled-Screenshots
Warnung! Spoiler!
[img]http://i39.tinypic.com/xzo60.png[/img]

Warnung! Spoiler!
[img]http://i42.tinypic.com/1418q34.png[/img]

Warnung! Spoiler!
[img]http://i42.tinypic.com/2hgb7r5.png[/img]

Warnung! Spoiler!
[img]http://i43.tinypic.com/1z4ahkl.png[/img]


Posted by: Ruffy Shanks

Re: Forums Themes - 13.01.2012, 17:37:56



Da gewinnt meiner Meinung nach das blaue viel besser im Kontrast.
Posted by: lolli1995

Re: Forums Themes - 13.01.2012, 23:37:46

Der Screen mit der blauen Farbe gefällt mir definitiv garnicht. Richtig gruselig, kalt, unfreundlich.

Lg Chris
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 00:38:09

Ich hab direkt mal das Gelbe installiert. Sieht echt spitze aus. ;-)
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 03:47:15

Es freut mich, dass es einigen gefällt.

Antwort auf: Ruffy Shanks
Da gewinnt meiner Meinung nach das blaue viel besser im Kontrast.

Ja, das blaue Theme finde ich selbst auch spitze. Wie gesagt: es ist eine Inspiration von Knuddels-Express. Für das Design dort ist Scnappi verantwortlich, und das hat er wirklich gut gemacht.

Antwort auf: lolli1995
Der Screen mit der blauen Farbe gefällt mir definitiv garnicht. Richtig gruselig, kalt, unfreundlich.

Zum Glück sind Geschmäcker ja verschieden. Die Farbwahl ist eigentlich sehr gut angepasst, liegt hell und angenehm im Auge. Was macht es bei dir kalt und unfreundlich?

Antwort auf: chatter@andre97
Ich hab direkt mal das Gelbe installiert. Sieht echt spitze aus. ;-)

Das gelbe Theme ist von den Vereinsfarben von Borussia Dortmund inspiriert. Ich finde, dass es noch nicht optimal ist, teils sogar etwas sticht. Die nächsten Tage wird es aber auf jeden Fall ein Update geben, das einige Mängel beseitigen wird.

Verbesserungsvorschläge sind übrigens gerne willkommen. Außerdem könnt ihr auch neue Theme-Wünsche äußern. :-)
Posted by: WoB BoY 24

Re: Forums Themes - 14.01.2012, 16:05:37

Das gelbe finde ich schrecklich, sorry. :x
Es sieht so billig aus, wie die W erbung von ''Gelbe Seiten'' oder so. Gruselt mich irgendwie. Das blaue hingegen gefällt mir, das muss es ja aber auch als aktiver User bei KE. :-D

Vielleicht noch einmal ein paar exostische Farben ausprobieren? ;-) So Dinge mit denen keiner rechnet? Kann ja auch ganz gut aussehen!
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 16:26:41

Antwort auf: WoB BoY 24
Das gelbe finde ich schrecklich, sorry. :x
Es sieht so billig aus, wie die W erbung von ''Gelbe Seiten'' oder so. Gruselt mich irgendwie. Das blaue hingegen gefällt mir, das muss es ja aber auch als aktiver User bei KE. :-D

Es ist eigentlich ganz normal, wenn man bestimmte Ideen hat, dann fertigt man einen Entwurf an und arbeitet im Anschluss an Ecken und Kanten – so mache ich das zumindest.

Antwort auf: WoB BoY 24
Vielleicht noch einmal ein paar exostische Farben ausprobieren? ;-) So Dinge mit denen keiner rechnet? Kann ja auch ganz gut aussehen!

Was stellst du dir darunter genau vor? Vielleicht lässt sich mit einer Beschreibung da ja was machen!

Noch mal zurück zum gelben Theme. Ich habe es noch einmal überarbeitet. DIe Farben wirken aufeinander abgestimmt und an den Kontrasten wurde noch einmal akribisch gepfeilt.

Black and Yellow [Download]
Warnung! Spoiler!
[img]http://i41.tinypic.com/51bxvn.png[/img]
Warnung! Spoiler!
[img]http://i43.tinypic.com/n53oz7.png[/img]
Warnung! Spoiler!
[img]http://i41.tinypic.com/df8xsm.png[/img]


An dieser Stelle stelle ich auch mal ein neues Theme vor. Und zwar ein Grünes.

Paint It Green! [Download]
Warnung! Spoiler!
[img]http://i39.tinypic.com/15fsp4h.gif[/img]
Warnung! Spoiler!
[img]http://i40.tinypic.com/w9yxzc.gif[/img]
Warnung! Spoiler!
[img]http://i41.tinypic.com/1zdpvdk.gif[/img]


Posted by: WoB BoY 24

Re: Forums Themes - 14.01.2012, 16:36:24

Das grüne finde ich toll! Das gefällt mir irgendwie. Das gelbe wirkt nach wie vor billig. Ich weiß nicht genau wieso, vermutlich weil der Background so stark gelb ist, wie bei gelbe Seiten oder so.

Mag gelb einfach nicht so! :-D
Posted by: Ruffy Shanks

Re: Forums Themes - 14.01.2012, 17:27:28



Hoi,

hab das Knuex-Stil installiert. Da fiel mir auf, dass dort eine, für mich wichtige, Sache fehlt. Der Link unter den Nicknamen links in der Liste [Zum Seitenanfang] wird nicht unterstützt. Der Link ist bei den Styles einfach weg. Stört mich extrem, da ich diesen Link oft benutze. :/


Grüße,
Marcel.
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 17:48:38



Also ich finde das gelbe sehr schön, bin aber dermaßen techniklegasthenisch, dass ich keine Ahnung habe, wie ich es hinbekomme, dass mein Forum so hübsch aussieht. :-(
Posted by: WoB BoY 24

Re: Forums Themes - 14.01.2012, 18:16:58

Soweit ich weiß wurde der [zum Seitenanfang]-Link gewollt entfernt, ich meine das gab es mal zu lesen, wo weiß ich jedoch nicht mehr. Mag auch sein, dass der Satz herauseditiert wurde.
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 18:20:31

Antwort auf: WoB BoY 24
Soweit ich weiß wurde der [zum Seitenanfang]-Link gewollt entfernt, ich meine das gab es mal zu lesen, wo weiß ich jedoch nicht mehr. Mag auch sein, dass der Satz herauseditiert wurde.

Richtig, das war zuerst so gewollt, um die Beiträge enger aneinanderzurücken, was den Lesefluss etwas erleichert. Ich habe es jetzt wieder so (für jedes Theme) umgestellt, dass der Zum-Seitenanfang-Link wieder sicht- und benutzbar ist. Einfach mal im Stylish-Manager updaten.
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 19:09:50

Ich hab mein Forum nun Blau und mir gefällt das richtig gut. Die Schriftgröße gefällt mir ebenfalls.
Ein richtig gutes Theme, Adam Lambert <3. :-D
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 19:26:14

^^ Ich find die alle nicht besonders ansprechend. Ich fänd ein weiß-rotes Forum ganz nett =D.

Roiber.
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 19:26:15

Antwort auf: Wacken Open Air
Also ich finde das gelbe sehr schön, bin aber dermaßen techniklegasthenisch, dass ich keine Ahnung habe, wie ich es hinbekomme, dass mein Forum so hübsch aussieht. :-(

Du musst einfach nur das Firefox- oder Chrome-Add-on Stylish herunterladen und auf die verlinkten Downloadseiten und dort das entsprechende Theme mit einem Klick installieren.

Schritte:
  1. Stylish-Addon (Firefox oder Chrome) herunterladen
  2. Black-and-Yellow-Theme besuchen
  3. Installieren

Ich hoffe, du meintest das, ansonsten kannst du mich mal anschreiben und ich könnte dir dann erklären, wie man eine Seite mit Stylish versiert anpassen kann und welche Hilfsmittel sich für die Farbwahl empfehlen.

Edit:
Warnung! Spoiler! (Grabroiber)
^^ Ich find die alle nicht besonders ansprechend. Ich fänd ein weiß-rotes Forum ganz nett =D.

Weiß-rot, das kann ich gerne machen – mehr weiß oder mehr rot? :-D
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 19:29:59



Danke, hab das relativ kurz nach meinem Post auch rausgefunden. Fand das gelb dann aber doch nicht soo wunderschön, mein Forum ist jetzt grün, das gefällt mir irgendwie gut. :-)
Posted by: Anonym

Re: Forums Themes - 14.01.2012, 19:50:18

Mehr weiß =D.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 06:49:12

Sooo, mein lieber Grabroiber, ich habe einen ersten Entwurf erstellt. Weiß und Grau dominieren, als Highlighting gibt es rote Farbtöne. Aber schau selbst!

Red and White [Download]
Warnung! Spoiler!
[img]http://i43.tinypic.com/2nj3g0.png[/img]
Warnung! Spoiler!
[img]http://i42.tinypic.com/eg4e2b.png[/img]
Warnung! Spoiler!
[img]http://i42.tinypic.com/1628nyt.png[/img]

Ich bin mir fast sicher, dass ich deinen Geschmack nicht ganz getroffen habe, daher bräuchte ich noch ein paar Ideen und Verbesserungsvorschläge deinerseits.
  • Reicht das so an Rottönen?
  • Sollte es mehr Direktweiß geben?
  • Ist die Oberfläche übersichtlich?
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 08:49:54

Hi,

erstmal vielen Dank das du dir die Mühe gemacht hast, sieht sehr gut aus!

Als ich den Vorschlag machte dachte ich an die Vorschläge für die neue Loginseite und da gefällt mir der Vorschlag am besten.

[img]http://www2.knuddels.de/survey/thumbs/005_loginseite.png[/img]

So würde es mich noch mehr ansprechen wenn das Forum generell weiß gehalten wäre und die Menüführung rot (mit weißer Schrift) dargestellt wird. Als Schriftfarbe würde ich in den Subforen eher auf schwarz zurückgreifen und bei der Threadliste würde ich das helle grau und eben weiß nehmen. Das neue Thread bzw. Beiträge rot unterlegt werden finde ich dann schon wieder sehr schön.

Das ändert aber nichts daran das dein Entwurf gut aussieht und du diesen hier so stehen lassen kannst, wer weiß vielleicht gefällt er anderen Usern.


Roiber.

Posted by: mpok

Re: Forums Themes - 15.01.2012, 09:19:18


Heyho,

mir gefällt der "Red and White"-Vorschlag am Besten, sehr schlicht gehalten und eine harmonische Farbkombination. Allerdings bleibe ich dem blauen Theme von Scnappi treu, da mich hier so einige Extras ziemlich ansprechen, wie bspw. das ausgeblendete Knuddels-Logo oder der deaktivierte: [Wie gehts dir?] Schriftzug. Sonst bleibt nur zu sagen: Sehr gut umgesetzt.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 09:47:58

Antwort auf: Grabroiber
Als ich den Vorschlag machte dachte ich an die Vorschläge für die neue Loginseite und da gefällt mir der Vorschlag am besten.


Ich hab mir schon in etwa gedacht, dass du an diesen Vorschlag dachtest. Ich glaube, du hast mal davon geschwärmt. Das blieb bei mir dann auch so hängen, war mir aber unsicher, ob du tatsächlich den Vorschlag meinst. Daher habe ich eine Art Mittelding gemacht. Es würde kein Problem darstellen, dieses Vorschlag umzusetzen. Davon ab, dass dieser anscheinend eh zu den zwei Favoriten für die kommende Startseite gehört, kann ich gewiss ein entsprechendes Theme dazu anlegen.

Warnung! Spoiler!
Antwort auf: Grabroiber
So würde es mich noch mehr ansprechen wenn das Forum generell weiß gehalten wäre und die Menüführung rot (mit weißer Schrift) dargestellt wird. Als Schriftfarbe würde ich in den Subforen eher auf schwarz zurückgreifen und bei der Threadliste würde ich das helle grau und eben weiß nehmen. Das neue Thread bzw. Beiträge rot unterlegt werden finde ich dann schon wieder sehr schön.

Ich lese mir das mal in einer ruhigen Stunde durch, wenn ich am nächsten Theme arbeite. :-)

Antwort auf: mpok
Allerdings bleibe ich dem blauen Theme von Scnappi treu, da mich hier so einige Extras ziemlich ansprechen, wie bspw. das ausgeblendete Knuddels-Logo oder der deaktivierte: [Wie gehts dir?] Schriftzug.

Den Header könnte man mit dem Zusatz #khd {display: none !important} entfernen. Der Wie-geht's-dir-Button ist bereits entfernt worden.

In meinen Themes ist das Knuddels-Logo die größte Schwachstelle, da ich absolut kein Grafiker bin, ansonsten würde ich dieses gerne für jedes Theme anpassen, aber ich denke, das fällt nicht so arg ins Gewicht, da man sowieso nicht die ganze Zeit aufs Logo schaut.

Posted by: Anonym

Re: Forums Themes - 15.01.2012, 10:06:45



Mich persönlich stören die Grafiken absolut nicht, im Gegenteil, sie passen besser zu den neuen Themes als zum Original. Sie sind jetzt eine Art hübscher Kontrast, der aber nicht radikal ist. Zumindest zum "Green"-Theme passt das (in meinen Augen) ganz wunderprächtig.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 13:22:20

Okay, Grabroiber, ich habe die Farben zu 99,9 % übernommen – heißt so viel wie: die unscharfen Farbwerte gefixt. Ich habe zwar keinen Namen fürs Theme, aber Untitled hört sich ja auch schön an.

Jetzt könnten wir es noch verbessern, dafür muss es aber noch ausgiebig getestet werden. :-)

Untitled [Download]
Warnung! Spoiler!
[img]http://i39.tinypic.com/2qitdab.png[/img]
Warnung! Spoiler!
[img]http://i43.tinypic.com/4vg2lt.png[/img]
Warnung! Spoiler!
[img]http://i39.tinypic.com/4kctpk.png[/img]
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 15:52:03

Hi,

hab ihn gerade installiert, wirkt so noch besser als auf den Screens. Nur eine Frage, wenn ich einen Beitrag oder Sub öffnen möchte und dies geladen wird dann zeigt es mir so merkwürdige graue Querbalken (wie bei der Threadübersicht nur größer und ohne Text) an, ist das normal?

http://imageshack.us/clip/my-videos/195/owt.mp4/

Was mir gerade noch auffällt: Die graue Spalte wo die Fakten zum User stehen könnte etwas größer sein, mein BT wird über zwei Zeilen dargestellt.


Roiber.

Posted by: Anonym

Re: Forums Themes - 15.01.2012, 15:58:30

Ja, der Bug ist mir bekannt. Der tritt im Chrome-Browser auf. Die Fehlerquelle liegt im Hintergrundsgradient, wobei eigentlich alles richtig kodiert wurde. Letztendlich ist der Autor von Stylish im Chrome dafür verantwortlich. Im Firefox gibt es dieses Problem nicht.

Ich schaue nachher mal, ob sich da vielleicht eine Lösung finden lässt.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 16:02:43

Ich benutze Firefox. ^^

Roiber.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 16:30:28

Das ist wirklich merkwürdig. Bei mir tritt das Problem halt im Chrome auf und jetzt bin ich mir gar nicht mal sicher, was den Fehler auslöst, scheint wohl komplexer zu sein.

Ich hab eben die Unterstützung für Chrome rausgenommen und es gibt keine Fehler mehr im Code. Kannst du das Update testen? Wenn der Fehler weiterhin auftritt, muss ich mir echt was überlegen.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 22:45:04

Hab nun mal das grüne genommen da passiert das nicht. Bei dem Untitled habe ich weiterhin das Problem.

Roiber.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 22:49:09

Antwort auf: Grabroiber
Hab nun mal das grüne genommen da passiert das nicht. Bei dem Untitled habe ich weiterhin das Problem.


Im Grunde wurden alle Themes mit demselben Code versehen, halt nur mit anderen Farbeigenschaften. o:
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 22:51:26

Das ist echt komisch, nun kommt es hier auch gerade war nichts. -.-

Roiber.
Posted by: Anonym

Re: Forums Themes - 15.01.2012, 23:00:37

Sry wegen DP, hab nun mal den von Scnappi eingefügt und da tritt dieses Problem nicht auf.

Roiber.
Posted by: Anonym

Re: Forums Themes - 16.01.2012, 06:14:46

Der Fehler lässt sich so leider nicht beheben. Hast du auch Google Chrome? Vielleicht tritt der Fehler dort nicht auf, zudem setzt Chrome das Theme optisch betrachtet etwas besser um.
Posted by: Anonym

Re: Forums Themes - 16.01.2012, 08:53:32

Hab mir mal das Knuex-Theme gezogen, gefällt mir bislang echt gut! :-)
Posted by: Anonym

Re: Forums Themes - 16.01.2012, 19:00:37

Im letzten Update wurden für alle Themes Schatten für die Threadtitelleiste gesetzt, aktive Formularfelder werden nun mit einer blauen Schattierung gekennzeichnet (so wie es beim Safari-Browser der Fall ist). Beim Überfahren der Vorschau- und Absenden-Buttons wird die Schrift farbig hervorgehoben. Des Weiteren wurde die Breite des Forumsherzstücks noch einmal erhöht.

Vorerst stelle ich noch ein Theme vor, danach wird vorerst nichts Neues mehr kommen, da es irgendwann zu problematisch werden würde, eine solche Vielzahl an Themes zu pflegen. Hierbei handelt es sich um eine Inspiraton von diesem Vorschlag für die Knuddels-Startseite. Auch für dieses Theme habe ich noch keinen Namen. Auch dieses Theme ist noch nicht ganz optimal. Verbesserungsvorschläge hierzu nehme ich gerne entgegen.

Untitled II [Download]
Warnung! Spoiler!
[img]http://i44.tinypic.com/1rfdhz.png[/img]
Warnung! Spoiler!
[img]http://i43.tinypic.com/35k361j.png[/img]
Warnung! Spoiler!
[img]http://i43.tinypic.com/289c5jc.png[/img]
Posted by: Anonym

Re: Forums Themes - 21.01.2012, 20:29:13

Hi,

habe mir nicht alles durchgelesen, aber koennte man die Bodenschattierung bei den Smileys noch anpassen?
Posted by: Anonym

Re: Forums Themes - 21.01.2012, 20:44:59

Das ist mit meinen Kenntnissen leider nicht möglich. Da bräuchte ich schon einen Grafiker, der die Headergrafik halbwegs ordentlich gestaltet. Bei Last.fm habe ich dies jedoch ohne Probleme hinbekommen, hier scheint das aber komplexer zu sein. Aber man schaut ja ohnehin nicht die ganze Zeit auf die Knuddels im Header, oder?
Posted by: Anonym

Re: Forums Themes - 21.01.2012, 20:49:33



Davon abgesehen finde ich das sogar recht schön (zumindest im Green-Theme siehts hübsch aus..)
Posted by: mpok

Re: Forums Themes - 21.01.2012, 21:20:12

Heyho,

ich weiß zwar nicht, ob das so gewollt ist, allerdings sieht dieses Theme bei mir nicht so aus, wie es auf den Vorschau-Screens präsentiert wird. Sondern so:
Warnung! Spoiler!
[img]http://s7.directupload.net/images/120121/7hlxkc6m.jpg[/img]
Posted by: Anonym

Re: Forums Themes - 21.01.2012, 22:09:19

Nein, die Grafiken schaue ich mir nicht an, die sind mir persoenlich egal, jedoch waere es optisch schoener/besser und insgesamt stimmiger.

Allgemein gesehen finde ich es toll, wenn man sich das so aussuchen kann :).
Fand das Blaue, Rosane und Gruen (obwohl das gruende so ueberhaupt nicht meins ist) irgendwie auch ansprechend :).
Posted by: Anonym

Re: Forums Themes - 21.01.2012, 22:23:19

Antwort auf: mpok
Heyho,

ich weiß zwar nicht, ob das so gewollt ist, allerdings sieht dieses Theme bei mir nicht so aus, wie es auf den Vorschau-Screens präsentiert wird.

Ich gehe mal davon aus, dass zwei Themes sich bei dir überschneiden, ansonsten tritt solch ein Fehler in der Regel nicht auf.
Posted by: chrixix

Re: Forums Themes - 22.01.2012, 07:46:53

Also ich finde es schwer, das Forum mit Stylish farbig zu machen, weil es einfach aus meiner Sicht immer blöd aussieht, wenn viel Fläche einfach durch einen Farbton gefüllt wird. Und wenn man einen Farbton mag (zb DIESEN), dann findet man ihn nicht auf einer Fläche von 1000x1000 gut (siehe eben hier. Das könnte ich mir nicht antun ;) , sondern eben nur als Akzent. Man muss dann nämlich zu helleren Tönen greifen und das ist dann immer ein helles Rosa, ein Babyblau oder ein angedeutetes Grün... Das ist dann einfach der Punkt wo ich sage: Ich verzichte auf Farbe.

Ich hatte lange Zeit ein gräuliches Theme und jetzt habe ich es ein wenig aufgehellt und es zum weiß-grauen Theme gemacht. Sieht ungefähr so aus:

Startseite
Subforum

Viel mehr gibts eigentlich nicht zu sehen, es gibt, neben den Statusfarben, eigentlich keine Farbe. Die Links haben einen sehr dunklen, fast schwarzen, Blauton, das wars dann aber auch schon wieder.

Vermutlich werde ich den Haupthintergrund (also alles drumherum) ein wenig abdunkeln, von FFF auf EEE, aber das jetzt nochmal als Screen zu zeigen würde gar keinen Sinn machen. :-D

Ich bezweifle, dass das jemandem gefällt, aber ich finde diese Neutralität eigentlich ganz schick, auch wenn ich sonst auch eher für Farbe bin (wenn richtig eingesetzt). (-:
Posted by: Kittekat92

Re: Forums Themes - 22.01.2012, 09:38:18

Hallo erstmal!
Ich muss ganz klar sagen: Mir gefällt der Thread sehr. Das Forum in einer neuen Farbe strahlen zu lassen, hat mir, als ich es entdeckt habe, den Tag gerettet. ;-) Ich finde es anders farbig, bei manchen Themes allerdings nur, wirklich schöner. Und ich möchte mich erstmal bedanken für eure "Arbeit", die ihr euch macht! Riesen Lob, es ist euch gut gelungen!
Momentan verwende ich "Paint it Green!" oder "Knuddels Forum - Knuex". Ich kann mich einfach nicht entscheiden! *g*

Antwort auf: chrixix
[...] Ich bezweifle, dass das jemandem gefällt, aber ich finde diese Neutralität eigentlich ganz schick, auch wenn ich sonst auch eher für Farbe bin (wenn richtig eingesetzt). (-:


chrixix, also ich finde deine Version auch ziemlich angenehm. Es drängt sich nicht auf, aber sieht dennoch anders aus - und gut. :-) Also wäre das auch zur Verfügung, würde ich es doch glatt (auch) verwenden! :-D

Liebe Grüße
Kittekat92
Posted by: lolli1995

Re: Forums Themes - 27.01.2012, 15:21:53

Bei diesem Blauton kriegt man ja mega Kopfschmerzen ... bitte nicht.
An das von Chrixix kann man sich gewöhnen...
Posted by: Anonym

Re: Forums Themes - 08.03.2012, 16:42:53

NOC 2.0 – Download

Dann nutze ich mal die Gunst der Stunde und präsentiere noch einmal mein überarbeitetes Theme fürs Forum, das speziell auf diese Farben hier zugeschnitten wurde. Größte Unterschiede: Administratoren werden in diesem Theme schwarz gekennzeichnet, die Navigation ist ebenfalls schwarz und mit der roten Farbe wird etwas sparsamer umgegangen. Im Theme steckt aber noch viel mehr, wie man auch auf diesen Screens hoffentlich erkennen kann:

[img]http://s7.directupload.net/images/120308/ffvz8z6u.png[/img]

[img]http://s1.directupload.net/images/120308/s73khirf.png[/img]

[img]http://s14.directupload.net/images/120308/aqfq6c3r.png[/img]

Ein Dank geht an dieser Stelle an Grabroiber, der dieses Theme vorgeschlagen hat, sodass es bereits vor zwei Monaten – in gering anderer Form – nutzbar war. Verbesserungsvorschläge werden sehr geschätzt.
Posted by: sweet-chica24

Re: Forums Themes - 08.03.2012, 16:47:14

Das gefällt mir sehr gut. Wobei die Anzeige für neue Beiträge fast noch etwas arg grell ist. Aber geht auf jeden Fall in eine sehr gute Richtung. :-)
Posted by: mpok

Re: Forums Themes - 08.03.2012, 16:47:39


Hey,

zunächst vielen Dank für dieses wirklich schöne Theme, zu dem ich nur eine Frage habe: Aus welchem Grund werden Schriftgrößen, die durch User bspw via [size:12pt][/size] dargestellt werden durch dieses Theme nicht dargestellt? Das finde ich ziemlich schade. Kann man das auch ausschalten?
Posted by: Anonym

Re: Forums Themes - 08.03.2012, 16:52:15

Im Stylish-Manager nach font-family: Calibri,Verdana,Helvetica,sans-serif !important;
font-size: 11pt !important}
suchen und entfernen. Dann werden alle Schriftarten wie sonst auch dargestellt, ich mache dazu aber gleich noch ein Update, damit der Nutzer auch selbst darauf kommen kann, wie man dies abstellt (quasi ein Hinweis im Quellcode).

Edit: Man kann nun updaten.
Posted by: mpok

Re: Forums Themes - 08.03.2012, 16:52:54


Alles klar, danke dir!
Posted by: Anonym

Re: Forums Themes - 08.03.2012, 18:01:04

Antwort auf: sweet-chica24
Das gefällt mir sehr gut. Wobei die Anzeige für neue Beiträge fast noch etwas arg grell ist. Aber geht auf jeden Fall in eine sehr gute Richtung. :-)

Ich habe die Farbtöne monochromatisch noch einmal überarbeitet. Die neuen Beiträge dürften jetzt etwas freundlicher fürs Auge sein, Lisa! :-)
Posted by: sweet-chica24

Re: Forums Themes - 08.03.2012, 18:04:01

Jetzt ist es besser. Danke! :-)
Posted by: Autumn

Re: Forums Themes - 08.03.2012, 18:04:48

Oh, das gefällt mir auch sehr gut!
Posted by: crazy a

Re: Forums Themes - 08.03.2012, 23:13:18

Heyho.

Ich stellte schonmal mein Design vor: http://forum.knuddels.de/ubbthreads.php?ubb=showflat&Number=1738334#Post1738334

Das kam damals zumindest bei einzelnen gut an und da es durch die Farbumstellung nicht mehr konsistent war, habe ich mich heute drangesetzt, um es wieder so aussehen zu lassen wie auf den Screenshots im verlinkten Beitrag. Wer das Theme also nutzen möchte, kann dies mit dem angehängten Code (wieder) problemlos tun.
Hauptmerkmal ist sicherlich das durchweg blau-graue Design.

Viel Spaß damit (oder auch nicht :)).

Warnung! Spoiler!
Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de")

{



/* ##### GLOBAL #### */


/* >>>>>>  Hintergrundfarbe des Forums  <<<<<< */
body {
    background-color: #557 !important;
    background-image: none !important;
}


/* >>>>>> Linkfarben (Moderatoren iin Subforenübersicht, Letzter Beitrag in Subforenübersicht)  */
body a:link {
    color: #6D2688 !important;
}

a {
    color: #762E9A !important;
}

/* >>>>>>  Spaltenfarben Forenübersicht  <<<<<< */
.alt-1 {
    background: none repeat scroll 0 0 #DEDFDF !important;
}

.alt-2 {
    background: none repeat scroll 0 0 #F7F7F7 !important;
}

/* >>>>>>  zum Chat - Schriftfarbe  <<<<<< */
div[style*='margin-left'] strong, div[style*='margin-left'] strong a { 
    display:none!important; 
} 

/* >>>>>>  Willkommen *Nick* ~ Schriftfarbe  <<<<<< */
div[style*='margin: 4px 2.5%'], div[style*='margin: 4px 2.5%'] a { 
    color:#ffffff!important; 
}

/* >>>>>  Navigation  <<<<<< */
.navigation a:link {
    color: #336699 !important;
}


/* >>>>>>  Link des Moderatornicks in der Subforumsübersicht (INAKTIV)  <<<<<< */
div.forum_extras a { 
    color: #6D2688!important; 
}

/* >>>>>>  Farbe von "Moderator" etc. in jedem Subforum unten  <<<<<< */
td.body_col { 
    color:#ffffff!important;
}



/* >>>>>>  Footer, User-Profil im Thread, "Antworten"-button (und restl. 4), Zellenrahmen  <<<<<< */
td .author-content, td .post_top_link, .footer, .post-buttons {
    background-color: #F5F5F5 !important;
}

/* >>>>>>  Breadcrumbs <<<<<< */
td .breadcrumbs {
    background-color: #F5F5F5 !important;
    color: #666666 !important;
}


/* >>>>>> alle bereits existierenden Tabellenzellen-Rahmen  <<<<<< */
td {
    border-color: #F5F5F5 !important;
}


/* >>>>>>  "Laschen" ober- und unterhalb der Threads  <<<<<< */
.tdheader {
    background-color: #A9A9A9 !important;
    color: #6D2688 !important;
}

/* activeText. Unterstreichung verstecken */
abbr {
    border-bottom: none !important;
}

/* Smileyausrichtung in der Vorschau (Bugfix) */
#preview_area img { 
    vertical-align: bottom; 
}

/* Stimmungs-Feature ausblenden */
span[title="Stimmung ändern"] { 
    display: none; 
}



/* #### THREADUEBERSICHT (im Subforum) #### */


/* >>>>>> ungelesene Threads (Betreff)  <<<<<< */
.new-topicsubject a:link, .new-alt-topicsubject a:link, .topicsubject a:link, .alt-topicsubject a:link {
    color: #000033 !important;
}


/* >>>>>> ungelesene Threads (Ersteller-Link)  <<<<<< */
.new-topicsubject .small a:link, .new-alt-topicsubject .small a:link, .topicsubject .small a:link, .alt-topicsubject .small a:link {
    color: #6D2688 !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;
}


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

/* >>>>>>  ungelesene Threads (dunkel)  <<<<<< */
.new-alt-newintopic, .new-alt-topicicon, .new-alt-topicsubject, .new-alt-topicreplies, .new-alt-topicviews, .new-alt-topictime {
    background-color: #87CEEB !important;
}

/* >>>>>>  rechte Spalte zum "Bearbeiten"-Haken setzen // nur für Moderatoren  <<<<<< */
.inline_selector {
    background-color:#cccccc !important;
}




/* #### IM THREAD #### */


/* >>>>>>  Beitragsdatum, Postnummer, Antwort auf  <<<<<< */
span.small {
    display: block!important; margin-left: 1.5em 
}

/* >>>>>>  Thread-Betreff (gelesen) des einzelnen Beitrags  <<<<<< */
td .subjecttable {
    background-color: #C0C0C0 !important;
}

/* >>>>>>  Thread-Betreff (ungelesen) des einzelnen Beitrags  <<<<<< */
td .newsubjecttable {
    background-color: #C9D6EA !important;
}


html, body, #content {
    height: auto;
    min-height: 100%;
}

html {
    height: 100% !important;
}

#khd div.hdbox {
    height: 0 !important;
}

#bd1, #bd2, #bd3, #kmain {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}

#khd div.content, #khd .r, #khd .l, div.ftbox, #khd div.hr, .content {
    display: none !important;
}

#khd {
    padding-top: 0 !important;
}


}


Posted by: PuschiGirl 13

Re: Forums Themes - 09.03.2012, 14:30:42

Gefällt mir sehr gut! Das einzige, was mich stört, sind die lilafarbenen Modnicks und andere Links. Konnte nicht herausfinden, wie man die weiß hinbekommt :-| hab zwar was auf ffffff geändert, zeigte aber keine Wirkung.
[img]http://i39.tinypic.com/1j9pj8.jpg[/img]
diiiiie hätte ich gern weiß.
Posted by: Anonym

Re: Forums Themes - 09.03.2012, 15:00:01

Antwort auf: PuschiGirl 13
diiiiie hätte ich gern weiß.

Code:
.small a {color: #FFF !important}
Posted by: Anonym

Re: Forums Themes - 09.03.2012, 16:22:40

Ich merke mal an, dass Anton ein Lebensretter ist, zumindest hat er mir gestern dank seinem Design (mit dunklem Rand) das Augenlicht gerettet! Danke :-D
Posted by: crazy a

Re: Forums Themes - 09.03.2012, 16:57:15

Antwort auf: Adam Lambert <3
Antwort auf: PuschiGirl 13
diiiiie hätte ich gern weiß.

Code:
.small a {color: #FFF !important}


.small a verändert die Farbe des Threaderstellers. Diese weiß zu machen ist sehr unklug bei einem hellen Hintergrund.
Posted by: Tullece

Re: Forums Themes - 09.03.2012, 17:05:25

Hallo,

ich habe es mir geladen aber da passiert - nichts ;o
Posted by: Feldsvendark

Re: Forums Themes - 09.03.2012, 17:40:10

Antwort auf: crazy a
Code:
.small a {color: #FFF !important}


.small a verändert die Farbe des Threaderstellers. Diese weiß zu machen ist sehr unklug bei einem hellen Hintergrund.

Mit
Code:
.subforum_moderators a {color: #FFF !important}
sollte es funktionieren und ist - bei dem sehr dunklen Hintergrund (siehe oben) - auch nicht unklug. :-)

Edit: Es muss subforum_moderators - also mit einem Unterstrich dazwischen - heißen. Oben sieht man den Unterstrich erst, wenn man innerhalb des [code]-Blocks nach unten scrollt (das scheint ein Bug im Forum zu sein?).


Liebe Grüße,
Sven
Posted by: crazy a

Re: Forums Themes - 09.03.2012, 17:51:07

@PuschiGirl 13:
Füg das Folgende ein, dann sind sie weiß.
Code:
span[class="subforum_moderators"] a, div[class="small subforum_moderators"] a { 
    color:#ffffff!important;
}


Ich hänge nochmal den Code an, da sich seit gestern einiges getan hat.
- Die Zahl für neue Beiträge in der Threadansicht ist nun wieder rot
- Die Moderatoren werden weiß angezeigt wie PuschiGirl 13 es für sich wollte
- Die ganzen horizontalen Balken, die um einiges höher wurden, sind großteils wieder verkleinert. An jeder Stelle habe ich das nicht umgesetzt, für mich ist es so in Ordnung.

Warnung! Spoiler!
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de")

{



/* ##### GLOBAL #### */


/* >>>>>> Hintergrundfarbe des Forums <<<<<< */
body {
background-color: #557 !important;
background-image: none !important;
}


/* >>>>>> Linkfarben (Moderatoren iin Subforenübersicht, Letzter Beitrag in Subforenübersicht) */
body a:link {
color: #6D2688 !important;
}

a {
color: #762E9A !important;
}

/* >>>>>> Spaltenfarben Forenübersicht <<<<<< */
.alt-1 {
background: none repeat scroll 0 0 #DEDFDF !important;
}

.alt-2 {
background: none repeat scroll 0 0 #F7F7F7 !important;
}

/* >>>>>> zum Chat - Schriftfarbe <<<<<< */
div[style*='margin-left'] strong, div[style*='margin-left'] strong a {
display:none!important;
}

/* >>>>>> Willkommen *Nick* ~ Schriftfarbe <<<<<< */
div[style*='margin: 4px 2.5%'], div[style*='margin: 4px 2.5%'] a {
color:#ffffff!important;
}

/* >>>>> Navigation <<<<<< */
.navigation a:link {
color: #336699 !important;
}


/* >>>>>> Link des Moderatornicks in der Subforumsübersicht (INAKTIV) <<<<<< */
div.forum_extras a {
color: #6D2688!important;
}

/* >>>>>> Farbe von "Moderator" etc. in jedem Subforum unten <<<<<< */
td.body_col, span[class="subforum_moderators"] a, div[class="small subforum_moderators"] a{
color:#ffffff!important;
}





/* >>>>>> Footer, User-Profil im Thread, "Antworten"-button (und restl. 4), Zellenrahmen <<<<<< */
td .author-content, td .post_top_link, .footer, .post-buttons {
background-color: #F5F5F5 !important;
}

/* >>>>>> Breadcrumbs <<<<<< */
td .breadcrumbs {
background-color: #F5F5F5 !important;
color: #666666 !important;
padding: 3px !important;
}

.category {
padding: 2px !important;
}

/* >>>>>> alle bereits existierenden Tabellenzellen-Rahmen <<<<<< */
td {
border-color: #F5F5F5 !important;
}


/* >>>>>> "Laschen" ober- und unterhalb der Threads <<<<<< */
.tdheader {
background-color: #A9A9A9 !important;
color: #6D2688 !important;
padding: 7px !important;
}

/* activeText. Unterstreichung verstecken */
abbr {
border-bottom: none !important;
}

/* Smileyausrichtung in der Vorschau (Bugfix) */
#preview_area img {
vertical-align: bottom;
}

/* Stimmungs-Feature ausblenden */
span[title="Stimmung ändern"] {
display: none;
}






/* #### THREADUEBERSICHT (im Subforum) #### */



/* >>>>>> ungelesene Threads (Betreff) <<<<<< */
.new-topicsubject a:link, .new-alt-topicsubject a:link, .topicsubject a:link, .alt-topicsubject a:link {
color: #000033 !important;
}


/* >>>>>> ungelesene Threads (Ersteller-Link) <<<<<< */
.new-topicsubject .small a:link, .new-alt-topicsubject .small a:link, .topicsubject .small a:link, .alt-topicsubject .small a:link {
color: #6D2688 !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;
}


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

/* >>>>>> ungelesene Threads (dunkel) <<<<<< */
.new-alt-newintopic, .new-alt-topicicon, .new-alt-topicsubject, .new-alt-topicreplies, .new-alt-topicviews, .new-alt-topictime {
background-color: #87CEEB !important;
}

/* >>>>>> rechte Spalte zum "Bearbeiten"-Haken setzen <<<<<< */
.inline_selector {
background-color:#cccccc !important;
}

/* >>>>>> Anzahl ungelesener Beitraege <<<<<< */
.newtotal {
color: #FF0000 !important;
}




/* #### IM THREAD #### */


/* >>>>>> Beitragsdatum, Postnummer, Antwort auf <<<<<< */
span.small {
display: block!important; margin-left: 1.5em
}

/* >>>>>> Thread-Betreff (gelesen) des einzelnen Beitrags <<<<<< */
td .subjecttable {
background-color: #C0C0C0 !important;
padding: 2px !important;
}

/* >>>>>> Thread-Betreff (ungelesen) des einzelnen Beitrags <<<<<< */
td .newsubjecttable {
background-color: #C9D6EA !important;
padding: 2px !important;
}


html, body, #content {
height: auto;
min-height: 100%;
}

html {
height: 100% !important;
}

#khd div.hdbox {
height: 0 !important;
}

#bd1, #bd2, #bd3, #kmain {
background-color: transparent !important;
background-image: none !important;
background: transparent !important;
}

#khd div.content, #khd .r, #khd .l, div.ftbox, #khd div.hr, .content {
display: none !important;
}

#khd {
padding-top: 0 !important;
}


}


Posted by: PuschiGirl 13

Re: Forums Themes - 09.03.2012, 18:38:49

Jaaa, juhu :-D vielen Dank! Jetzt sieht es noch besser aus.
Posted by: Anonym

Re: Forums Themes - 10.03.2012, 11:29:59

Ha, daran habe ich gar nicht gedacht, schließlich gab es auch keinen Screen von deinem Design.

Ich habe nun auch ein kleines Update durchgeführt …

Neuerungen:
  • sämtliche Smileys für das Stimmungfeature wurden nun auch aus der linken Beitragsspalte entfernt
    • rückgängig machen kann man dies, indem man die entsprechend gekennzeichnete Zeile im Quellcode löscht
  • aktive Formularfelder werden nun etwas sauberer hervorgehoben
  • Umfrageergebnisbalken werden nun im neuen Knuddels-Rot dargestellt
  • der Link [zum Seitenanfang] ist nun schwarz, fett und wird beim Hovern rot




Posted by: crazy a

Re: Forums Themes - 11.03.2012, 15:00:34

Zitat:
Ha, daran habe ich gar nicht gedacht, schließlich gab es auch keinen Screen von deinem Design.

Falls du meinen Beitrag liest, fällt dir sicher der Verweis auf den früheren Beitrag von mir auf, der Abbildungen des Themes enthält.
Posted by: Anonym

Re: Forums Themes - 17.03.2012, 15:53:27

Letztendlich habe ich mich dann aber an den einen Beitrag orientiert, in dem es eben nur darum ging, die Farbe grob anzupassen. Nicht weit genug gedacht.

Ich habe dieses Wochenende genutzt, um die Formularfelder zu modernisieren. Diese sind nun im Firefox fast schwarz und abgerundet. Abrundungen für Chrome und Safari wurden noch nicht vorgenommen. Die Schrift ist weiß und die Formularfelder werden beim Hovern im Hintergrund komplett schwarz.

Es ist eine Änderung, die besonders beim Verfassen von Beiträgen in den Fokus gerät und ziemlich ungewohnt erscheint. Aber letztendlich musste ich erkennen, dass diese Variante das neue Knuddels-Design in dieser optimierten Form besser trifft.

Des Weiteren teste ich zurzeit eine kleine Animation: Beim Seitenwechsel innerhalb des Forums erhalten die Seiten einen Fade-In – einen Einblendungseffekt. Diesbezüglich müssen sicherlich noch ein paar Verbesserungen vorgenommen werden, da dieser Effekt eben auch den Nachteil hat, dass Seiteninhalte minimal verzögert dargestellt werden – bei jedem Rechner sehr individuell.

Zum Download geht es hier.
Posted by: Tine333

Re: Forums Themes - 17.03.2012, 21:39:46

Funktioniert zufällig das lilane Design von crazy a auch mit Opera? %-)
Ich hab die Erklärung, welche am Anfang steht, bereits durchgelesen. Jedoch will Opera ja über seitenspezifische Einstellungen (Anzeige) eine Datei. Nur wie mache ich aus dem Code eine Datei? :-D Ich bin mit sowas schlichtweg überfordert.
Posted by: huendchen

Re: Forums Themes - 18.03.2012, 12:49:17

Antwort auf: Tine333
Funktioniert zufällig das lilane Design von crazy a auch mit Opera?
Tut es, ja!

Kopier dir alles ab
Code:
/* ##### GLOBAL #### */
bis
Code:
padding-top: 0 !important;
und speicher es dir im Texteditor (du solltest alle Dateiendungen einstellen) mit dem suffix css ab. Dann der Verweis in Opera auf die abgespeicherte Datei und fertig.

Immer Vorausgesetzt es ist das Theme was du haben moechtest, funktioniert aber bei allen anderen genau so.

Wie waer es eigentlich, wenn alle mal die Themes auf github hochladen.
Posted by: Anonym

Re: Forums Themes - 18.03.2012, 16:21:35

Hey, huendchen,

ich hab auch schon an eine Sammelstelle für alle Themes, die hier bereits vorgestellt wurden, gedacht. Bei dieser Masse würde eine solche auch Sinn machen. Ich denke, dass GitHub gut wäre, aber über Userstyles treffen Stylish-Benutzer eher über Themes ihrer Lieblingsseiten. Mit GitHub würden quasi nur noch die, die hier lesen, irgendwie fündig werden.

Das heißt, dass wir uns einen User-Account bei Userstyles anlegen sollten, auf dem wir alle Knuddels-Themes, die hier vorgestellt wurden, speichern und beschreiben. Dann klatschen wir nur noch die Account-Seite in deinen Eröffnungsbeitrag und dann kann jeder auf eine ganze Palette an Themes zugreifen.
Posted by: Tine333

Re: Forums Themes - 18.03.2012, 18:08:16

Vielen, vielen Dank huendchen. Ich hab es tatsächlich hinbekommen. :-)
Und auch ein Dankeschön an die Leute, die sowas hier überhaupt für uns zur Verfügung stellen.
Durch euch macht das Lesen im Forum wieder wesentlich mehr Spaß! :-)
Posted by: huendchen

Re: Forums Themes - 19.03.2012, 22:53:53

Antwort auf: Adam Lambert <3
»…Mit GitHub würden quasi nur noch die, die hier lesen, irgendwie fündig werden…«
Klar, andere wird es auch kaum interessieren.

GitHub ist auch nur etwas fuer Entwickler, nichts fuer Endanwender - so zumindest meine Meinung dazu.
Fuer diejenigen, die ein Theme einfach nur umgestalten wollen, verbessern oder erweitern, ist GitHub einfacher. Fork sollte da kein Fremdwort sein.

Bspw. gefaellt mir dein letztes Theme extrem gut und ich wuerd es gerne Opera-faehig machen, allerdings dreht sich mir der Magen, wenn ich erstmal alles aufwurschteln muss.
Posted by: Anonym

Re: Forums Themes - 19.03.2012, 23:20:44

Ja, das kann ich nachvollziehen. Ich schwöre ja auf den Vorteil, dass ein paar Hühner auch mal Userstyles besuchen und nach Themes für Knuddels suchen. Immerhin haben beispielsweise User aus .ch und .at in der letzten Zeit auch zu diesen gefunden, was mich schon etwas überraschte.

Apropos Opera: Ich bin ja auch insgeheim ein großer Opera-Fan, aber es setzen so wenige auf die Presto-Engine, sodass ich mich mit dieser bisher kaum auseinandergesetzt habe. Ich muss mich hier auch wirklich für den Quellcode entschuldigen! Ich ordne meistens alles so absurd an, dass der Endanwender schnell mal den Überblick verliert, weil wirklich so vieles durcheinander gewürfelt bzw. zu selbstverständlich gekennzeichnet ist.

Ich habe das Theme ja schon vor einigen Tagen mit Opera getestet und musste feststellen, dass die Formularfelder nicht abgerundet werden. Bei den Pop-up-Menüs setzen die weißen Borders zudem erst beim Hovern ein … und es gibt sicherlich noch weitere Mängel. Es wäre toll, wenn du das Theme opera-fähig machen würdest. Dann müsste ich nur noch wissen, ob ich den Quellcode vorsichtshalber strukturierter anordnen sollte. Für weitere Verbesserungsvorschläge bin ich des Weiteren immer gerne offen.
Posted by: crazy a

Re: Forums Themes - 20.03.2012, 10:04:48

Gegen github hätte ich auch nichts einzuwenden. Man ändert von Zeit zu Zeit Kleinigkeiten am Code, dafür dann immer den (komplette) Code posten, damit es sich wieder jeder kopieren kann, ist anstrengend.
Zudem hätte man so vielleicht einen besseren Überblick über die Arbeit der anderen, es wäre vielleicht ein besseres MIteinander. Mir gefällt die Idee grundsätzlich jedenfalls.
Posted by: Anonym

Re: Forums Themes - 20.03.2012, 10:44:41

Ich bin gerade dabei, alte Themes, die durch das neue Design mehr oder weniger einen Totalschaden erlitten haben, wieder auf Vordermann zu bringen. Das betrifft drei Themes von Scnappi und eines von TobyB. chrixix hat hier in letzter Zeit auch ein Theme gepostet (dieses schlichte schwarz-weiße). Magst du uns den Quellcode zur Verfügung stellen, chrixix?

Und huendchen, du hast ja anfangs so einige Themes gepostet. Besitzt du noch die Quellcodes deiner Themes? Ich würde mir dann die Zeit nehmen und jedes Theme anpassen, damit wir sie auf GitHub und Userstyles ablegen können.
Posted by: Anonym

Re: Forums Themes - 19.07.2013, 20:18:30

Hallo,

ich hole den alten Thread mal wieder für ein neues Theme hoch, das ich mir gerade gebastelt habe. Wer möchte kann es gern nutzen. Vorteile sind unter anderem der "moderne" Style sowie die Eigenschaft, dass die Navigation und die Breadcrumbs beim runterscrollen dezent im Bild bleiben und man somit auch vom Ende eines Threads aus problemlos auf die Links klicken kann (zu sehen auf dem fünften Screen).

Warnung! Spoiler! (Screens)
[img]http://s1.directupload.net/images/130719/nngikeie.png[/img]
[img]http://s7.directupload.net/images/130719/sgj3mveh.png[/img]
[img]http://s7.directupload.net/images/130719/pg7lkdgn.png[/img]
[img]http://s7.directupload.net/images/130719/o7icehiw.png[/img]
[img]http://s7.directupload.net/images/130719/tbrvbuq6.png[/img]


Den Code stelle ich hier zur freien Verfügung, er darf beliebig verändert oder erweitert werden ganz nach eurem Geschmack. Ich habe den Code ein wenig gegliedert und die Struktur ein wenig kommentiert. Ganz am Ende befinden sich auch ein paar Zeilen, die man je nach belieben einfach ändern kann. Ich habe bei mir z.B. die Stimmungs-Funktion ausgblendet. Wenn man sie nutzen möchte, schaut man einfach unten im Code und ändert das display: none; in ein display: inline;.

Warnung! Spoiler!
Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.knuddels.de") {

	html {
		background: none !important;
	}
	  
	body {
		background: url('http://s7.directupload.net/images/130718/h8gu8w2y.png') repeat !important;
		padding: 30px 0 0 0 !important;
	}
	  
	* {
		font-family: 'Trebuchet MS' !important;
	}
	
	* a:link,
	* a:visited {
		color: #394A6B !important;
	}
	  
	/*
		Box: Willkommen
	*/
	  
	#content > div:first-child {
		background: rgba(0, 0, 0, 0.6);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		color: #eee;
		position: fixed !important;
			top: 0;
			left: 0;
		margin: 0 !important;
		padding: 4px 12px !important;
		width: -moz-calc(100% - 24px) !important;
	}
	  
	#content > div:first-child a:link,
	#content > div:first-child a:visited {
		color: #eee !important;
	}
	
	/*
		Breadcrumbs
	*/
	
	td.breadcrumbs {
		background: rgba(0, 0, 0, 0.4) !important;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		color: #444 !important;
		font-size: 12px !important;
		position: fixed !important;
			top: 30px;
			left: 0;
		margin: 0 !important;
		padding: 4px 12px !important;
		width: -moz-calc(100% - 24px) !important;
	}
	
	td.breadcrumbs a,
	td.breadcrumbs a:link,
	td.breadcrumbs a:visited {
		color: #eee !important;
		display: inline-block;
	}
	
	td.breadcrumbs a:focus,
	td.breadcrumbs a:hover,
	td.breadcrumbs a:active {
		color: #ddd !important;
		text-decoration: none !important;
	}
	
	td.breadcrumbs a:not(:first-child) {
		margin: 0 5px;
	}
	
	td.breadcrumbs a:first-child {
		margin: 0 5px 0 0;
	}
	
	/*
		Navigation
	*/
	
	td.navigation {
		background: none !important;
		position: fixed;
		top: 2px;
		right: 12px;
		z-index: 100;
	}
	
	.popup_menu {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		margin: 4px 0 0;
	}
	
	.popup_menu_content {
		background: rgba(0, 0, 0, 0.5) !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		padding: 2px 5px !important;
	}
	
	.popup_menu_highlight {
		background: rgba(0, 0, 0, 0.6) !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		padding: 2px 5px !important;
	}
	
	.popup_menu_content a:link,
	.popup_menu_content a:visited {
		color: #eee !important;
	}
	
	.popup_menu_highlight a:link,
	.popup_menu_highlight a:visited,
	.popup_menu_highlight a:hover,
	.popup_menu_highlight a:active {
		color: #eee !important;
	}
	
	div#myspace_popup,
	div#active_popup,
	div#search_popup {
		position: fixed !important;
	}
	
	/*
		Foren-Gesamtübersicht
	*/
	
	div.navigation {
		background: transparent !important;
		border: none !important;
		text-indent: -99999em !important;
	}
	
	/*
		Footer
	*/
	
	td.footer {
		background: none !important;
		border-top: 2px solid rgba(0, 0, 0, 0.5);
		padding: 5px 0 0 0 !important;
	}
	
	td.footer a:link,
	td.footer a:visited {
		color: #555 !important;
		font-size: 1.1em !important;
		text-shadow: 0 1px 0 white;
	}
	
	td.footer a:hover,
	td.footer a:active {
		color: #444 !important;
	}
	
	/*
		Allgemeine Tabellen (insb. Kategorieansicht)
	*/
	
	table.t_inner {
		background: none !important;
		border-spacing: 0 !important;
	}
	
	table.t_outer {
		background: none !important;
	}
	
	.tdheader {
		background: none !important;
		border-bottom: 2px solid rgba(0, 0, 0, 0.5);
		color: #555 !important;
		padding: 0 0 2px 0 !important;
		text-align: left !important;
	}
	
	.tdheader a {
		color: #555 !important;
		text-align: left !important;
	}
	
	.tdheader a:focus {
		text-decoration: none !important;
	}
	
	td.alt-1,
	td.alt-2 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	td.alt-1 {
		background: rgba(238, 238, 238, 0.7) !important;
	}
	
	td.alt-2 {
		background: rgba(225, 225, 225, 0.7) !important;
	}
	
	/*
		Threadliste
	*/
	
	tr[id|="postrow"] td {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		padding: 3px !important;
	}
	
	tr[id|="postrow"] td:first-child {
		border-left: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	tr[id|="postrow"] td:last-child {
		border-right: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	tr[id|="postrow"] td:not(.alt-newintopic, .inline_selector) {
		background: rgba(238, 238, 238, 0.7) !important;
	}
	
	tr[id|="postrow"] td[class|="alt"]:not(.inline_selector) {
		background: rgba(225, 225, 225, 0.7) !important;
	}
	
	tr[id|="postrow"] td.inline_selector {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	.new-newintopic,
	.new-topicicon,
	.new-topicsubject,
	.new-topicreplies,
	.new-topicviews,
	.new-topictime {
		background: rgba(255, 226, 160, 0.5) !important;
	}
	
	
	.new-alt-newintopic,
	.new-alt-topicicon,
	.new-alt-topicsubject,
	.new-alt-topicreplies,
	.new-alt-topicviews,
	.new-alt-topictime {
		background: rgba(255, 210, 140, 0.5) !important;
	}
	
	span.newtotal {
		color: #e0a320 !important;
	}
	
	/*
		Tabellen: Links, Zeitstempel und Icons (vorw. Threadübersicht)
	*/
	
	tr[id|="postrow"] td {
		font-size: 13px !important;
	}
	
	tr[id|="postrow"] td a:link,
	tr[id|="postrow"] td a:visited {
		color: #394a6b !important;
	}
	
	tr[id|="postrow"] td span.date {
		color: #777 !important;
		font-style: italic;
	}
	
	tr[id|="postrow"] td img {
		opacity: 0.6 !important;
	}
	
	/*
		Tabellen Links und Zeitstempel (vorw. Kategorieübersicht)
	*/
	
	tr:not([id|="postrow"]) td[class|="alt"] a:link,
	tr:not([id|="postrow"]) td[class|="alt"] a:visited {
		color: #394a6b !important;
	}
	
	tr:not([id|="postrow"]) td[class|="alt"] span.date {
		color: #777 !important;
		font-style: italic;
	}
	
	tr:not([id|="postrow"]) td[class|="alt"] span.date:after {
		content: ' Uhr';
	}
	
	div.subforum_moderators {
		color: black !important;
		font-weight: bold !important;
		margin: 4px 0 0 0 !important;
	}
	
	img[src="/images/icons/default/book.gif"] {
		opacity: 0.4;
	}
	
	/*
		Kategorie-Name
	*/
	
	th.category {
		background: none !important;
		border: none !important;
	}
	
	th.category > a {
		color: #333 !important;
		font-size: 26px !important;
		text-shadow: 0 1px 0 white;
	}
	
	th.category > div {
		color: #555 !important;
		font-size: 16px !important;
		font-style: italic;
		display: block;
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
		text-shadow: 0 1px 0 white;
	}
	
	th.category > img {
		display: none;
	}
	
	/*
		Navigation Links
	*/
	
	td.navigation a:link,
	td.navigation a:visited {
		color: #eee !important;
	}
	
	td.navigation a:focus,
	td.navigation a:hover,
	td.navigation a:active {
		color: #ddd !important;
		text-decoration: none !important;
	}
	
	/*
		Kontroll-Container (Optionen und Seitenzahlen)
	*/
	
	table.controlcontainer > tbody > tr > td {
		padding: 0 !important;    
	}
	
	.t_standard,
	.controlcontainer .t_standard,
	.controlcontainer .t_standard td,
	.controlcontainerbottom .t_standard,
	.controlcontainerbottom .t_standard td {
		border: none !important;
		margin: 5px 0 !important;
	}
	
	table.controlcontainer td.tdheader {
		padding: 0 !important;
	}
	
	table.controlcontainer td.tdheader[onclick] {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6) !important;
		background-repeat: repeat-x  !important;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3  !important;
		border-radius: 4px 4px 4px 4px  !important;
		border-style: solid !important;
		border-width: 1px  !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px !important;
		line-height: 16px !important;
		margin: 0 10px 0 0 !important;
		padding: 2px 12px  !important;
		text-align: center !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
		vertical-align: middle !important;
	}
	
	table.controlcontainer td.tdheader a:link,
	table.controlcontainer td.tdheader a:visited {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		line-height: 16px;
		margin: 0 10px 0 0;
		padding: 2px 12px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	table.controlcontainer td.tdheader a:hover,
	table.controlcontainer td.tdheader a:active,
	table.controlcontainer td.tdheader[onclick]:hover {
		background-image: linear-gradient(to bottom, #fff, #ccc) !important;
	}
	
	table.controlcontainer td.tdheader a img {
		display: none;
	}
	
	table.pagination {
		border-spacing: 1px !important;
	}
	
	table.pagination td.tdheader,
	table.pagination td {
		border: none !important;
		padding: 2px !important;
		line-height: .6em !important;
	}
	
	table.pagination tbody tr td[class|="alt"] {
		background: rgba(0, 0, 0, 0.1) !important;
		border-radius: 0 !important;
		padding: 8px !important;
	}
	
	table.pagination tbody tr td.tdheader {
		background: none !important;
		padding: 0 5px !important;
		text-transform: uppercase;
		font-size: 11px !important;
	}
	
	table.pagination tbody tr td[class|="alt"]:not(:last-child) {
		border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	table.pagination tbody tr td[class|="alt"] a:link,
	table.pagination tbody tr td[class|="alt"] a:visited {
		color: #555 !important;
	}
	
	/*
		Kontroll-Container (vorheriges Thema, Index, nächstes Thema)
	*/
	
	#prev-next-links table.controlcontainerbottom tbody tr td {
		padding: 0 3px 0 0 !important;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td {
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:link,
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:visited {
		background: rgba(0, 0, 0, 0.1) !important;
		display: inline-block;
		padding: 2px 10px;
		text-transform: capitalize;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:hover,
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:active {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a img {
		display: none;
	}
	
	#prev-next-links {
		border: none !important;
	}
	
	/*
		Boardjump
	*/
	
	div.small form table tbody tr td {
		background: rgba(0, 0, 0, 0.2) !important;
		border-radius: 5px;
		padding: 4px 12px !important;
	}
	
	
	div.small form table tbody tr td select {
		border: 1px solid rgba(0, 0, 0, 0.5);
		color: #555 !important;
		padding: 2px;
	}
	
	div.small form table tbody tr td input.form-button {
		color: #333 !important;
		cursor: pointer !important;
		border: 1px solid rgba(0, 0, 0, 0.5) !important;
		padding: 2px 5px !important;
	}
	
	div.small form table tbody tr td label[for="board"] {
		color: #555 !important;
		text-transform: uppercase;
	}
	
	/*
		Formulare
	*/
	
	form input[type="text"],
	form textarea,
	form select {
		border: 1px solid rgba(0, 0, 0, 0.5);
		padding: 4px !important;
	}
	
	form input.form-button {
		background-image: linear-gradient(to bottom, #fff, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333 !important;
		cursor: pointer !important;
		display: inline-block;
		font-size: 12px;
		line-height: 16px;
		margin: 0 10px 0 0;
		padding: 5px 20px !important;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	form input.form-button:hover {
		background-image: linear-gradient(to bottom, #fff, #ccc);
	}
	
	table.markup_panel {
		background: rgba(230, 230, 230, 0.6) !important;
		border: 5px solid rgba(0, 0, 0, 0) !important;
	}
	
	.markup_panel_normal_button,
	.markup_panel_hover_button {
		border-radius: 3px;
		border: 1px solid rgba(0, 0, 0, 0.3) !important;
	}
	
	label[for|="Icon"] img {
		opacity: 0.7;
		margin: 0 4px;
	}
	
	/*
		Threadansicht
	*/
	
	#actualthreadcontent,
	#preview_area {
		border: none !important;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		margin: 14px 0 !important;
	}
	
	#preview_area table {
		border: none !important;
	}
	
	#actualthreadcontent td a:link,
	#actualthreadcontent td a:visited,
	#preview_area td a:link,
	#preview_area td a:visited {
		color: #394a6b !important;
	}
	
	#actualthreadcontent td a:hover,
	#actualthreadcontent td a:active,
	#preview_area td a:hover,
	#preview_area td a:active {
		color: #000 !important;
	}
	
	.newsubjecttable,
	.subjecttable {
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
		border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	.subjecttable {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	.newsubjecttable {
		background: rgba(255, 210, 140, 0.5) !important;
	}
	
	.newsubjecttable img[alt="New!"] {
		display: none;
	}
	
	.author-content {
		background: rgba(0, 0, 0, 0.1) !important;
		border: none !important;
	}
	
	.author-content span.small {
		color: #444 !important;
	}
	
	.post-content {
		background: rgba(255, 255, 255, 0.5) !important;
		border: none !important;
	}
	
	.post_top_link,
	.post-options {
		display: none;
	}
	
	span.post-buttons {
		background: none !important;
		border: none !important;
		margin: 2px 0 !imortant;
		padding: 0 !important;
	}
	
	#actualthreadcontent td span.post-buttons a:link,
	#actualthreadcontent td  a:visited {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.2);
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		padding: 2px 10px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	#actualthreadcontent td span.post-buttons a:hover,
	#actualthreadcontent td span.post-buttons a:active {
		background-image: linear-gradient(to bottom, #fff, #ccc);
		color: black !important;
	}
	
	span.post-buttons img {
		display: none;
	}
	
	/*
		Einstellungen
	*/
	
	td.category,
	.mypreftable,
	table.mypreftable th,
	table.mypreftable td {
		border: none !important;
	}
	
	table.mypreftable th {
		background: rgba(225, 225, 225, 0.7) !important;
		color: #555 !important;
	}
	
	td.category {
		background: rgba(225, 225, 225, 0.7) !important;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	table.mypreftable td,
	table.mypreftable th {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	/*
		Mod-Liste unter den Subforen
	*/
	
	span.subforum_moderators {
		color: #555 !important;
		display: block;
		margin: 0 0 5px 0 !important;
	}
	
	/*
		Admin- und Modfarben
	*/
	
	.modname { color: #080 !important; }
	.adminname { color: #a00 !important; }
	  
	/*
		Kleinere Standardfixes
	*/  
	 
	img[src="/images/general/default/newposts.gif"],
	img[src="/images/general/default/nonewposts.gif"] {
		margin: 3px 5px;
	}
	
	#preview_area img { vertical-align: bottom; }
	
	/*
		Entfernung des Layout-Rahmens
	*/
	
	#yui-main { background: none !important; }
	#kbody { width: 90% !important; }
	table[width="95%"] { width: 100% !important; }
	#khd { display: none !important; }
	#bd1, #bd2, #bd3 { background: none !important; }
	#ft { display: none; }
	a:hover, a:active { text-decoration: none !important; }
	:focus { outline: none !important; text-decoration: none !important; }
	
	/*
		Optionale Änderungen
		- Zeilenabstand in Beiträgen vergrößern um das Lesen zu erleichtern
	*/
	
	.post_inner { line-height: 1.5; }
	
	/*
		Optionale Änderungen
		- Stimmungsfrage im Header anzeigen oder nicht
	*/
	
	span[title="Stimmung ändern"] { display: none; }
	
	/*
		Optionale Änderungen
		- Flamme für viel gelesene Themen ausblenden
	*/
	
	span img[alt="Hot!"] {
		display: none;
	}
	
}

Wer größere Fehler entdeckt kann das ruhig melden wenn er möchte. Ich habe natürlich nicht jedes Detail angepasst, das geht auch gar nicht. Aber wenn einen von euch etwas besonders grob stört kann ich mir nochmal anschauen, ob ich was daran ändern kann. :-)
Posted by: mpok

Re: Forums Themes - 19.07.2013, 21:11:43

Der Style ist sehr geil, Tim! Gut gemacht. :-) Vorallem die dauerhafte Mainleiste oben!
Posted by: Aamun

Re: Forums Themes - 19.07.2013, 21:27:58

Sieht gut aus. Ich scroll zwar immer noch hoch ( scheiß Angewohnheit ), aber was solls :-D
Posted by: mpok

Re: Forums Themes - 19.07.2013, 22:58:49

Nach meinen Anpassung sieht die Threadliste jetzt übrigens so aus:

[img]http://s1.directupload.net/images/130719/q4rilfvg.png[/img]

Bei Interesse kann ich euch die Farbcodes zukommen lassen, wem das gelb zu zart ist!
Posted by: Kev777

Re: Forums Themes - 20.07.2013, 01:07:24

danke :) sieht gut aus
Posted by: Königspinguin

Re: Forums Themes - 22.07.2013, 16:38:16

Mir gefällt das Desgin von Scnappi wirklich vollkommen, eine richtig super tolle Arbeit.

Respekt. :)
Posted by: xXsmartlXx

Re: Forums Themes - 26.07.2013, 00:22:06

Huhu,

kennt sich jemand mit Google Chrome aus? Ich finde das Stylish von Scnappi ansprechend und hätte es gerne, benütze aber Google Chrome. Kenne mich leider nicht aus mit dem Programmieren von derartigen Dingen, auch Scnappi konnte mir mit Chrome nicht helfen. :-(
Posted by: WoB BoY 24

Re: Forums Themes - 26.07.2013, 00:49:36

Hast du es dir denn hier schon installiert? Dort gibt es auch ein Video, welches dir ggf. weiter helfen kann. :-)
Posted by: Anonym

Re: Forums Themes - 26.07.2013, 03:22:08

Ich finde das Design von Scnappi super %-)
..und habe es auch gleich mal installiert.

Tolle Arbeit (-:
Posted by: xXsmartlXx

Re: Forums Themes - 26.07.2013, 12:24:14

Huhu,

jap, ich habe natürlich Stylish runtergeladen von Chrome und den Code eingefügt, aber der Code ist ja an ein paar wenigen Stellen für Mozilla ausgelegt - "moz" zu ändern hatte nichts gebracht, von daher bin ich etwas ratlos.
Posted by: Anonym

Re: Forums Themes - 26.07.2013, 19:07:26

Für Chromenutzer folgenden CSS-Code benutzen:

Warnung! Spoiler!
Code:
html {
		background: none !important;
	}
	  
	body {
		background: url('http://s7.directupload.net/images/130718/h8gu8w2y.png') repeat !important;
		padding: 30px 0 0 0 !important;
	}
	  
	* {
		font-family: 'Trebuchet MS' !important;
	}
	
	* a:link,
	* a:visited {
		color: #394A6B !important;
	}
	  
	/*
		Box: Willkommen
	*/
	  
	#content > div:first-child {
		background: rgba(0, 0, 0, 0.6);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		color: #eee;
		position: fixed !important;
			top: 0;
			left: 0;
		margin: 0 !important;
		padding: 4px 12px !important;
		width: -moz-calc(100% - 24px) !important;
	}
	  
	#content > div:first-child a:link,
	#content > div:first-child a:visited {
		color: #eee !important;
	}
	
	/*
		Breadcrumbs
	*/
	
	td.breadcrumbs {
		background: rgba(0, 0, 0, 0.4) !important;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		color: #444 !important;
		font-size: 12px !important;
		position: fixed !important;
			top: 30px;
			left: 0;
		margin: 0 !important;
		padding: 4px 12px !important;
		width: -moz-calc(100% - 24px) !important;
	}
	
	td.breadcrumbs a,
	td.breadcrumbs a:link,
	td.breadcrumbs a:visited {
		color: #eee !important;
		display: inline-block;
	}
	
	td.breadcrumbs a:focus,
	td.breadcrumbs a:hover,
	td.breadcrumbs a:active {
		color: #ddd !important;
		text-decoration: none !important;
	}
	
	td.breadcrumbs a:not(:first-child) {
		margin: 0 5px;
	}
	
	td.breadcrumbs a:first-child {
		margin: 0 5px 0 0;
	}
	
	/*
		Navigation
	*/
	
	td.navigation {
		background: none !important;
		position: fixed;
		top: 2px;
		right: 12px;
		z-index: 100;
	}
	
	.popup_menu {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		margin: 4px 0 0;
	}
	
	.popup_menu_content {
		background: rgba(0, 0, 0, 0.5) !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		padding: 2px 5px !important;
	}
	
	.popup_menu_highlight {
		background: rgba(0, 0, 0, 0.6) !important;
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
		padding: 2px 5px !important;
	}
	
	.popup_menu_content a:link,
	.popup_menu_content a:visited {
		color: #eee !important;
	}
	
	.popup_menu_highlight a:link,
	.popup_menu_highlight a:visited,
	.popup_menu_highlight a:hover,
	.popup_menu_highlight a:active {
		color: #eee !important;
	}
	
	div#myspace_popup,
	div#active_popup,
	div#search_popup {
		position: fixed !important;
	}
	
	/*
		Foren-Gesamtübersicht
	*/
	
	div.navigation {
		background: transparent !important;
		border: none !important;
		text-indent: -99999em !important;
	}
	
	/*
		Footer
	*/
	
	td.footer {
		background: none !important;
		border-top: 2px solid rgba(0, 0, 0, 0.5);
		padding: 5px 0 0 0 !important;
	}
	
	td.footer a:link,
	td.footer a:visited {
		color: #555 !important;
		font-size: 1.1em !important;
		text-shadow: 0 1px 0 white;
	}
	
	td.footer a:hover,
	td.footer a:active {
		color: #444 !important;
	}
	
	/*
		Allgemeine Tabellen (insb. Kategorieansicht)
	*/
	
	table.t_inner {
		background: none !important;
		border-spacing: 0 !important;
	}
	
	table.t_outer {
		background: none !important;
	}
	
	.tdheader {
		background: none !important;
		border-bottom: 2px solid rgba(0, 0, 0, 0.5);
		color: #555 !important;
		padding: 0 0 2px 0 !important;
		text-align: left !important;
	}
	
	.tdheader a {
		color: #555 !important;
		text-align: left !important;
	}
	
	.tdheader a:focus {
		text-decoration: none !important;
	}
	
	td.alt-1,
	td.alt-2 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	td.alt-1 {
		background: rgba(238, 238, 238, 0.7) !important;
	}
	
	td.alt-2 {
		background: rgba(225, 225, 225, 0.7) !important;
	}
	
	/*
		Threadliste
	*/
	
	tr[id|="postrow"] td {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		padding: 3px !important;
	}
	
	tr[id|="postrow"] td:first-child {
		border-left: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	tr[id|="postrow"] td:last-child {
		border-right: 1px solid rgba(0, 0, 0, 0.05);
	}
	
	tr[id|="postrow"] td:not(.alt-newintopic, .inline_selector) {
		background: rgba(238, 238, 238, 0.7) !important;
	}
	
	tr[id|="postrow"] td[class|="alt"]:not(.inline_selector) {
		background: rgba(225, 225, 225, 0.7) !important;
	}
	
	tr[id|="postrow"] td.inline_selector {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	.new-newintopic,
	.new-topicicon,
	.new-topicsubject,
	.new-topicreplies,
	.new-topicviews,
	.new-topictime {
		background: rgba(255, 226, 160, 0.5) !important;
	}
	
	
	.new-alt-newintopic,
	.new-alt-topicicon,
	.new-alt-topicsubject,
	.new-alt-topicreplies,
	.new-alt-topicviews,
	.new-alt-topictime {
		background: rgba(255, 210, 140, 0.5) !important;
	}
	
	span.newtotal {
		color: #e0a320 !important;
	}
	
	/*
		Tabellen: Links, Zeitstempel und Icons (vorw. Threadübersicht)
	*/
	
	tr[id|="postrow"] td {
		font-size: 13px !important;
	}
	
	tr[id|="postrow"] td a:link,
	tr[id|="postrow"] td a:visited {
		color: #394a6b !important;
	}
	
	tr[id|="postrow"] td span.date {
		color: #777 !important;
		font-style: italic;
	}
	
	tr[id|="postrow"] td img {
		opacity: 0.6 !important;
	}
	
	/*
		Tabellen Links und Zeitstempel (vorw. Kategorieübersicht)
	*/
	
	tr:not([id|="postrow"]) td[class|="alt"] a:link,
	tr:not([id|="postrow"]) td[class|="alt"] a:visited {
		color: #394a6b !important;
	}
	
	tr:not([id|="postrow"]) td[class|="alt"] span.date {
		color: #777 !important;
		font-style: italic;
	}
	
	tr:not([id|="postrow"]) td[class|="alt"] span.date:after {
		content: ' Uhr';
	}
	
	div.subforum_moderators {
		color: black !important;
		font-weight: bold !important;
		margin: 4px 0 0 0 !important;
	}
	
	img[src="/images/icons/default/book.gif"] {
		opacity: 0.4;
	}
	
	/*
		Kategorie-Name
	*/
	
	th.category {
		background: none !important;
		border: none !important;
	}
	
	th.category > a {
		color: #333 !important;
		font-size: 26px !important;
		text-shadow: 0 1px 0 white;
	}
	
	th.category > div {
		color: #555 !important;
		font-size: 16px !important;
		font-style: italic;
		display: block;
		margin: 0 0 12px 0 !important;
		padding: 0 !important;
		text-shadow: 0 1px 0 white;
	}
	
	th.category > img {
		display: none;
	}
	
	/*
		Navigation Links
	*/
	
	td.navigation a:link,
	td.navigation a:visited {
		color: #eee !important;
	}
	
	td.navigation a:focus,
	td.navigation a:hover,
	td.navigation a:active {
		color: #ddd !important;
		text-decoration: none !important;
	}
	
	/*
		Kontroll-Container (Optionen und Seitenzahlen)
	*/
	
	table.controlcontainer > tbody > tr > td {
		padding: 0 !important;    
	}
	
	.t_standard,
	.controlcontainer .t_standard,
	.controlcontainer .t_standard td,
	.controlcontainerbottom .t_standard,
	.controlcontainerbottom .t_standard td {
		border: none !important;
		margin: 5px 0 !important;
	}
	
	table.controlcontainer td.tdheader {
		padding: 0 !important;
	}
	
	table.controlcontainer td.tdheader[onclick] {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6) !important;
		background-repeat: repeat-x  !important;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3  !important;
		border-radius: 4px 4px 4px 4px  !important;
		border-style: solid !important;
		border-width: 1px  !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05) !important;
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px !important;
		line-height: 16px !important;
		margin: 0 10px 0 0 !important;
		padding: 2px 12px  !important;
		text-align: center !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
		vertical-align: middle !important;
	}
	
	table.controlcontainer td.tdheader a:link,
	table.controlcontainer td.tdheader a:visited {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		line-height: 16px;
		margin: 0 10px 0 0;
		padding: 2px 12px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	table.controlcontainer td.tdheader a:hover,
	table.controlcontainer td.tdheader a:active,
	table.controlcontainer td.tdheader[onclick]:hover {
		background-image: linear-gradient(to bottom, #fff, #ccc) !important;
	}
	
	table.controlcontainer td.tdheader a img {
		display: none;
	}
	
	table.pagination {
		border-spacing: 1px !important;
	}
	
	table.pagination td.tdheader,
	table.pagination td {
		border: none !important;
		padding: 2px !important;
		line-height: .6em !important;
	}
	
	table.pagination tbody tr td[class|="alt"] {
		background: rgba(0, 0, 0, 0.1) !important;
		border-radius: 0 !important;
		padding: 8px !important;
	}
	
	table.pagination tbody tr td.tdheader {
		background: none !important;
		padding: 0 5px !important;
		text-transform: uppercase;
		font-size: 11px !important;
	}
	
	table.pagination tbody tr td[class|="alt"]:not(:last-child) {
		border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	table.pagination tbody tr td[class|="alt"] a:link,
	table.pagination tbody tr td[class|="alt"] a:visited {
		color: #555 !important;
	}
	
	/*
		Kontroll-Container (vorheriges Thema, Index, nächstes Thema)
	*/
	
	#prev-next-links table.controlcontainerbottom tbody tr td {
		padding: 0 3px 0 0 !important;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td {
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:link,
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:visited {
		background: rgba(0, 0, 0, 0.1) !important;
		display: inline-block;
		padding: 2px 10px;
		text-transform: capitalize;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:hover,
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a:active {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	#prev-next-links table.controlcontainerbottom tbody tr td table.t_standard tbody tr td a img {
		display: none;
	}
	
	#prev-next-links {
		border: none !important;
	}
	
	/*
		Boardjump
	*/
	
	div.small form table tbody tr td {
		background: rgba(0, 0, 0, 0.2) !important;
		border-radius: 5px;
		padding: 4px 12px !important;
	}
	
	
	div.small form table tbody tr td select {
		border: 1px solid rgba(0, 0, 0, 0.5);
		color: #555 !important;
		padding: 2px;
	}
	
	div.small form table tbody tr td input.form-button {
		color: #333 !important;
		cursor: pointer !important;
		border: 1px solid rgba(0, 0, 0, 0.5) !important;
		padding: 2px 5px !important;
	}
	
	div.small form table tbody tr td label[for="board"] {
		color: #555 !important;
		text-transform: uppercase;
	}
	
	/*
		Formulare
	*/
	
	form input[type="text"],
	form textarea,
	form select {
		border: 1px solid rgba(0, 0, 0, 0.5);
		padding: 4px !important;
	}
	
	form input.form-button {
		background-image: linear-gradient(to bottom, #fff, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333 !important;
		cursor: pointer !important;
		display: inline-block;
		font-size: 12px;
		line-height: 16px;
		margin: 0 10px 0 0;
		padding: 5px 20px !important;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	form input.form-button:hover {
		background-image: linear-gradient(to bottom, #fff, #ccc);
	}
	
	table.markup_panel {
		background: rgba(230, 230, 230, 0.6) !important;
		border: 5px solid rgba(0, 0, 0, 0) !important;
	}
	
	.markup_panel_normal_button,
	.markup_panel_hover_button {
		border-radius: 3px;
		border: 1px solid rgba(0, 0, 0, 0.3) !important;
	}
	
	label[for|="Icon"] img {
		opacity: 0.7;
		margin: 0 4px;
	}
	
	/*
		Threadansicht
	*/
	
	#actualthreadcontent,
	#preview_area {
		border: none !important;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		margin: 14px 0 !important;
	}
	
	#preview_area table {
		border: none !important;
	}
	
	#actualthreadcontent td a:link,
	#actualthreadcontent td a:visited,
	#preview_area td a:link,
	#preview_area td a:visited {
		color: #394a6b !important;
	}
	
	#actualthreadcontent td a:hover,
	#actualthreadcontent td a:active,
	#preview_area td a:hover,
	#preview_area td a:active {
		color: #000 !important;
	}
	
	.newsubjecttable,
	.subjecttable {
		border: none !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
		border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	.subjecttable {
		background: rgba(0, 0, 0, 0.2) !important;
	}
	
	.newsubjecttable {
		background: rgba(255, 210, 140, 0.5) !important;
	}
	
	.newsubjecttable img[alt="New!"] {
		display: none;
	}
	
	.author-content {
		background: rgba(0, 0, 0, 0.1) !important;
		border: none !important;
	}
	
	.author-content span.small {
		color: #444 !important;
	}
	
	.post-content {
		background: rgba(255, 255, 255, 0.5) !important;
		border: none !important;
	}
	
	.post_top_link,
	.post-options {
		display: none;
	}
	
	span.post-buttons {
		background: none !important;
		border: none !important;
		margin: 2px 0 !imortant;
		padding: 0 !important;
	}
	
	#actualthreadcontent td span.post-buttons a:link,
	#actualthreadcontent td  a:visited {
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.2);
		border-image: none;
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333 !important;
		cursor: pointer;
		display: inline-block;
		font-size: 12px;
		padding: 2px 10px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	
	#actualthreadcontent td span.post-buttons a:hover,
	#actualthreadcontent td span.post-buttons a:active {
		background-image: linear-gradient(to bottom, #fff, #ccc);
		color: black !important;
	}
	
	span.post-buttons img {
		display: none;
	}
	
	/*
		Einstellungen
	*/
	
	td.category,
	.mypreftable,
	table.mypreftable th,
	table.mypreftable td {
		border: none !important;
	}
	
	table.mypreftable th {
		background: rgba(225, 225, 225, 0.7) !important;
		color: #555 !important;
	}
	
	td.category {
		background: rgba(225, 225, 225, 0.7) !important;
		border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	table.mypreftable td,
	table.mypreftable th {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	}
	
	/*
		Mod-Liste unter den Subforen
	*/
	
	span.subforum_moderators {
		color: #555 !important;
		display: block;
		margin: 0 0 5px 0 !important;
	}
	
	/*
		Admin- und Modfarben
	*/
	
	.modname { color: #080 !important; }
	.adminname { color: #a00 !important; }
	  
	/*
		Kleinere Standardfixes
	*/  
	 
	img[src="/images/general/default/newposts.gif"],
	img[src="/images/general/default/nonewposts.gif"] {
		margin: 3px 5px;
	}
	
	#preview_area img { vertical-align: bottom; }
	
	/*
		Entfernung des Layout-Rahmens
	*/
	
	#yui-main { background: none !important; }
	#kbody { width: 90% !important; }
	table[width="95%"] { width: 100% !important; }
	#khd { display: none !important; }
	#bd1, #bd2, #bd3 { background: none !important; }
	#ft { display: none; }
	a:hover, a:active { text-decoration: none !important; }
	:focus { outline: none !important; text-decoration: none !important; }
	
	/*
		Optionale Änderungen
		- Zeilenabstand in Beiträgen vergrößern um das Lesen zu erleichtern
	*/
	
	.post_inner { line-height: 1.5; }
	
	/*
		Optionale Änderungen
		- Stimmungsfrage im Header anzeigen oder nicht
	*/
	
	span[title="Stimmung ändern"] { display: none; }
	
	/*
		Optionale Änderungen
		- Flamme für viel gelesene Themen ausblenden
	*/
	
	span img[alt="Hot!"] {
		display: none;
	}
	


Bei mir ist es folgendermaßen eingestellt:

Warnung! Spoiler!
[img]http://oi44.tinypic.com/1zccto9.jpg[/img]
Posted by: huendchen

Re: Forums Themes - 26.07.2013, 19:09:45

Markier dir einfach den gruenen Teil aus dem obigen Qquelltext:
Warnung! Spoiler!
moz-document domain("forum.knuddels.de") {

html {
background: none !important;
}

body {
background: url('http://s7.directupload.net/images/130718/h8gu8w2y.png') repeat !important;
padding: 30px 0 0 0 !important;
}

....

}


Domain noch als Ziel eingeben, was dann letztendlich so aussehen muesste:
Warnung! Spoiler!
[img]http://i40.tinypic.com/2lm51u1.png[/img]
Vllt. hilft dir das ein Stueckweit.
Posted by: xXsmartlXx

Re: Forums Themes - 26.07.2013, 23:04:12

Huhu,

danke für die Hilfe! Das mit deinem Code hat geklappt, Fehler, danke Dir :) Und tolle Arbeit an Scnappi, gefällt mir gut. :-)