[Junior]

So, liebe Forengemeinde.

Ein weiterer Schritt ist vollbracht ;-)

mavo hatte leider keine Zeit für die Layouanpassung von phpBB auf vBulletin. Da habe ich mich mal hingesetzt. Ich habe es in den neuen Typo3 Farben gehalten und bin auf eure Meinung und eure Anregungen sehr gespannt. Es steht bisher das Grundlayout. Oft stimmt die Schriftfarbe noch nicht immer, Zeilenbreiten sind ein paar Mal zu dick, zu hoch, etc.

Aber es geht ja mal um das Grundsätzliche (wie immer) *lach*.

mstuebner, ich habe auf der Startseite das Portal gelassen, allerdings mit (fast) keinen Kästchen mehr.

Worum es mir geht ist, gleich auf der 1. Seite, die aktuellen Fragen und Themen zu sehen. Sollten die 3 Kästchen rechts zuviel sein werde ich diese gerne wegnehmen. Ich persönlich finde sie praktisch (statistiken und co.). Der Schnickschnak, so wie ich es empfinde, ist draussen.

Testet doch auch das neue Forum. Was fehlt wo geht was gar nicht, etc. Ihr könnte gerne neue Testthreads eröffnen, etc. Wenn ihr euch in den letzten Tagen angemeldet habt funktioniert euer Login dort (höchstwahrscheinlich) noch nicht.

Der Link: http://www.typo3forum.net/testvb/
ACHTUNG, HIER KEIN SUPPORT!!! NUR TESTFORUM!!!

Wichtig ist auch noch zu wissen, das z.B. die Startportalseite für Gäste anders aussieht als für registrierte User.

So, bevor ich mit Einzelheiten aus meiner Kindheit anfange...

Lieben Gruss

Junior

PS: Sollte das Testforum mal nicht erreichbar sein... versuchts ne Stunde später wieder. Danke.

Hier noch das CSS. Aenderungen können gerne direkt im CSS vorgeschlagen werden

/* vBulletin 3 CSS For Style 't3f' (styleid: 2) */
body
{
	color: #FFFFFF;
	font: 10pt arial, helvetica, sans-serif;
	margin: 5px 10px 10px 10px;
	padding: 0px;
}
a:link
{
	color: #000000;
	text-decoration: underline;
}
a:visited
{
	color: #000000;
	text-decoration: underline;
}
a:hover, a:active
{
	color: #000000;
	text-decoration: none;
}
.page
{
	background: #FFFFFF;
	color: #000000;
}
td, th, p, li
{
	font: 10pt arial, helvetica, sans-serif;
}
.tborder
{
	color: #000000;
	border: 1px solid #00B15A;
}
.tborder_welcome
{
	color: #000000;
	border: 1px solid #FCE9CF;
}
.tcat
{
	background: #00B15A;
	color: #FFFFFF;
	font: bold 10pt arial, helvetica, sans-serif;
}
.tcat a:link
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tcat a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tcat a:hover, .tcat a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
.thead
{
	background: #00B15A;
	color: #FFFFFF;
	font: bold 11px arial, helvetica, sans-serif;
}
.thead a:link
{
	color: #FFFFFF;
	text-decoration: underline;
}
.thead a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.thead a:hover, .thead a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot
{
	background: #00B15A;
	color: #FFFFFF;
}
.tfoot a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.tfoot a:hover, .tfoot a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
.alt1, .alt1Active
{
	background: #FFFFFF;
	color: #000000;
}
.alt2, .alt2Active
{
	background: #FFFFFF;
	color: #000000;
}

/* Quote & Code blocks */
.code
{
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 11px;
	color: #006600;
	background-color: #FAFAFA;
	border: #D1D7DC 1px inset;
}
.code a:link
{
	color: #BCD54B;
	text-decoration: underline;
}
.code a:visited
{
	color: #BCD54B;
	text-decoration: underline;
}
.code a:hover
{
	color: #BCD54B;
	text-decoration: none;
}
.quote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FAFAFA;
	border: #D1D7DC 1px inset;
}
.quote a:link
{
	color: #000000;
	text-decoration: underline;
}
.quote a:visited
{
	color: #000000;
	text-decoration: underline;
}
.quote a:hover
{
	color: #000000;
	text-decoration: none;
}
.thread_userinfo
{
	background: #D2FAE6;
	color: #000000;
}
.welcome
{
	background: #FCE9CF;
	color: #000000;
}
td.inlinemod
{
	background: #E8F2FA;
	color: #000000;
}
.wysiwyg
{
	background: #E8F2FA;
	color: #000000;
	font: 10pt arial, helvetica, sans-serif;
}
textarea, .bginput
{
	font: 10pt arial, helvetica, sans-serif;
}
.button
{
	font: 11px arial, helvetica, sans-serif;
}
select
{
	font: 11px arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}
.smallfont
{
	color: #000000;
	font: 11px arial, helvetica, sans-serif;
}
.time
{
	color: #000000;
}
.navbar
{
	color: #000000;
	font: 11px arial, helvetica, sans-serif;
}
.highlight
{
	color: #000000;
	font-weight: bold;
}
.fjsel
{
	background: #E8F2FA;
	color: #000000;
}
.fjdpth0
{
	background: #E8F2FA;
	color: #000000;
}
.panel
{
	background: #E8F2FA;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #E8F2FA;
	color: #000000;
}
legend
{
	color: #000000;
	font: 11px arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #FAA634;
	color: #FFFFFF;
	font: bold 12px arial, helvetica, sans-serif;
	padding: 20px 5px 20px 15px;
	white-space: nowrap;
}
.vbmenu_control a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #00B15A;
	color: #000000;
	border: 1px solid #0B198C;
}
.vbmenu_option
{
	background: #E8F2FA;
	color: #000000;
	font: 12px arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_option a:link
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_option a:visited
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
	color: #000000;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #00B15A;
	color: #FFFFFF;
	font: 12px arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
}
.vbmenu_hilite a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu2_control
{
	background: #00B15A;
	color: #FFFFFF;
	font: bold 12px arial, helvetica, sans-serif;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
}
.vbmenu2_control a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu2_control a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu2_control a:hover, .vbmenu_control a:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }

[zefix]

Hi,

muss das in den typo3 Fraben sein? Ich finde die so großflächig ein wenig grell...

[mstuebner]

Zitat von Junior

mstuebner, ich habe auf der Startseite das Portal gelassen, allerdings mit (fast) keinen Kästchen mehr.

Sieht gut aus, sieht man von den Farben ab. Kreisch! Ich bin blind, ich bin blind....

Oder solche Stilblüten in diesem "Wer ist angemeldet Kasten":

No Benutzer online

Gibt es beim Artikel verfassen garkeine Formatierungsmöglichkeiten (Fett etc.) mehr?

Ich dachte, wenn man einen Artikel verfasst und darunter ein IDEE oder BÖSE über die Radiobuttons unter dem Textarea auswählt, dass dann eine kleine Graphik angezeigt wird, aber da steht dann tatsächlich das Wort BÖSE. Na, ja.

[StGaensler]

Kleiner Verbesserungsvorschlag:

.alt1, .alt1Active
{
   background: #FFFFFF;
   color: #000000;
}
.alt2, .alt2Active
{
   background: #FFFFFF;
   color: #000000;
}

Mach doch da noch ein bischen einen Unterschied rein. So sieht das alles sehr Platt aus.
Mein Vorschlag z.B. #A5FFD6 und #E1FFF1 als Hintergrundfarben (alt1 und alt2).

[Junior]

Zitat von mstuebner

Sieht gut aus, sieht man von den Farben ab. Kreisch! Ich bin blind, ich bin blind....

Oder solche Stilblüten in diesem "Wer ist angemeldet Kasten":

No Benutzer online

Das wird selbstredend noch übersetzt

Zitat von mstuebner

Gibt es beim Artikel verfassen garkeine Formatierungsmöglichkeiten (Fett etc.) mehr?

Ich dachte, wenn man einen Artikel verfasst und darunter ein IDEE oder BÖSE über die Radiobuttons unter dem Textarea auswählt, dass dann eine kleine Graphik angezeigt wird, aber da steht dann tatsächlich das Wort BÖSE. Na, ja.

Doch die gibt es noch. Die Buttons und Icons sind nur z.Z. noch deaktiv. Dann kann aber wieder alles formatiert werden und anstatt "böse" kommt ein Smilie.

Sind die Farben wirklich so schlimm?

Lieben Gruss

Junior

[mstuebner]

Zitat von Junior

Sind die Farben wirklich so schlimm?

Jepp, speziell das Grün.

[sisu]

Der Grün-Ton ist mir auch zu aggressiv. Vielleicht reichts ja, da noch xx% Weiss zu zupacken (wenns bei den T3-Farben bleiben soll). Aber solange die Farben mich am Ende nicht anschreien oder sich gegenseitig auffressen ist mir die Farbwahl relativ egal.

Ausserdem:
1. müssen die 3 Kästen (Umfrage etc) rechts neben dem eigentl. Forum sein? Passen die nicht darunter? Die Infos sind doch nicht so wichtig, dass sie auf den ersten Blick präsent sein müssen.
2. Letzter Beitrag: Vor 12 Stunden 20:05. Ich bevorzuge da klare Datumsangaben: 01.11.2005 20:05
3. alternierende Farben bei Aktuelle Beiträge: ok, sind angedacht, entspr. Klassen sind ja vorhanden und einen Vorschlag von StGaensler gibts auch
4. Formatierungsmgl.: hast du ja schon was zu geschrieben

Nachtrag:
1. bezieht sich auf http://www.typo3forum.net/testvb/
Bei http://www.typo3forum.net/testvb/forum.php? ist das ja bereits umgesetzt

[Junior]

Zitat von sisu

Der Grün-Ton ist mir auch zu aggressiv. Vielleicht reichts ja, da noch xx% Weiss zu zupacken (wenns bei den T3-Farben bleiben soll). Aber solange die Farben mich am Ende nicht anschreien oder sich gegenseitig auffressen ist mir die Farbwahl relativ egal.

Die Farben überdenken wir anscheinend nochmal :roll:

Zitat von sisu

Ausserdem:
1. müssen die 3 Kästen (Umfrage etc) rechts neben dem eigentl. Forum sein? Passen die nicht darunter? Die Infos sind doch nicht so wichtig, dass sie auf den ersten Blick präsent sein müssen.

Beim Portal finde ich schon. Beim Forum selbst ist das dann ja wie gehabt unten.

Zitat von sisu

2. Letzter Beitrag: Vor 12 Stunden 20:05. Ich bevorzuge da klare Datumsangaben: 01.11.2005 20:05

Werde ich ändern.

Zitat von sisu

3. alternierende Farben bei Aktuelle Beiträge: ok, sind angedacht, entspr. Klassen sind ja vorhanden und einen Vorschlag von StGaensler gibts auch

Ist schon umgesetzt. Haste wohl übersehen ;-)

Zitat von sisu

4. Formatierungsmgl.: hast du ja schon was zu geschrieben

Nachtrag:
1. bezieht sich auf http://www.typo3forum.net/testvb/
Bei http://www.typo3forum.net/testvb/forum.php? ist das ja bereits umgesetzt

Danke und lieben Gruss

Junior

[sisu]

Ist schon umgesetzt. Haste wohl übersehen Wink

hmm, oder wir reden aneinander vorbei: auf http://www.typo3forum.net/testvb/ bzw. http://www.typo3forum.net/testvb/forum.php? sehe ich keine alternierenden Farben, alles einheitlich weiss.

[mic_jan]

Also wenn ich ehrlich bin, fand ich die Kästchen drumherum auf allen Seiten richtig gut! So hat man gleich ganz viele Informationen.

Also meinetwegen darf die rechte Kastenleiste auch gerne auf allen Unterseiten bleiben! Liegt vielleicht auch an der Auflösung meines Monitor!? Sonst wird mir das Board nämlich zu breit.

Gruss

Michael