also ich möchte gerne mein Design verbreitern, also dass es von einer Bildschirmseite zur anderen geht, sodass man mehr Platz in der Mitte im Content-Raum hat!
Die Grafiken kann ich dafür anpassen aber ich finde nichts, wo man die Breite ändern kann...
Mein Design gibts hier:
externer Link
Meine index.htm:
<html> <head> <title>{TITLE} // Clanpage by z-gfx.de</title> <link rel="stylesheet" type="text/css" href="include/designs/design_22-01/style.css"> </head> <body topmargin="0" leftmargin="0" background="include/designs/design_22-01/images/bg.jpg"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="945"> <tr> <td rowspan="4" background="include/designs/design_22-01/images/bg_sp1.jpg" width="8"> </td> <td width="929" background="include/designs/design_22-01/images/bg_z1.jpg"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="929"> <tr> <td width="10"> <img border="0" src="include/designs/design_22-01/images/bg_z1.jpg" width="1" height="21"></td> <td><b><font face="Verdana" size="1" color="#333333">#</font><font face="Verdana" size="1" color="#C10000"> z</font><font face="Verdana" size="1" color="#333333">-gaming </font> <font face="Verdana" size="1" color="#999999"> | irc.quakenet.org</font></b></td> </tr> </table> </td> <td rowspan="4" background="include/designs/design_22-01/images/bg_sp2.jpg" width="8"> </td> </tr> <tr> <td width="929"> <img border="0" src="include/designs/design_22-01/images/header.jpg" width="929" height="156"></td> </tr> <tr> <td width="929" background="include/designs/design_22-01/images/bg_z3.jpg"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="929"> <tr> <td width="380"> <img border="0" src="include/designs/design_22-01/images/bg_z3.jpg" width="1" height="26"><a href="http://www.z-gfx.de" title="Webspell Clan-Templates"><img border="0" src="include/designs/design_22-01/images/gra_01.jpg" width="161" height="26" alt="Webspell Clan-Templates"></a></td> <td width="90"><font face="Verdana" size="1" color="#0066CC">Newsticker:</font></td> <td width="17"> <img border="0" src="include/designs/design_22-01/images/newsticker1.jpg" width="17" height="26"></td> <td width="400" background="include/designs/design_22-01/images/bg_newsticker.jpg"> <font face="Verdana" size="1" color="#666666"> <marquee scrollamount="3">Willkommen auf unserer Clanpage - Guardians of the Relic - Uncharted 2 Muliplayer Clan</marquee></font></td> <td width="5"> <img border="0" src="include/designs/design_22-01/images/newsticker2.jpg" width="15" height="26"></td> <td width="200"> <img border="0" src="include/designs/design_22-01/images/enter.jpg" align="right" width="86" height="26"></td> </tr> </table> </td> </tr> <tr> <td width="929"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="929"> <tr> <td background="include/designs/design_22-01/images/bg_m1.jpg" width="159" align="left" valign="top"> {_list_menunr1@ <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="159"> <tr> <td width="2"> <img border="0" src="include/designs/design_22-01/images/menuepunkt1.jpg" width="2" height="34"></td> <td width="157" background="include/designs/design_22-01/images/bg_sp1_menue.jpg"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="157"> <tr> <td width="33"> <img border="0" src="include/designs/design_22-01/images/menue-1.jpg" width="33" height="34"></td> <td width="124" background="include/designs/design_22-01/images/menue-2.jpg"> <font face="Verdana" size="2" color="#000000">%1</font></td> </tr> </table> </td> </tr> </table> %2 } <table border="0" width="100%"> <tr><td align="middle"><br><center><script type="text/javascript"><!-- google_ad_client = "pub-8109272597676827"; google_ad_width = 120; google_ad_height = 240; google_ad_format = "120x240_as_rimg"; google_cpa_choice = "CAAQ8ZGTlwIaCFkV0AJeJ0MiKMWz93M"; google_ad_channel = "0980754553"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></center></td></tr></table></td> <td background="include/designs/design_22-01/images/bg_m2-4-6.jpg" width="4"> </td> <td background="include/designs/design_22-01/images/bg_m3.jpg" width="151" align="left" valign="top"> {_list_menunr2@ <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="151"> <tr> <td width="5" background="include/designs/design_22-01/images/bg_menue-sp3-1.jpg"> <img border="0" src="include/designs/design_22-01/images/bg_menue-sp3-1.jpg" width="1" height="21"></td> <td width="141" background="include/designs/design_22-01/images/bg_menue-sp3-1.jpg" valign="bottom"> <b> <font face="Verdana" size="1">%1</font></b></td> <td width="5" background="include/designs/design_22-01/images/bg_menue-sp3-1.jpg"> </td> </tr> <tr> <td width="5"> </td> <td width="141"><font color="#FFFFFF">%2</font></td> <td width="5"></td> </tr> </table> <p>}<p>{_list_menunr3@ <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="151"> <tr> <td width="5" background="include/designs/design_22-01/images/bg_menue-sp3-1.jpg"> <img border="0" src="include/designs/design_22-01/images/bg_menue-sp3-1.jpg" width="1" height="21"></td> <td width="141" background="include/designs/design_22-01/images/bg_menue-sp3-1.jpg" valign="bottom"> <b> <font face="Verdana" size="1">%1</font></b></td> <td width="5" background="include/designs/design_22-01/images/bg_menue-sp3-1.jpg"> </td> </tr> <tr> <td width="5"> </td> <td width="141"><font color="#FFFFFF">%2</font></td> <td width="5"></td> </tr> </table> <p>}</td> <td background="include/designs/design_22-01/images/bg_m2-4-6.jpg" width="4"> </td> <td bgcolor="#FFFFFF" width="452" align="left" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="452"> <tr> <td background="include/designs/design_22-01/images/bg_mitte.jpg" width="225" align="left" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="225"> <tr> <td width="5"> </td> <td width="215" valign="bottom"><div style="margin-top: 4px;"><b> <font face="Verdana" size="1" color="#0066CC">Last</font><font face="Verdana" size="1" color="#C10000"> </font> <font face="Verdana" size="1" color="#333333">Forum </font></b></div></td> <td width="5"> </td> </tr> <tr> <td width="5"><b><font face="Arial" size="1"> </font></b></td> <td width="215"><b><font face="Arial" size="1"> </font></b></td> <td width="5"><b><font face="Arial" size="1"> </font></b></td> </tr> <tr> <td width="5"> </td> <td width="215"><font face="Verdana" size="1" style="margin-top: 4px;">{_boxes_lastforum}</font></td> <td width="5"> </td> </tr> </table> </td> <td background="include/designs/design_22-01/images/bg_mitte.jpg" width="1"> <img border="0" src="include/designs/design_22-01/images/bg_mitte_trenn.jpg" width="1" height="129"></td> <td background="include/designs/design_22-01/images/bg_mitte.jpg" width="226" align="left" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="225"> <tr> <td width="5"> </td> <td width="215" valign="bottom"><div style="margin-top: 4px;"><b> <font face="Verdana" size="1" color="#0066CC">Last </font><font face="Verdana" size="1" color="#333333"> News</font></b></div></td> <td width="5"> </td> </tr> <tr> <td width="5"><b><font face="Arial" size="1"> </font></b></td> <td width="215"><b><font face="Arial" size="1"> </font></b></td> <td width="5"><b><font face="Arial" size="1"> </font></b></td> </tr> <tr> <td width="5"> </td> <td width="215"><font face="Verdana" size="1" style="margin-top: 4px;">{_boxes_lastnews}</font></td> <td width="5"> </td> </tr> </table> </td> </tr> <tr> <td colspan="3"> <img border="0" src="http://www.zurro-gaming.de/copyrights/design_22/copy.jpg" width="1" height="1"></td> </tr> <tr> <td colspan="3"> <table border="0" cellpadding="5" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="452"> <tr> <td> <b><font face="Arial" size="1">{EXPLODE}</font></b></td> </tr> </table> </td> </tr> </table> </td> <td background="include/designs/design_22-01/images/bg_m2-4-6.jpg" width="4"> </td> <td background="include/designs/design_22-01/images/bg_m7.jpg" width="155" align="left" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="155"> <tr> <td width="5" background="include/designs/design_22-01/images/bg_login.jpg"> <img border="0" src="include/designs/design_22-01/images/bg_login.jpg" width="1" height="27"></td> <td width="145" background="include/designs/design_22-01/images/bg_login.jpg"><b> <font face="Verdana" size="1"><font color="#0066CC">User </font> Login</font></b></td> <td width="5" background="include/designs/design_22-01/images/bg_login.jpg"> </td> </tr> <tr> <td width="5" background="include/designs/design_22-01/images/bg_login2.jpg"> <img border="0" src="include/designs/design_22-01/images/bg_login2.jpg" width="1" height="118"></td> <td width="145" background="include/designs/design_22-01/images/bg_login2.jpg" align="left" valign="top"> <b><font face="Arial" size="1" color="#FFFFFF">{_boxes_login}</font></b></td> <td width="5" background="include/designs/design_22-01/images/bg_login2.jpg"> </td> </tr> <tr> <td width="5" background="include/designs/design_22-01/images/bg_login3.jpg"> </td> <td width="145" background="include/designs/design_22-01/images/bg_login3.jpg" align="left" valign="top"> <b><font face="Verdana" size="1" color="#0066CC">Clan</font><font face="Verdana" size="1"><font color="#C10000"> </font>Sponsoren</font></b></td> <td width="5" background="include/designs/design_22-01/images/bg_login3.jpg"> </td> </tr> <tr> <td width="155" colspan="3"> <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_1.html"> <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/ilch1.1/t22/sponsor1.jpg" width="155" height="124"></a></td> </tr> <tr> <td width="155" colspan="3"> <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_2.html"> <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/ilch1.1/t22/sponsor2.jpg" width="155" height="124"></a></td> </tr> <tr> <td width="155" colspan="3"> <a target="_blank" href="http://www.zurro-gaming.de/template-Sponsoren/sponsor_3.html"> <img border="0" src="http://www.zurro-gaming.de/template-Sponsoren/ilch1.1/t22/sponsor3.jpg" width="155" height="124"></a></td> </tr> <td width="5" background="include/designs/design_22-01/images/bg_login3.jpg"> </td> <td width="145" background="include/designs/design_22-01/images/bg_login3.jpg" align="left" valign="top"> <b><font face="Verdana" size="1" color="#0066CC">Clan</font><font face="Verdana" size="1"><font color="#C10000"> </font>Links</font></b></td> <tr> <td width="155" colspan="3"> <a target="_blank" href="http://www.playstationliga.de/groups/index.php?groupID=78374"> <img border="0" src="/include/designs/design_22-01/images/psl.jpg" width="155" height="124" alt=""></a></td> </tr> </table> </td> </tr> <tr> <td width="159" align="left" valign="bottom"> <img border="0" src="include/designs/design_22-01/images/gra_bottom_1.jpg" width="159" height="107"></td> <td width="4" align="left" valign="bottom" background="include/designs/design_22-01/images/bg_m2-4-6.jpg"> </td> <td width="151" align="left" valign="bottom"> <img border="0" src="include/designs/design_22-01/images/gra_bottom_2.jpg" width="151" height="107"></td> <td width="4" align="left" valign="bottom" background="include/designs/design_22-01/images/bg_m2-4-6.jpg"> </td> <td bgcolor="#FFFFFF" width="452" align="left" valign="bottom"> </td> <td width="4" align="left" valign="bottom" background="include/designs/design_22-01/images/bg_m2-4-6.jpg"> </td> <td width="155" align="left" valign="bottom"> <img border="0" src="include/designs/design_22-01/images/gra_bottom_3.jpg" width="155" height="107"></td> </tr> </table> </td> </tr> <tr> <td background="include/designs/design_22-01/images/bg_bottom.jpg"><font color="#333333"> <img border="0" src="include/designs/design_22-01/images/bottom_links.jpg" width="8" height="22"></font></td> <td background="include/designs/design_22-01/images/bg_bottom.jpg"> <font color="#FFFFFF" face="Arial" size="1">Design und Copyright by www.z-gfx.de</font></td> <td background="include/designs/design_22-01/images/bg_bottom.jpg"> <img border="0" src="include/designs/design_22-01/images/bottom_rechts.jpg" width="8" height="22"></td> </tr> </table> <a href="http://www.xfgz123.de" style="display: none;">link </a> </body> </html> <!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}//--> {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>} {_list_vmenubegi@<ul>} {_list_vmenuende@</ul>}
Meine style.css:
body { background-color: #F2F2F2; scrollbar-face-color: #DDDDDD; scrollbar-highlight-color: #EFEFEF; scrollbar-shadow-color: #003366; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #DDDDDD; } .abg { background-color: #003366; } td { font-family: Verdana; font-size: 10px; } a { color: #999999; // Überschriften_text_bei_wars_hyperlinks font-family: Verdana; font-size: 10px; text-decoration: none; } a:hover { text-decoration: none; } a.box { color: #999999; // Schriftfarbe_fuer_last_news font-family: Verdana; font-size: 10px; text-decoration: none; } a.box:hover { text-decoration: none; } .Chead { background-color: ; // Hintergrund_fuer_ueberschriften color: #FFA800 } .Chead td, .Chead td strong, .Chead h4, .Chead td b { color: #ffffff; // Schriftfarbe_fuer_kleine_ueberschriften } .Callg { background-color: ; color: #396F44 } .Callg td { color: #000000; // Textfarbe } .Cnorm { background-color: #EBEBEB; // Feld_bei_kontakt } .Cmite { background-color: #C9C9C9; // Zeile } .Cdark { background-color: #D7D7D7; // Zeile } #Ballg { color: #ffffff; } #Ballg td { color: #000000; } .Bhead { background-color: #4E7AA5; color: #ffffff; } .Bbody { background-color: #B4C6D8; color: #000000; } .rand { border: 1px solid #000000; // Rand } .smalfont { font-size: 10px; text-decoration: none; } .border { background-color: #; // Rand } hr { height: 0px; border: solid #003366 0px; border-top-width: 1px; } input, textarea, select { border:1px solid none; color: #000000; // Shoutboxtextwasvorgegebenist font: 10px Verdana; font-weight: none; text-decoration: none; background-color: #EFEFEF } #menu {} #menu ul { padding-left: 9px; margin-left: 9px; } #smallmenu { } #smallmenu li { font-size: 9px; } #smallmenu a { font-size: 9px; }
betroffene Homepage: gotr-clan.bplaced.net/