UI, Layout

Hallo Mooni

Meine Vorschläge wären:

user Interface:
- wenn es machbar ist etwas die Themen bei "Home" zu stauchen um mehr übersicht zu bekommen, man sucht sich ja einen Wolf (!) ^_^ wenn man meterlang nach unten scrollt
- Die Schriftart der Menuführung ist hart an der grenze der Lesbarkeit, aber ist passend, vielleicht etwaas grösser? Mehr Abstand? Doch andere Schriftart? andere Farblicher Kontrast? vielleicht ausprobieren.
- Forumbild - ich habe gelernt mehrere Schriftarten miteinader zu vermischen ist nicht sooo gut. Das ist ungefähr so wie bei Film alles mit Überblendeffeckten und sonstigen schnickschnack vollzupacken um den Inhalt zu überspielen. Doch das Bild hat ja eine Wirkung, meiner Meinung nach wird es durch die so viele verschiedenen Schriftarten überdeckt. Die Regel ist nicht immer die Regel, man muss auch damit brechen können wenn es passt, klar.
Effeckte sind nur solange toll als das sie nicht direkt als Effeckt erkennbar sind. Meine Meinung bei gut gemachten kreativen Arbeiten egal welcher Machart. Verschiedene Schriften sind somit auch leider Effeckthascherei.

lieben Gruß soweit,
Sayd

Hallo Sady,

zu deinen vorschlägen, das einzige was ich auf die schnelle ändern könnte wäre das Forenlogo, alles andere ist vom Bord her so, das heiß ich müsste im Hintergrund zumteil das gesamte Forum umbauen. Sprich mit Css und soweiter. Leider bin ich da noch nicht sooooooo gut darin das ich mich hier an dem Forum versuchen will, am ende geht dann garnichts mehr.

Aber ich werde sehen wa ich machen kann.

lg Mooni

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
html>
head>
meta http-equiv="content-type" content="text/html; charset=UTF-8">
title>
/head>

body> {
background-color: #000000;
background-image: url("http://hitskin.com/themes/12/19/94/i_background.gif");
background-attachment: scroll;
}
* html {
scrollbar-face-color: #030324;
scrollbar-highlight-color: #030324;
scrollbar-shadow-color: #152e61;
scrollbar-3dlight-color: #152e61;
scrollbar-arrow-color: #152e61;
scrollbar-track-color: #152e61;
scrollbar-darkshadow-color: #030324;
}
*+ html {
scrollbar-face-color: #030324;
scrollbar-highlight-color: #030324;
scrollbar-shadow-color: #152e61;
scrollbar-3dlight-color: #152e61;
scrollbar-arrow-color: #152e61;
scrollbar-track-color: #152e61;
scrollbar-darkshadow-color: #030324;
}
th,td,p {
font-family: Verdana, Arial, Helvetica, sans-serif }
a img {
border: none;
}

/* Links */

/* a:link,a:active,a:visited {
color : #5e6e88;
}
*/
a:link{
color: #5e6e88;
}
a:visited{
color: #5e6e88;
}
a:active{
color: #84aef6 }
a:hover{
text-decoration: underline !important;
color : #0044ff;
}
hr{
height: 0;
border: solid #000029 0;
border-top-width: 1px;
}
.bodyline{
background-color: #000000;
border: 1px #2a2b3a solid;
}
.bodylinewidth {
width:100%}
.forumline{
background-color: #2a2b3a;
border: 2px #2a2b3a solid;
}
td.row1,td.row3.over:hover {
background-color: #030324;
}
td.row2,td.row1.over:hover {
background-color: #000029;
}
td.row3{
background-color: #000029;
}
td.rowpic {
background-color: #2a2b3a;
background-image: url("http://hitskin.com/themes/12/19/94/i_back_catd.jpg");
css}
th {
color: #b7bac5;
font-size: 11px;
font-weight : bold;
background-color: #2a2b3a;
height: 25px;
background-image: url("http://hitskin.com/themes/12/19/94/i_back_title.jpg");
padding: 2px 3px;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://hitskin.com/themes/12/19/94/i_back_catg.jpg");
background-color:#2a2b3a;
border: #2a2b3a;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #000000;
border-style: solid;

/*height: 20px;
*/
}
td.row3Right,td.spaceRow {
background-color: #000029;
border: #2a2b3a;
border-style: solid;
}
td.pourcentback {
background-color : #000000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0 1px 0 0;
}
th.thLeft,td.catLeft {
border-width: 0 0 0 1px;
}
th.thBottom,td.catBottom {
border-width: 0 1px 1px 1px;
}
th.thTop {
border-width: 1px 0 0;
}
th.thCornerL {
border-width: 1px 0 0 1px;
}
th.thCornerR {
border-width: 1px 1px 0 0;
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 22px;
font-family: comis sans,Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height : 120%;
color : #b7bac5;
}
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
padding: 2px 3px;
}
.forumline td.pagination {
padding:0;
}
.maintitle h1 {
margin: 0;
padding: 0;
display: inline;
}
.
.
.
.
.
.

Achtung alles was VOR /head steht muss jeweil mit einem < beginnen, sonst geh der ganze Code in die Hose, ich musste ihn nur entfernen weil das Forum es sonst nicht angezeigt hätte, das gleich muss auch vor Body

kleiner auszug des Forumstyles wenn jemand helfen kann bitte PN an mich

Für mich steht da


Hamburger Bahnhof, Der Intercity von Hannover is eingefahren