ilch Forum » Ilch Clan 1.1 » Design und Templates » Design verbreitern

Geschlossen
  1. #1
    User Pic
    LittleBIGFan Mitglied
    Registriert seit
    28.11.2009
    Beiträge
    314
    Beitragswertungen
    2 Beitragspunkte
    Hi,

    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">&nbsp;</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">&nbsp; |&nbsp; 
            irc.quakenet.org</font></b></td>
          </tr>
        </table>
        </td>
        <td rowspan="4" background="include/designs/design_22-01/images/bg_sp2.jpg" width="8">&nbsp;</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">&nbsp;</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">&nbsp;</td>
              </tr>
              <tr>
                <td width="5">&nbsp;</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">&nbsp;</td>
              </tr>
              <tr>
                <td width="5">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="5"><b><font face="Arial" size="1">&nbsp;</font></b></td>
                    <td width="215"><b><font face="Arial" size="1">&nbsp;</font></b></td>
                    <td width="5"><b><font face="Arial" size="1">&nbsp;</font></b></td>
                  </tr>
                  <tr>
                    <td width="5">&nbsp;</td>
                    <td width="215"><font face="Verdana" size="1" style="margin-top: 4px;">{_boxes_lastforum}</font></td>
                    <td width="5">&nbsp;</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">&nbsp;</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">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="5"><b><font face="Arial" size="1">&nbsp;</font></b></td>
                    <td width="215"><b><font face="Arial" size="1">&nbsp;</font></b></td>
                    <td width="5"><b><font face="Arial" size="1">&nbsp;</font></b></td>
                  </tr>
                  <tr>
                    <td width="5">&nbsp;</td>
                    <td width="215"><font face="Verdana" size="1" style="margin-top: 4px;">{_boxes_lastnews}</font></td>
                    <td width="5">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
              </tr>
              <tr>
                <td width="5" background="include/designs/design_22-01/images/bg_login3.jpg">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
            <td bgcolor="#FFFFFF" width="452" align="left" valign="bottom">&nbsp;</td>
            <td width="4" align="left" valign="bottom" background="include/designs/design_22-01/images/bg_m2-4-6.jpg">&nbsp;</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>&middot;</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/
    externer Link Guardians of the Relic
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    zeile 10 der index.htm ist die erste angabe für die breite.
    lern ein bisschen html das kannst du es selbst machen.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    LittleBIGFan Mitglied
    Registriert seit
    28.11.2009
    Beiträge
    314
    Beitragswertungen
    2 Beitragspunkte
    sorry dass ich nen neues thema aufgemacht hab, habs gesehn da lässt sich alles einstellen hab ich wie übershen ich glaub ich hab die ganze zeit in der style.css gesucht
    externer Link Guardians of the Relic
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten