[Design] Beurteilung eines Designs

burnersk · 20. Juli 2006

Jetzt mal bitte die konstriktiven Kritiker

Wie gefällt euch folgendes Design (Screenshot 800 x 600) http://www.dev5-entwicklung.de/design_dev5-entwicklung_v1.png

Der Kasten oben links neben den Logo ist ein Platzhalter für Werbung... :rolleyes:

Das Design skalliert sich im Textbereich (weiß) frei nach den Benutzereinstellungen.

burnersk · 20. Juli 2006

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>dev5-entwicklung</title>

<style type="text/css">

<!--

.td,td,.th,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}

.body,body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	background-color: #FFFFFF;

	background-image: url(images/background_left.gif);

	background-repeat: repeat-y;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

.a,a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000099;

}

.a:visited,a:visited {

	color: #000099;

}

.a:hover,a:hover {

	color: #000063;

}

.a:active,a:active {

	color: #000063;

}

.h1,h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 22px;

	color: #000000;

}

.h2,h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 20px;

	color: #000000;

}

.h3,h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 18px;

	color: #000000;

}

.h4,h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 16px;

	color: #000000;

}

.h5,h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 14px;

	color: #000000;

}

.h6,h6 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 12px;

	color: #000000;

}

.h7,h7 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 9px;

	color: #999999;

}

#tblNavi td {

	border-bottom-color: #000000;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

/* Navigationsleiste (links) */

#tblNavi td {

	border-bottom-color: #333333;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

#tblNavi a {

	display: block;

	padding-bottom: 7px;

	padding-left: 7px;

	padding-right: 7px;

	padding-top: 7px;

	color: #003366;

	font-weight: bold;

}

#tblNavi a:hover {

	color: #003366;

	font-weight: bold;

	background-color: #7496DC;

}

#tblNavi a:visited {

	color: #003366;

	font-weight: bold;

}

#tblNavi a:link {

	color: #003366;

	font-weight: bold;

}

#tblNavi a:active {

	color: #003366;

	font-weight: bold;

}

-->

</style>

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td height="107" colspan="3" align="left" valign="top" background="images/background_top.gif"><img src="images/logo.gif" alt="Logo: dev5-entwicklung" name="img_logo" width="285" height="107" border="0" id="img_logo" /></td>

  </tr>

  <tr>

    <td width="0%" height="13" align="left" valign="top"><img src="images/spacer_v_167px.gif" name="spacer_v_167px" width="167" height="1" border="0" id="spacer_v_167px" /></td>

    <td width="100%" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

      <tr align="left" valign="middle">

        <td width="0%" height="22" background="images/cellpic_info.gif"><img src="images/info_left.gif" name="info_left" width="11" height="22" border="0" id="info_left" /></td>

        <td width="100%" background="images/cellpic_info.gif"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">

            <tr>

              <td align="left" valign="middle">Sie sind hier: www.dev5-entwicklung.de » </td>

              <td align="right" valign="middle">Guten Tag Gast (Login Registrieren) </td>

            </tr>

        </table></td>

        <td width="0%" background="images/cellpic_info.gif"><img src="images/info_right.gif" name="info_right" width="12" height="22" border="0" id="info_right" /></td>

      </tr>

      <tr align="left" valign="middle">

        <td height="1" colspan="3"><img src="images/spacer_v_612px.gif" name="spacer_v_612px" width="612" height="1" border="0" id="spacer_v_612px" /></td>

        </tr>

    </table></td>

    <td width="0%" height="13" align="left" valign="top"><img src="images/spacer_v_7px.gif" name="spacer_v_7px" width="7" height="1" border="0" id="spacer_v_7px" /></td>

  </tr>


  <tr>

    <td rowspan="2" align="left" valign="top"><table width="160" border="0" cellpadding="0" cellspacing="0" id="tblNavi">

      <tr>

        <td align="left" valign="middle"> </td>

      </tr>

      <tr>

        <td align="left" valign="middle"><a href="javascript:;" target="_top">Startseite</a></td>

      </tr>

    </table></td>

    <td height="13" align="left" valign="top"> </td>

    <td rowspan="2" align="left" valign="top"></td>

  </tr>

  <tr>

    <td align="left" valign="top">Hallo, wie gehts? </td>

  </tr>

  <tr>

    <td rowspan="2" align="left" valign="top"></td>

    <td height="14" align="center" valign="top"> </td>

    <td rowspan="2" align="left" valign="top"></td>

  </tr>

  <tr>

    <td align="center" valign="top" class="h7">Copyright © 2006 by Sören Kornetzki (dev5-entwicklung) </td>

  </tr>

  <tr>

    <td height="7" colspan="3" align="left" valign="top"></td>

  </tr>

</table>


<script language="javascript" type="text/javascript">

	function showHideDiv(id){

		if(eval("document.getElementById('" + id + "').style.display == 'block'")){

			eval("document.getElementById('" + id + "').style.display = 'none'")

		}else{

			eval("document.getElementById('" + id + "').style.display = 'block'")	

		}

	};


	function DivIn ( id ) {

		eval ( "document.getElementById('" + id + "').style.visibility = 'visible'" )

		eval ( "document.getElementById('" + id + "_low').style.visibility = 'hidden'" )

	};

	function DivOut ( id ) {

		eval ( "document.getElementById('" + id + "').style.visibility = 'hidden'" )

		eval ( "document.getElementById('" + id + "_low').style.visibility = 'visible'" )

	};

</script>


<div id="button_forum" onmouseout="DivOut('button_forum');" style="position:absolute; width:122px; height:32px; z-index:3; left: 430px; top: 74px; overflow: hidden; visibility: hidden;"><a href="javascript:;" target="_top"><img src="images/button_forum.gif" alt="Forum" name="img_button_forum" width="122" height="32" border="0" id="img_button_forum" /></a></div>

<div id="button_forum_low" onmouseover="DivIn('button_forum');" style="position:absolute; width:122px; height:32px; z-index:2; left: 430px; top: 74px; overflow: hidden; visibility: visible;"><a href="javascript:;" target="_top"><img src="images/button_forum_low.gif" alt="Forum" name="img_button_forum_low" width="122" height="32" border="0" id="img_button_forum_low" /></a></div>


<div id="button_homepage" style="position:absolute; width:122px; height:32px; z-index:3; left: 300px; top: 74px; overflow: hidden; visibility: visible;"><a href="javascript:;" target="_top"><img src="images/button_homepage.gif" alt="Homepage" name="img_button_homepage" width="122" height="32" border="0" id="img_button_homepage" /></a></div>

<div id="button_homepage_low" style="position:absolute; width:122px; height:32px; z-index:2; left: 300px; top: 74px; overflow: block; visibility: hidden;"><a href="javascript:;" target="_top"><img src="images/button_homepage_low.gif" alt="Homepage" name="img_button_homepage_low" width="122" height="32" border="0" id="img_button_homepage_low" /></a></div>


<div id="button_acp" onmouseout="DivOut('button_acp');" style="position:absolute; width:122px; height:32px; z-index:3; left: 560px; top: 74px; overflow: hidden; visibility: hidden;"><a href="javascript:;" target="_top"><img src="images/button_acp.gif" alt="ACP" name="img_button_acp" width="122" height="32" border="0" id="img_button_acp" /></a></div>

<div id="button_acp_low" onmouseover="DivIn('button_acp');" style="position:absolute; width:122px; height:32px; z-index:2; left: 560px; top: 74px; overflow: hidden; visibility: visible;"><a href="javascript:;" target="_top"><img src="images/button_acp_low.gif" alt="ACP" name="img_button_acp_low" width="122" height="32" border="0" id="img_button_acp_low" /></a></div>


<div id="banner" style="position:absolute; width:468px; height:60px; z-index:2; left: 300px; top: 10px; overflow: hidden; visibility: visible; background-color: #DFAB1F; layer-background-color: #DFAB1F;"></div>

</body>

</html>

burnersk · 20. Juli 2006

Jetzt ist das Design auch online... (besser zum ansehen )

Homepage Design http://www.dev5-entwicklung.de/
Forum Design http://forum.dev5-entwicklung.de/

isardor · 24. Juli 2006

Sieht schonmal nicht schlecht aus.

Aber die first-level-navigation braucht etwas lange zum laden.

burnersk · 24. Juli 2006

Hi.

Ja, die ist unter dem Banner am ende des html-codes. Adbutler braucht anscheint lange bis das Bild übermittelt wird.

Setze die 1-level auf den "1-level".

Danke nochmals.

Anmelden

[Design] Beurteilung eines Designs

Empfohlene Beiträge

burnersk

Link zu diesem Kommentar

Auf anderen Seiten teilen

burnersk

Link zu diesem Kommentar

Auf anderen Seiten teilen

burnersk

Link zu diesem Kommentar

Auf anderen Seiten teilen

isardor

Link zu diesem Kommentar

Auf anderen Seiten teilen

burnersk

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

Umsehen

Aktivitäten

Stellenanzeigen

Blog

Über Fachinformatiker.de