Bewertung und Hilfestellung meiner phpwcms Seite

[Marc-Andre]

Hallo, nach langem überlegen steht mein Template jetzt.
Erst einmal möchte ich eine Bewertung des Designs, dann habe ich folgendes Problem:

http://www.nasenschleim.com (mein Testserver)

Wenn die Seite neu lädt, dann ist der Navigationshintergrund für 1 sec. grau, dass ist total hässlich und passt einfach nicht.
Ich habe das Hintergrundbild schon auf 800 Byte komprimiert, aber immer noch das gleiche Problem.
Wer kann mir da helfen?

###ENGLISH###

Hello, after a long time thinking of a new design, the template is nearly finished.
At first I want to have a evaluation.

http://www.nasenschleim.com

I have following Problem with this Site:

While the Site is loading the left navigation Background ist grey, that looks really bad. I alrady compressed the Picture of the BG, it has now 800 Bytes, but the Problem exists already.
Who can help me?

[Marc-Andre]

I alrady have checked if this has something to do with this <meta http-equiv="Page-Exit" content="blendTrans(Duration=0.4> but if i delete it, the problem already exists.

thanks for help!

[spirelli]

To start with: Great domain name (shame this is only your test domain)

With regards to the background: I guess you will have to become friends with the fact that the backgound image does not appear immediately. Unless you search the Internet for some script that loads and displays the Background image before anything else. But I would say that's not worth the trouble. I am on broadband and harly notice it. In addition, before the image appears in my browser I see a white background. I guess that your default background might be set to grey (in IE: Tools > Internet Options > Colors, in Firefox Tools > Options > Fonts & Colors). However, to be independent from the visitor's browser settings you should specify the background colour as white in the frontend.css file. The body class would then look like this:

Code: Select all

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../../picture/upload/hintergrund.jpg);
}

(wiht also the bg image in there you then can remove background="picture/upload/hintergrund.jpg" from the actual Body tag. Try to do as much via CSS as possible, that just seems the way to go now.)

In terms of evaluating the site, I would say you have really made a great start on the website. Here are my suggestions/remarks:

I like the header. However, I also l like the logo but think it could be improved. The two grops that underlie/sit on top of the logotype make it a bit messy. Try arranging the drops differently to make it more neat. I also think that the 'r' reads like an 'f' at the moment. (especially with the drop there) It just does not work like this. It looks different from the other 'r' and people can just not read it. (Is it supposed to represent a water tap?)

I also like that the bullets in your navigation pick up on the graphic properties of the logo. However, they remind me too much of a bar chart and statistics than anything else. Maybe you could try some different hight for that matter. But that's just my personal impression. I notice that when a category is active the nullet pint graphic is mirrored. I think this dies not look harmonious with the rest of the bullet points. So as I said, maybe try a different arrangement of the 3 short lines, and you could also think of using some colour to highlight the present category rather than introducing another shape. Also, make the cells of the navigation table higher please. Your bullet graphics need some breathing space. They are too close to the lines and to each other. Lastly, they don't seem to be the same colour as the logo (dark blue?) which I would feel would be desierable.

The headlines (created with GT mod?) look a bit ugly as they have no antialiasing. I'd definately say that you can't leave it like this. Need some solution there.

I don't like the bradcrumbs squashed into the right corner there. Consider leaving them away completely to make things more neat.

Also consider removing the 'login' link. Who needs that? it only looks strange for visitors if they click on it and get to a page that 1.) is irrelevant to them and 2.) is visually out of step with the rest of the site.

I would also advice to have more margin aroung the main text area.

Ok that's it from me. I'm sure others have more.
All the best.

[Marc-Andre]

It does not work, with editing the css template!
I don´t know why....

If you like to watch my backend and have also other solutions
You can LOGIN!


The other things are really in Development (BUTTONS / LOGIN)!

Thanks a lot!!!

I hope you can find a solution!!!!

[spirelli]

It does not work, with editing the css template!
I don´t know why....

I don't quite know what you mean. Seems you have sucessfully edited the frontent.css file. I also set my default browser backgound to red, emtied the cache and went to your site and never got to see the red background even for a split second. The background is as white as snow now before the background image displays.
Looks like you've done it.
Or do I not understand correctly what the problem is?

And yes, I would definately not use this font for the headlines. You just don't get a good result with it.

[pepe]

Hallo Marc-Aurel,

habe auf deiner Site im Layout die Eintragungen für die Hintergrundfarben entfernt (unmittelbar hinter der Breitenabgabe)

Wenn du dort die Farbe einträgst, die deinem Verlauf am nächsten kommt, wirst du das erhalten, was du dir vorstellst.

Es wird zunächst, für einen kurzen Augenblich, die FESTE FARBE angezeigt... dann erscheint das Bild mit dem Verlauf!!


Zum Design:

Alles im Leben Geschmackssache...
aber du darfts auf keinen Falll den Text so eng an den Rand "kleben"!

[Marc-Andre]

Thats it!

THANK YOU VERY MUCH!!!!!!

About the margin.
Would you insert a table with a big margin in the main content?

[pepe]

Hallo Marc-Andre,

i have put in a div-container into your mainfield, which looks like this:

<div style="text-align:left; padding:10px 11px 20px 11px; margin:0;">
{CONTENT}
</div>

You can play with it, by changing the 4 paddings and you will see, what happens

[spirelli]

So you did not talk about this background image:
http://www.nasenschleim.com/picture/upl ... rgrund.jpg ??