MeisterTrainerForum

Bitte loggen sie sich ein oder registrieren sie sich.

Einloggen mit Benutzername, Passwort und Sitzungslänge
Erweiterte Suche  

Autor Thema: Stylish Userstyle fürs Forum  (Gelesen 10982 mal)

Signor Rossi

  • Researcher
  • Weltstar
  • *****
  • Offline Offline
Stylish Userstyle fürs Forum
« am: 08.März 2016, 18:27:16 »

Hallo Freunde des MTF!

Ich hadere schon länger mit dem Design des Forums, daher habe mich jetzt mal schnell rangesetzt und ein bisschen gebastelt.

Das Ergebnis:



Wem der Look gefällt und wer es auch haben möchte, der muss sich die Erweiterung "Stylish" für Firefox oder Chrome runterladen, einen Style für das mtf anlegen und dann diesen Code einfügen:

body{
    background-color: #fcfcfc;
    font-family: Verdana, Helvetica, sans-serif;
}

#mainframe {
    font-size: 91%;
}

table.boardsframe td.info p {
    line-height: 1.1em;
}

h1#forum_name{
    margin: auto;
    width: 60%;
}

h3.catbg, h3.catbg2, .categoryframe h3 {
    color: #008800;
}

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
    color: #008800;
}

.tborder {
    padding: 0;
    border: none;
}

.catbg {
    background-image: none;
    background-color: #fcfcfc;
border: none;
    margin-left: auto;
    margin-right: auto;
}

#greeting_section {
    background-image: none;
    background-color: #cceecc;
border: none;
}

.smalltext {
    font-size: 0.85em;
    font-family: Verdana, Helvetica, sans-serif;
}

.middletext {
    font-size: 0.9em;
    font-family: Verdana, Helvetica, sans-serif;
}

#user_section {
    padding: 0;
    margin: 0;
    border: none;
}

#news_section {
    background-image: none;
    background-color: #cceecc;
border: none;
}

.main_menu ul {
    background-image: none;
    background-color: #cceecc;
}

.main_menu li a:link, .main_menu li a:visited {
    font-family: Verdana, Helvetica, sans-serif;
}

.main_menu li.active a {
    background-image: none;
    background-color: #cceecc;
}

.main_menu li.active a span {
    background-image: none;
    background-color: #cceecc;
}

.main_menu li.active a span em {
    background-image: none;
    background-color: #cceecc;
    color: #000;
}

.main_menu li a span {
    background-image: none;
    background-color: #cceecc;
    color: #008800;
}

.main_menu li.active a span {
    background-image: none;
    background-color: #cceecc;
    color: #000;
}

.main_menu li a:hover span {
    background-image: none;
    background-color: #cceecc;
    text-decoration: underline;
}

.main_menu li.last a span {
    background-image: none;
    background-color: #cceecc;
    color: #008800;
}

.main_menu li.last a:hover span {
    background-image: none;
    background-color: #cceecc;
    text-decoration: underline;
}

.main_menu li.last.active {
    background-image: none;
    background-color: #cceecc;
}

.windowbg2, .windowbg3 {
    background-image: none;
    background-color: #cceecc;
}

.bordercolor {
    background-color: #cceecc;
}

table.boardsframe td.info p.moderators {
    font-family: Verdana, Helvetica, sans-serif;
}

table.boardsframe td.lastpost {
    vertical-align: middle;
}

h3.titlebg, h4.titlebg {
    background-image: none;
    background-color: #cceecc;
    border: none;
}

.infocenter_section div.sectionbody {
    border: none;
    padding: 0.4em;
}

.headerpadding {
    background-image: none;
    background-color: #cceecc;
    color: #000;
    border: none;
}

.headerpadding a:link, .catbg3 a:visited {
    color: #000;
}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
    background-image: none;
    background-color: #cceecc;
    border: none;
}

#footerarea {
    background-color: #fcfcfc;
}

.catbg3, .catbg2 {
    background-image: none;
    background-color: #cceecc;
    color: #000;
    border: none;
}

hr, .hrcolor {
    height: 0;
    border: none;
}

blockquote.bbc_standard_quote {
    background-color: #efffef;
    font-size: 10px;
}

blockquote.bbc_alternate_quote {
    background-color: #e0ffe0;
    font-size: 10px;
}

.buttonlist ul, .buttonlist_bottom ul, .buttonlist_bottom ul li a span, .buttonlist ul li a span {
    background-image: none;
}

.buttonlist ul li a, .buttonlist_bottom ul li a {
    font-family: Verdana, Helvetica, sans-serif;
    color: #008800;
}

.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover {
    font-family: Verdana, Helvetica, sans-serif;
    color: #008800;
    text-decoration: underline;
}

.buttonlist ul li.last a span, .buttonlist_bottom ul li.last a span {
    background-image: none;
}

Ich möchte ausdrücklich betonen, dass das hier KEINE KRITIK an den Betreibern dieses Forums darstellt! Ich weiß, dass hier viele User am Design hängen und das ist auch gut so!
« Letzte Änderung: 08.März 2016, 18:31:44 von Signor Rossi »
Gespeichert

White

  • Lebende Legende
  • ******
  • Offline Offline
Re: Stylish Userstyle fürs Forum
« Antwort #1 am: 08.März 2016, 21:57:35 »

Ketzer, verbrennt ihn.
Nein, würd ich ausprobieren, wenn ich nicht so faul wäre ;D
Gespeichert

Octavianus

  • Administrator
  • Lebende Legende
  • ******
  • Offline Offline
Re: Stylish Userstyle fürs Forum
« Antwort #2 am: 08.März 2016, 22:06:14 »

Ich gucke mir mal an, dass ich beim nächsten Update auch weitere Skins zulasse, sofern das möglich ist.
Gespeichert
Ständig im Einsatz für einen besseren FM und für ein tolles Forum :)

Du hast FRAGEN? Hier gibt es ANTWORTEN rund um den FM!

Signor Rossi

  • Researcher
  • Weltstar
  • *****
  • Offline Offline
Re: Stylish Userstyle fürs Forum
« Antwort #3 am: 08.März 2016, 23:50:52 »

Also ich bin jetzt zufrieden 8)
Gespeichert

Tardelli

  • Nationalspieler
  • *****
  • Offline Offline
Re: Stylish Userstyle fürs Forum
« Antwort #4 am: 09.März 2016, 22:03:25 »

Ketzer, verbrennt ihn.

*schafft Heu und Mistgabeln heran*

Schönes Design, aber auch ich bin viel zu faul um irgendwas zu installieren 8)
Gespeichert
"No Tardelli, no party." - doc_moustache