PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Was haltet ihr von diesem Design?


Misda
2005-02-18, 14:19:16
Hier,

was haltet ihr von diesem Design? http://kai.km-x.de/projects/v2/1.html

Das ganze soll die Grundlage für mein selbstentwickeltes CMS System werden, d.h. es gibt momentan keine Inhalte, nur ein Design :)

Achja, bitte mal sagen, ob die Seite in eurem Browser Fehler bringt, danke.


Gruß,
MistaX

bArToN
2005-02-18, 14:57:01
Gefällt mir recht gut. Ich würde vllt nicht das Orange im header nehmen aber sonst find ich es top (y)

PrefoX
2005-02-18, 19:59:41
top nicht aber übersichtlich und schlicht.

mir ist es aber zu langweilig

Misda
2005-02-19, 01:42:11
Was würdest du einbauen, um das ganze nicht langweilig wirken zu lassen? :)

RoLoC
2005-02-19, 01:57:54
Hast die Farb-Combi vom 3DC abgeschaut? ;)

Misda
2005-02-19, 14:06:17
Nicht direkt, mir viel es allerdings wie Schuppen von den Augen, als ich bemerkt habe, dass ich unbewusst ähnliche Farben wie die des 3DCenters verwendet hab :)

(Wahrscheinlich bin ich schon zu lange hier, und das Orange lässt mich nicht mehr los ;) )

Henrik
2005-02-19, 16:25:42
Ist ok - sehr sachlich, übersichtlich und schnell.

subson1c
2005-02-19, 18:14:04
relativ ok.

verbesserungen meinerseits:
- obener orangenen balken ein bissle schmaelern oder ein kleines logo einbinden

mfg

astanoth
2005-02-19, 18:38:45
Ich finde das Design ganz nett - schön schlicht.

Wenn ich etwas zum Quelltext sagen darf:

1. Ich finde es top, dass du dein logo nicht als Graphik einbindest!

2. Hovereffekte bekommst du sehr viel einfacher hin als mit javascript ;)
(Evtl. kennst du die block-Fkt. noch nicht?)

3.

border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;

So etwas kann man auch in eine Zeile schreiben.

border-top: 1px solid #000;

Misda
2005-02-19, 19:02:54
@subson1c:

Bin eh dabei mit den Proportionen noch ein bissl rumspielen, mal schaun wie es ein wenig kleiner oben aussieht, muss ich mal testen.

@astanoth:

1: Hab ich auch extra so gemacht, erstens läd alles schneller und zweitens, kann man das ganze auch noch sehen wenn man ohne Bilderanzeige surft. Wobei ich demnächst noch mit ein paar Ebenen das ganze "schöner" machen will, muss aber noch überlegen wie ;) (eventuell Tipps?)

2: Doch, kenne ich. Allerdings funktioniert das nicht beim IE :)

3: Ja, hast Recht, da könnte ich meine CSS noch optimieren.

Kinman
2005-02-19, 19:17:58
schlcht und effizient, so wie es sein sollte ;)

mfg Kinman

astanoth
2005-02-19, 22:18:41
1: Hab ich auch extra so gemacht, erstens läd alles schneller und zweitens, kann man das ganze auch noch sehen wenn man ohne Bilderanzeige surft. Wobei ich demnächst noch mit ein paar Ebenen das ganze "schöner" machen will, muss aber noch überlegen wie ;) (eventuell Tipps?)

http://www.csszengarden.com - da ein wenig rumstöbern und dich inspirieren lassen, natürlich die Kompatibilität im Auge behalten.


2: Doch, kenne ich. Allerdings funktioniert das nicht beim IE :)


CSS ist kompatibler als javascript (haben viele aus). Beispiel? Da! (http://astanoth.funpic.de) ;)

Misda
2005-02-20, 01:08:43
UPDATE:

So, nun ist keinerlei JavaScript mehr vorhanden, funktioniert sogar alles :)

Misda
2005-02-24, 20:12:28
http://kai.km-x.de/projects/v3/1.html

Wie findet ihr dieses Design?

EDIT:

Oder dieses? -> http://kai.km-x.de/projects/v3/index-orange.php

bzw.

dieses? -> http://kai.km-x.de/projects/v3/index-orange-complete.php

Oder man wählt selbst: http://kai.km-x.de/projects/v4/index.php :)

Henrik
2005-02-25, 15:33:37
Ich mag blau am liebsten.

bArToN
2005-02-25, 17:31:39
Das 2te wäre meiner Meinung nach das beste!!!

http://kai.km-x.de/projects/v3/index-orange.php

Endorphine
2005-02-26, 15:29:40
Die Schrift an der physikalischen Auflösung des Ausgabegerätes festzumachen font-size: 12px; ist keine gute Idee. Damit macht man einen der Grundgedanken hinter HTML/CSS, nämlich die Unabhängkeit vom Ausgabegerät, kaputt.

Auf meinem LCD-Monitor mit 100 dpi ist die Schrift wirklich winzig und sehr unergonomisch zu lesen. Auf PDAs mit 200+ dpi wird die Seite kaum sinnvoll dargestellt werden.

Auch das Problem in der anderen Richtung ist denkbar: auf niedrig aufgelösten Ausgabegeräten können 12 Pixel viel zu gross sein.

Ich würde an deiner Stelle relative Angaben nutzen, wie "%" (kompatibler zum MSIE5) oder besser gleich durchgängig "em". Dann kann die Schrift mit dem Ausgabegerät sauber skalieren. :)

Hardwaretoaster
2005-02-26, 15:54:33
Mir pers. sagt das blau auch am meisten zu, ist aber Geschamckssache...
Zu der Navi-Leiste oben: Beim hover-Effekt verschieben sich die anderen Links, mit 'ner festen Position, alternativ Tab. solltest du das verhindern können...

darph
2005-02-26, 17:50:27
So etwas kann man auch in eine Zeile schreiben.

border-top: 1px solid #000;
Das zusammenprügeln in eine Auszeichnung ist ja noch durchaus sinnvoll. Aber die drei Zeichen bei der Farbauszeichnung machen's dann auch nimmer. Ein allzu konservativer Browser könnte das als Fehler bemängeln. Also Farbcode tät ich dann schon immer brav ausschreiben. So schnell ist das Netz mittlerweile.

Hardwaretoaster
2005-02-26, 18:27:27
Joah, ist wahrscheinlich ganz sinnvoll den kompletten hex-code anzugeben... ;)

Misda
2005-02-27, 01:41:12
Ok, ich werde das ganze mal noch beherzigen, und die komplette CSS nochmal überarbeiten :)

Misda
2005-03-02, 10:26:41
So,

unter http://kai.km-x.de/projects/v4/index.php gibts die neue überarbeitete Fassung.

- Die Textdarstellung basiert nun auf % Angaben, und sieht auch bei 1920x1440 normal aus :)

- Die Hexwerte sind auch wieder vollständig.

- Desweiteren hab ich überflüssiges aus den CSS rausgeschmissen und versucht sie zu optimieren.

- Es gibt nun auch einen Button, um die Seite ohne CSS anzuschauen.

Für weitere Ratschläge bin ich immer dankbar :)

Hardwaretoaster
2005-03-02, 14:43:09
Wenn du auf Home Cinema gehst, siehst du'S ganz deutlich:
Der Rest der Navi verutscht, das find ich unschön...und die "Bla" Buttons kommen bei mir etwas klein rüber (15" TFT), sonst find ich das Design echt gelungen!!
Kannst die Seite, wenn du willst, ja noch mal durch den Validator jagen... (hab ich jetzt nicht gemacht, der fidnet manchmal noch was, was man übersieht)

Misda
2005-03-02, 14:50:06
Ok, hab die Navi wieder umgebaut, so dass nix verrutscht.

Habe jetzt die ganze Schrift noch einen Tick höher gestellt und auch die Navi (so weit es ging) auf relativer Prozentbasis implementiert (d.h. das Menü sollte nun auch korrekter mitskalieren).

Sag mir grad mal ob es auf deinem TFT besser lesbar ist :)

Achja, der Validator bescheinigt der Seite valides XHTML 1.0 Strict und valides CSS Level 2.

Hardwaretoaster
2005-03-02, 15:05:44
Ja, so isses gut zu lesen, wenn's auch valide ist, super, ich würde sagen, nix wie rein mit ddem Inhalt und du bist fertig.

STeVie
2005-03-02, 18:43:03
Gefällt mir gut!

Misda
2005-03-07, 17:46:58
So, Update:

http://kai.km-x.de/projects/v5/index.php

Es gab noch einige Umstellungen in der CSS (Vereinfachung), außerdem baut sich die ganze Seite nun schon zu 80% aus einer Datenbank auf :)

Mein Modularisierungskonzept kann man auch schon "leicht" erahnen ;)

Gruß,
Kai

E_Mielke
2005-03-08, 18:07:12
cheater...alles 0 errors

astanoth
2005-03-08, 21:11:42
;) wirklich nett anzuschauen. Wie änderst du das css? Javascript ja anscheinen nicht... Cookies auch nicht... Über die Sessionid? Sags mir bitte ;)
Ich hab da auch noch nihct die ideale Lösung gefunden.
Hast du modlogan schon geplant oder unterstützt dein hoser keine eigene .htaccess?

MadMan2k
2005-03-08, 21:22:05
;) wirklich nett anzuschauen. Wie änderst du das css? Javascript ja anscheinen nicht... Cookies auch nicht... Über die Sessionid? Sags mir bitte ;)
Ich hab da auch noch nihct die ideale Lösung gefunden.
ja, es sind session-cookies - merkt man daran, dass die Einstellung nach nem neustart des Browsers vergessen wird.

astanoth
2005-03-08, 22:13:43
kthx war zu plöd war nochn browserfendter offen...

Misda
2005-03-09, 22:43:07
Es wird später auch so sein, dass sich die Seite merkt welches Design man gewählt hat. Die Funktion muss aber noch implementiert werden :)

Zum Styleswitcher: Ich benutze dazu ein wenig PHP

->


<?php
$content = "Content-type: text/html;Cache-control: private";
header($content);
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>kai-bouche.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php
require_once('classes/changer.php');

if(isset($_REQUEST["newstyle"]))
{
$_SESSION["css"] = $_REQUEST["newstyle"];
$strNewStyle = $_REQUEST["newstyle"];
}
else
{
if(isset($_SESSION["css"]))
{
$strNewStyle = $_SESSION["css"];
}
else
{
$strNewStyle = "main_blue";
}
}

$cssChanger1 = new cssChanger();

$cssChanger1->writeStyle($strNewStyle);
?>
</head>
<body id="body">
<a href="http://kai.km-x.de/projects/v5/index.php?newstyle=main_blue">change style to blue</a>
</body>
</html>



<?php

class cssChanger
{
function cssChanger()
{

}

function writeStyle($strNewStyle)
{
//Überprüfe auf neuen Style oder keinen Style (Barrierefrei)
if($strNewStyle != "none")
{
echo '<link rel="stylesheet" type="text/css" href="' . $strNewStyle . '.css" />';
}
}
}

?>

Misda
2005-03-10, 15:27:55
So,

nun läuft auch das Gästebuch :)

Gruß

Misda
2005-03-15, 22:48:15
Diverse Updates, einfach mal nachschauen! :)

MadMan2k
2005-03-15, 23:14:29
Listen für Nicht-Listen-Elemente zu verwenden ist genauso schlimm wie Tabellen zur Sietenstrukturierung.
Sprich; Formular umarbeiten.

alkorithmus
2005-03-16, 12:36:23
ich wollt nicht extra ein thread aufmachen also poste ich einfach mal hier rein...
bitte bewerten...
ist nur ein jpg...also ein dummie ...

thx
http://img106.exs.cx/img106/8893/websitekopie9fn.th.jpg (http://img106.exs.cx/my.php?loc=img106&image=websitekopie9fn.jpg)

astanoth
2005-03-16, 16:38:57
Sieht top aus n1 :up:

alkorithmus
2005-03-16, 18:07:36
Sieht top aus n1 :up:

wem galt das?

Henrik
2005-03-16, 18:25:07
wem galt das?

wahrscheinlich dir, ich finde's nähmlich auch klasse :)

alkorithmus
2005-03-16, 18:37:30
oh thx...

ist eine Idee für Event und Stadt-Portal ...

nur ich habe keinen schimmer wie man programmiert :usad:

Misda
2005-03-16, 18:58:08
*update*

Diesmal wurde das Newsystem installiert und die CSS noch ein wenig verfeinert (zum Beispiel Absätze im Impressum).

Misda
2005-03-24, 13:35:43
So,

in den letzten Tagen hab ich nochmal so ziemlich das ganze Design überarbeitet.

-> http://kai.km-x.de/projects/v5/index.php

Was haltet ihr davon?

Misda
2005-03-25, 23:46:24
Niemand ne Meinung? :)

darph
2005-03-26, 01:21:25
Funktional. :|

Recht solide, sicher nicht schlecht, aber reißt net wegglisch vom Hocker. ;(

Eben ... funktional.

Henrik
2005-03-26, 10:47:42
Funktional. :|

Recht solide, sicher nicht schlecht, aber reißt net wegglisch vom Hocker. ;(

Eben ... funktional.

So sieht' aus - was es in meinen Augen aber keineswegs schlecht macht.

alkorithmus
2005-03-26, 12:32:28
für eine firmenaddresse genau das richtige..

aber auch für privat geht das in ordnung..


(y) gooood g :biggrin: emacht

Axe Homeless
2005-03-26, 12:40:15
also ich find's so recht gut gefällt mir :)

Peleus1
2005-03-26, 15:53:52
Schön gemacht, mir gefällts auch. Solide, wie Darph halt sagte.
Ist aber echt gut :up: