StarCrusade - Test des neuen Website Styles

Übersicht Ressourcen Grafik & Design

Gehe zu Seite 1, 2  Weiter

Neue Antwort erstellen

Xaymar

ehemals "Cgamer"

Betreff: StarCrusade - Test des neuen Website Styles

BeitragSa, März 28, 2009 0:13
Antworten mit Zitat
Benutzer-Profile anzeigen
Ich habe derzeit für eine längere zeit die website eines freundes in arbeit(www.starcrusade.de)
Ich bräuchte anregungen und kritik, wo und was ich verändern kann(bitte keine "es sieht scheiße aus, weiß zwar nicht warum, sags einfach mal so" kommentare)

Die Kategorien(Bilder, Videos, Downloads) sind noch in Arbeit. Die brauchen ein wenig länger, genause wie das UserPanel

Hier der Link:
klick

Freue mich über Kritik

[BIG Edit]1.upps, hab mich im cpanel verklickt. werde nochmal uploaden müssen
2.ist wieder oben, drecks mysql recreating tables
3.ich schaffs hoffentlich heute noch den mysql nicht nochmal zu crashen
4.endlich... argh ich krieg hier noch die krise, verdammtes linking[/BIg Edit]

[Final Edit]Funzt nun $_SERVER['SERVER_ADDR'] durch $_SERVER['SERVER_NAME'] ersetzt
Warbseite

Eingeproggt

BeitragSa, März 28, 2009 0:52
Antworten mit Zitat
Benutzer-Profile anzeigen
Designmäßig kann ich nichts großartiges sagen, das steht mir bei meinem Können nicht zu Very Happy

Aber ich kann mich darüber wundern:
Zitat:
<meta name="date" content="2009-03-29T23:59:33+01:00">


Und ich kann dich auch bitten, die Texte anders zu kodieren, dass man Sonderzeichen korrekt dargestellt bekommt.
Außerdem hab ich die ersten Rechtsschreibfehler gefunden *peinlich genau bin*

Zitat:
Es k?mpfen die GSG-Einheiten der letzten?berlebenden Menschlichen V?lker im Universum gegen das Chaos, die durch Kybernetische Organismen, wie die Robotlinge, Androiden und Symbionten verk?rpert.


"menschlichen" bitte klein schreiben.
Weiters ist die Formulierung "rundenbasiersendes" 1.) falsch und 2.) irgendwie komisch... "rundenbasiertes" triffts besser find ich.

Hoffe du nimmst das einfach als Verbesserungsvorschlag und nicht als "pingelige Meckerei" so solls nämlich nicht rüberkommen.

mfG, Christoph.
Gewinner des BCC 18, 33 und 65 sowie MiniBCC 9
 

ke^kx

BeitragSa, März 28, 2009 9:43
Antworten mit Zitat
Benutzer-Profile anzeigen
schonmal recht schön Very Happy

Was mich noch stört ist der "Kontakt" der Menupunkte oben mit dem Bereich, der zum Header hin dunkler wird. Wenn du weißt was ich meine^^ Also solltest du die hellen bereiche, die die Schrift hinterlegen da etwas höher machen.

Die linken Menupunkte fangen bei mir direkt am Bildschirmrand an, was auch nicht sooo toll aussieht.

Die Flaggenbilder sind ziemlich unscharf und passen vom Stil her nicth so zum Rest. (Habe aber natürlich auch keine Idee wies besser geht Wink)

Die Überschrift ist nicht mittig.

Bei mir ist etwa 1/4 der Seite nach unten hin grau. Ich weiß, dass es schwierig ist es jeder auflösung recht zu machen aber zumindest den Standards (In meinem Fall 1280x1024) solltest du es noch anpassen.

greetz,
ke^kx
http://i3u8.blogspot.com
Asus Striker II
Intel Core2Quad Q9300 @ 2,5 GHz (aber nur zwei Kerne aktiv aufgrund der Instabilität -.-)
Geforce 9800 GTX
2GB RAM

BladeRunner

Moderator

BeitragSa, März 28, 2009 14:00
Antworten mit Zitat
Benutzer-Profile anzeigen
Zitat:
Es k?mpfen die GSG-Einheiten der letzten?berlebenden Menschlichen V?lker im Universum gegen das Chaos, die durch Kybernetische Organismen, wie die Robotlinge, Androiden und Symbionten verk?rpert.

Diesem Satz fehlt ein
Zu Diensten, Bürger.
Intel T2300, 2.5GB DDR 533, Mobility Radeon X1600 Win XP Home SP3
Intel T8400, 4GB DDR3, Nvidia GF9700M GTS Win 7/64
B3D BMax MaxGUI

Stolzer Gewinner des BAC#48, #52 & #92

Xaymar

ehemals "Cgamer"

BeitragSa, März 28, 2009 14:37
Antworten mit Zitat
Benutzer-Profile anzeigen
Eingeproggt,ke^kx,BladeRunner:
Ich hatte eigentlich nur den Text aus der Alten Website übernommen, da ich ja direkt mit mysql arbeite und noch keinen pageeditor gemacht hab Wink Werde ich auf jedenfall versuchen zu verändern

Eingeproggt:
das mit dem meta ist mir bekannt Smile. Das wird alles über ein Date() geregelt(d.h. der server hat schuld). Allerdings muss ich mich nochmal um den Starterror kümmern, wo es nicht das cookie setzt. Rechtschreibfehler sind mir alle bekannt. Kodierung ist vom server so gesetzt, werde ich also iwie umgehen müssen.

ke^kx:
Zitat:
Was mich noch stört ist der "Kontakt" der Menupunkte oben mit dem Bereich, der zum Header hin dunkler wird. Wenn du weißt was ich meine^^ Also solltest du die hellen bereiche, die die Schrift hinterlegen da etwas höher machen.

Das geht leider nicht, da ich ausversehen die psc datei gelöscht habe:(
Das mit den menüpunkten ist irgendwie nur auf dem server so. bei mir mit xampp läufts problemlos mit 5px abstand
Die Flaggenbilder sind deshalb unscharf weil ich einen "Glass"-Filter genommen habe.
die Überschrift kann nicht mittig sein da dort die flaggenbilder noch sind Wink die werden aber bald woanders hinkommen.
Du meinst die navigation und userpanel? die muss ich noch iwie anders lösen Wink aber schön das es wer anmerkt(vlt gehts mit divs...)(ich hab dieselbe auflösung)

Bladerunner:
behoben Smile
Warbseite

hectic

Sieger des IS Talentwettbewerb 2006

BeitragSa, März 28, 2009 15:32
Antworten mit Zitat
Benutzer-Profile anzeigen
Ich habe eine native horizontale Auflösung von 2048, welche etwa einen halben Meter einnimmt. Die Seiten erscheinen dann sehr unleserlich, da man sich in einzelnen Absätzen verliert. Um das zu umgehen, könntest du in deiner CSS den Tag max-width für benutzen. Damit passt sich die Seite auch weiterhin dem fenster eines Benutzers an, geht aber nur bis zu einer maximalen Breite, um die Leserlichkeit nicht zu behindern.
Download der Draw3D2 V.1.1 für schnelle Echtzeiteffekte über Blitz3D

Xaymar

ehemals "Cgamer"

BeitragSa, März 28, 2009 15:39
Antworten mit Zitat
Benutzer-Profile anzeigen
ich verstehe nicht direkt was du meinst. bitte ein bild
Warbseite

sirokuhl

BeitragSa, März 28, 2009 17:36
Antworten mit Zitat
Benutzer-Profile anzeigen
Also,
was mir als erstes auffällt, sind die fehlenden bzw. zu kleinen Abstände der Schriften zu den Rändern (oben und links). Die Navigationslinks (bei der linken Navigation) kleben zB. an der linken Seite und bei Navi Content und User Panel fehlt mir etwas Abstand nach oben hin.
Ein schönerer Font beim Content wäre auch gut (zB. Verdana oder so..) und eventuell etwas größer..
Ansonsten würd ich noch die Überschrift ("Willkommen auf www.StarCrusade.de" usw.) größer machen, so dass sie sich vom restlichen Text etwas mehr abhebt.
Und wieso hast du eigentlich zwei verschiedene Navigationen? Eine würde doch reichen, oder? Wink

Den weißen Rand bei den Flaggen könntest du noch wegmachen und der Rand wirkt etwas pixelig (Also entweder Anti-Aliasing oder viereckige Flaggen nehmen).
Ach und vielleicht kleine Screenshots oder so vom Spiel auf die Startseite, damit der User sofort weiss womit er es zu tun hat, ich denke das würde ansprechender wirken Wink
Wenn der Text jetzt etwas länger wäre könnte man die schön mit float:left und right im Text einbringen.

Joa, das wär's erst mal von mir. Ich hoffe ich konnte ein wenig helfen Smile

Triton

BeitragSa, März 28, 2009 20:01
Antworten mit Zitat
Benutzer-Profile anzeigen
Der Starcrusade-Schriftzug ist nicht einfach zu lesen. Es könnte genausogut "jrarcrujace"
heißen.

Grau in Grau ist etwas öde. Ein bischen Farbe ist nicht schlecht. Direkt im Logo könnte
man doch was unterbringen.

Schau dir das Thema Typographie genau an - bei dir ist es ziemlich willkürlich. Schriftart,
-größe und die Abstande zu anderen Elementen sind das wichtigste.


Wozu 2 Navigationen? Links ist was und oben ist was. Ist das obere die Hauptnavigation oder die
linke? Oder gehört das eine zum anderen? Es ist unklar und damit schlecht.

Was soll denn beim "User Panel" hin? Für so eine kleine private Webseite wird man kaum
eine riesen Community mit jede Menge usern finden. Also weg damit.
Coding: silizium-net.de | Portfolio: Triton.ch.vu
 

DjDETE

BeitragSa, März 28, 2009 20:06
Antworten mit Zitat
Benutzer-Profile anzeigen
sieht im großen und ganzen gut aus, allerdings würde ich in der oberen linkleiste den sehr dunklen bereich (ganz oben) durch einen helleren ersetzen.
MfG DeTe
Aktuelles Projekt: XXX |XXX | 3% der v1b fertig
www.emu-soft.de.vu Für die Homepage suche ich noch Linktauschpartner, bei Interesse einfach melden.

Xaymar

ehemals "Cgamer"

BeitragSa, März 28, 2009 20:43
Antworten mit Zitat
Benutzer-Profile anzeigen
sirokuhl:
1: behoben Smile
2: Verdana ist gut, font-family ist nun Verdana im "draw"
3: Überschriften und text hängen vom späteren besitzer ab und wie dieser es formatiert
4: Nein eine reicht nicht, da ich die verschiedenen sachen entweder mit mysql realisiert habe(ich kann keine php dateien aus mysql laden Wink ) oder aus externen php dateien lade(gallerie(Bilder), Videos(youtube video search einbinden, bzw eigenes video archiv basteln), Downloads(wieder mysql, aber ich kann kein php in mysql ausführen deshalb als eigene))
5: ist leider mit nem filter so passiert, antialias... ne ich nehm lieber blackblur.8bf(kantenfilter)
6: hängt auch vom späteren Besitzer ab
7: ist bereits in arbeit Smile hat mir aber immoment das layout zerschossen

Triton:
1: ist derzeit nur Temp Header
2: Farben und text sind direkt in einer style.css veränderbar Smile
3: beispiel? wikipedia ist nicht grade die basis die verändliches liefert
4: siehe sirokuhl punkt 4
5: Das ist/war nicht meine entscheidung eine zu machen Wink

Djdete:
Wie gesagt ich besitze die psc nicht mehr(leider). ansonsten könnte ich es ändern
Warbseite

sirokuhl

BeitragSa, März 28, 2009 21:22
Antworten mit Zitat
Benutzer-Profile anzeigen
Also ich versteh zwar grad dein Problem mit den zwei Navigationen nicht so ganz Confused. Aber selbst wenn es dir technisch nicht möglich sein sollte, die Seiten auf die gleiche Weise aufzurufen (Ich weiß ja nun nicht, wie deine Seite aufgebaut ist), kannst du ja trotzdem beide "Arten" von Links im gleichen Style untereinander/nebeneinander anzeigen lassen.

Zu Punkt 3:
Bei den Überschriften liegt es doch trotzdem an dir, die Überschriften für die verschiedenen Verwendungszwecke festzulegen. Also eine vielleicht für einen Unterseitentitel, eine für den Titel eines Eintrages, usw.
Einfach mal die ganzen h Tags passend in CSS stylen.

Xaymar

ehemals "Cgamer"

BeitragSa, März 28, 2009 21:29
Antworten mit Zitat
Benutzer-Profile anzeigen
Das ist mein problem:
Code: [AUSKLAPPEN]
<?php
   include "config.php";
   $category = $_GET['cat'];
   $out = "";
   if ($category == "lang") {
      $langa = strtoupper($_GET['lang']);
      setcookie($CookieName.'_Lang', $langa, time()+3600);
      header("Location: http://".$_SERVER['SERVER_NAME'].$_SERVER['SCRIPT_NAME']);
   } elseif (!isset($_COOKIE[$CookieName.'_Lang'])) {
      setcookie($CookieName.'_Lang', 'EN', time()+3600);
      header("Location: http://".$_SERVER['SERVER_NAME'].$_SERVER['SCRIPT_NAME']);
   }
   $lang = $_COOKIE[$CookieName.'_Lang'];
?>
<html>
   <head>
      <title><?php echo $PageTitle; ?></title>
      <meta name="author" content="Michael Dirks">
      <meta name="description" content="<?php echo $PageDesc; ?>">
      <meta name="keywords" content="<?php echo $PageKeywords; ?>">
      <meta name="date" content="<?php echo $PageDate; ?>">
      <meta http-equiv="expires" content="0">
      <link rel="stylesheet" type="text/css" href="style.css">
      <script type="text/javascript">
         function changebg($name, $to) {
            document.getElementsByName($name)[0].style.backgroundImage = "url('img/body/nav/"+$to+"')";
         }
      </script>
   </head>
   <body><center>
      <img name="header" src="img/header/header.png">
      <a href="index.php?cat=lang&lang=DE"><img src="img/flagDE.png" style="border: none;"></a>
      <a href="index.php?cat=lang&lang=EN"><img src="img/flagEN.png" style="border: none;"></a>
      <table id="table1" cellspacing=0 cellpadding=0 border=0>
         <tr>
            <td id="catsel"><center>
               <div style="width: 400px; height: 25px; float: none; text-align: center; vertical-align: center;">
                  <a href="index.php?cat=home"><div name="home" id="button" onmouseover="changebg('home', 'button_hover.png');" onmouseout="changebg('home', 'button.png');" onmousedown="changebg('home', 'button_down.png');"><?php echo $Home[$lang]; ?></div></a>
                  <a href="index.php?cat=scr"><div name="scr" id="button" onmouseover="changebg('scr', 'button_hover.png');" onmouseout="changebg('scr', 'button.png');" onmousedown="changebg('scr', 'button_down.png');"><?php echo $Scre[$lang]; ?></div></a>
                  <a href="index.php?cat=vid"><div name="vid" id="button" onmouseover="changebg('vid', 'button_hover.png');" onmouseout="changebg('vid', 'button.png');" onmousedown="changebg('vid', 'button_down.png');"><?php echo $Vide[$lang]; ?></div></a>
                  <a href="index.php?cat=down"><div name="down" id="button" onmouseover="changebg('down', 'button_hover.png');" onmouseout="changebg('down', 'button.png');" onmousedown="changebg('down', 'button_down.png');"><?php echo $Down[$lang]; ?></div></a>
               </div>
            </center></td>
         </tr>
         <tr>
            <td>
               <?php
                  if (($category == "") || ($category == "home")) {
                     include "home.php";
                  }
                  echo $out."\r\n";
               ?>
            </td>
         </tr>
      </table>
   </center></body>
</html>

Code: [AUSKLAPPEN]
<?php
   $out = '<table id="table2" cellspacing=0 cellpadding=0 border=0>
   <tr>
      <td id="nav"><img src="img/body/nav/nav_header.png">';
   //START
   $result = mysql_query("SELECT
      Name".$lang.",
      AltName".$lang."
   FROM
      sc_pages
   ORDER BY
      Sort ASC;") or die(mysql_error());
   if(mysql_num_rows($result)) {
      while($row = mysql_fetch_assoc($result)) {
         if (!isset($row['Link']) || ($row['Link'] == "")) {
            $out .= '<a href="index.php?cat=home&nav='.$row['Name'.$lang].'&snav='.$row['AltName'.$lang].'"><div name="nav_'.$row['Name'.$lang].'" id="nav_button" onmouseover="changebg(\'nav_'.$row['Name'.$lang].'\', \'nav_button_hover.png\');" onmouseout="changebg(\'nav_'.$row['Name'.$lang].'\', \'nav_button.png\');" onmousedown="changebg(\'nav_'.$row['Name'.$lang].'\', \'nav_button_down.png\');"><li>'.$row['Name'.$lang].'</div></a>';
         } else {
            $out .= '<a href="'.$row['Link'].'"><div name="nav_'.$row['Name'.$lang].'" id="nav_button" onmouseover="changebg(\'nav_'.$row['Name'.$lang].'\', \'nav_button_hover.png\');" onmouseout="changebg(\'nav_'.$row['Name'.$lang].'\', \'nav_button.png\');" onmousedown="changebg(\'nav_'.$row['Name'.$lang].'\', \'nav_button_down.png\');"><li>'.$row['Name'.$lang].'</div></a>';
         }
      }
   }
   //END
   $out .= '      </td>
      <td id="draw">';
   //START
   $result = mysql_query("SELECT
      Name".$lang.",
      Content".$lang."
   FROM
      sc_pages
   WHERE
      Name".$lang." = '".$_GET['nav']."' OR AltName".$lang." = '".$_GET['snav']."';") or die(mysql_error());
   if(mysql_num_rows($result)) {
      while($row = mysql_fetch_assoc($result)) {
         $out .= $row['Content'.$lang];
      }
   }
   //END
   $out .= '      </td>
      <td id="user">User Panel
      </td>
   </tr>
   <tr>
      <td id="footer" colspan=3>
         <img src="img/footer/footer_left.png" style="float:left;">
         <img src="img/footer/footer_right.png" style="float:right;">
      </td>
   </tr>
</table>';
?>

ich habe das so geregelt da ich die php dateien nicht in mysql speichern kann(und dadrin ausführen Wink ) auch das mit in die linke nav packen würde nicht gehen da diese nur bei (DE)Hauptseite|(EN)Home da ist
3: welche h tags? das sind leider alles span tags. und die website gehört auch nicht mir(bzw die StarCrusade.de website gehört nicht mir). Zusätzlich muss ich mir noch nen Editor schreiben um die seiten zu verwalten(dazu auch das user panel)
Warbseite

sirokuhl

BeitragSa, März 28, 2009 21:44
Antworten mit Zitat
Benutzer-Profile anzeigen
Du musst für Videos usw. doch keine PHP Seite im mysql speichern. Reicht doch den reinen HTML-Inhalt dort zu speichern und dann in eine PHP Seite einzufügen.

Na wenn du noch keine h-Tags verwendest, dann tu's doch Wink
Die sind extra dafür da und es würde die Seite einheitlicher machen!

hectic

Sieger des IS Talentwettbewerb 2006

BeitragSa, März 28, 2009 22:21
Antworten mit Zitat
Benutzer-Profile anzeigen
Also: Ich habe eine Bildschirmauflösung von 2048x1152, wenn ich nun deine Internetseite ansehe, dann erscheinen winzige Zeilen, die sich über den ganzen Bildschirmverlauf hinweg ziehen. Man verliert bei jedem Zeilenende die Orientierung und muß am Anfang der nächsten Zeile die neue Position sich erst ersuchen um weiter lesen zu können.

Um eine Internetseite variabel zu halten, aber große Auflösungen trotzdem unter einem Hut zu bekommen, bietet sich max-width bei der CSS-Formatierung an. Dann schreibt zum Beispiel max-width: 1200px; um eine übertriebene Ausdehnung zu den Seiten zu vermeiden.
Download der Draw3D2 V.1.1 für schnelle Echtzeiteffekte über Blitz3D

Xaymar

ehemals "Cgamer"

BeitragSa, März 28, 2009 22:52
Antworten mit Zitat
Benutzer-Profile anzeigen
sirokuhl hat Folgendes geschrieben:
Du musst für Videos usw. doch keine PHP Seite im mysql speichern. Reicht doch den reinen HTML-Inhalt dort zu speichern und dann in eine PHP Seite einzufügen.

genau das ist es... ihr stellt es euch immer so einfach vor... dabei müsste ich wenn ich das realisiere das komplette php script umschreiben. außerdem wurde ich dann wieder meine alten standards benutzen und das will ich nicht(grauenhaft die vorstellung...)

hectic: ok hab ich gemacht
Warbseite
 

vanjolo

BeitragSo, März 29, 2009 12:51
Antworten mit Zitat
Benutzer-Profile anzeigen
Wäre es nicht wirklich einfacher für Dich den ganzen PHP Mist wegzulassen und Anstatt dessen eine einfache html Seite zu erstellen?
Du willst das Projekt vorstellen und konzentrierst Dich dabei auf die Erstellung einer Portal ähnlichen Seite? Die Gewichtung versteh ich nicht ganz.

http://www.wolf-359.de ist so ein Beispiel das meiner Meinung nach für ein Casual Game völlig ausreicht.

Xaymar

ehemals "Cgamer"

BeitragSo, März 29, 2009 12:55
Antworten mit Zitat
Benutzer-Profile anzeigen
ich bin eher auf dynamic aus. so kann ich zb in der gelerie verschau bilder erstellen und anzeigen lassen, während das original noch exestiert in der echten größe oder direkt auf dgimage.phplib zugreifen(captcha,...)

außerdem ist das ja nicht nur eine einzige webiste:) es sind igesammt 12 website sources mit drinnen, allesamt von mir erstellt
Warbseite

Xaymar

ehemals "Cgamer"

Betreff: Neues Design

BeitragMo, Mai 18, 2009 16:51
Antworten mit Zitat
Benutzer-Profile anzeigen
Ich habe das Design nochmal geupdatet und wie befohlen(?, hab grade kein deutschbuch da^^) das userpanel entfernt. das wird nun auch in die navigationsleiste reinplatziert. allerdings erst später.

Neu:
Gallerie

http://ssgn.net63.net/StarCrusade/

.htAccess:
IceKeyUnlimited
Unlimited

Vorschaubilder kann ich leider nicht in die Gallerie einfügen, da mein webhoster opendir() und mkdir() verboten hat(fopen_allowed = 0, fwrite_allowed = 0)
Warbseite

CypressArt

BeitragMo, Mai 18, 2009 23:35
Antworten mit Zitat
Benutzer-Profile anzeigen
ich empfehle dir für die gallerie oder für bilder allgemein diese mit der Lightbox anzuzeigen:

http://www.huddletogether.com/projects/lightbox2/

kommt einfach professioneller. Smile und ist schnell eingebunden.
(no comment) -> Google Search Bot!!

Gehe zu Seite 1, 2  Weiter

Neue Antwort erstellen


Übersicht Ressourcen Grafik & Design

Gehe zu:

Powered by phpBB © 2001 - 2006, phpBB Group