Veröffentlicht 20. Juli 200619 j 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... Das Design skalliert sich im Textbereich (weiß) frei nach den Benutzereinstellungen.
20. Juli 200619 j <!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>
20. Juli 200619 j Jetzt ist das Design auch online... (besser zum ansehen ) Homepage Design http://www.dev5-entwicklung.de/Forum Design http://forum.dev5-entwicklung.de/
24. Juli 200619 j Sieht schonmal nicht schlecht aus. Aber die first-level-navigation braucht etwas lange zum laden.
24. Juli 200619 j 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.
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.