ilch Forum » Ilch Clan 1.1 » Design und Templates » Breite des Designs verändern

Geschlossen
  1. #1
    User Pic
    Diss_Counter Mitglied
    Registriert seit
    13.11.2015
    Beiträge
    4
    Beitragswertungen
    0 Beitragspunkte
    Hi community,

    Wie kann ich ein ilch design in der Breite verändern so dass es besser auf Auflösungen 1920 aussieht? Header ist mir klar. Nur wie bekomme ich die Mittlere Box gleichmässig breiter? die Boxen müssen nicht zwingend Größer werden. Wäre aber gut. Alles was Bilddateien sind kann ich größer abspichern aber das Design ansich will nicht wachsen..

    MfG Diss_Counter


    verwendete ilch Version: 1.1 P

    betroffene Homepage: arsenicclan.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Nachtwolf Hall Of Fame
    Registriert seit
    10.11.2006
    Beiträge
    533
    Beitragswertungen
    16 Beitragspunkte
    Moin...

    Das kannst du in der "include/designs/lod03_gruen/index.htm" machen.

    <!-- ImageReady Slices (Langeweile_v3.psd) -->
    <table width="980" height="801" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
    	<tr>


    Dort die width="980" auf deinem gewünschen wert ändern. Wohlmöglich müssen auch die anderen Tabellen in der index.htm angepasst werden.

    Gruß
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Diss_Counter Mitglied
    Registriert seit
    13.11.2015
    Beiträge
    4
    Beitragswertungen
    0 Beitragspunkte
    Ah ok danke schonmal für die richtung. Die htm schaue ich mir heut abend an. Gruss
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Nex4T ilch.de Design
    Registriert seit
    28.02.2007
    Beiträge
    2.912
    Beitragswertungen
    141 Beitragspunkte
    Denk daran das nicht jeder die Auflösung 1920x? hat, das kann zur verwirrung führen.
    while(!asleep()) sheep++;
    1 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Diss_Counter Mitglied
    Registriert seit
    13.11.2015
    Beiträge
    4
    Beitragswertungen
    0 Beitragspunkte
    Was ist da ein gängiger Wert?
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Nex4T ilch.de Design
    Registriert seit
    28.02.2007
    Beiträge
    2.912
    Beitragswertungen
    141 Beitragspunkte
    1180 px bis 1240 pixel nutze ich immer
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Diss_Counter Mitglied
    Registriert seit
    13.11.2015
    Beiträge
    4
    Beitragswertungen
    0 Beitragspunkte
    Alles geklappt. Danke sehr.
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Nex4T ilch.de Design
    Registriert seit
    28.02.2007
    Beiträge
    2.912
    Beitragswertungen
    141 Beitragspunkte
    Dein Header "buggt" bzw. die Bilder stimmen nicht überein, in der Mitte ist es ziemlich geschnitten würd ich mal behaupten lächeln
    while(!asleep()) sheep++;
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Flower99 Mitglied
    Registriert seit
    11.01.2016
    Beiträge
    1
    Beitragswertungen
    0 Beitragspunkte
    Ah ok danke schonmal für die richtung. Die htm schaue ich mir heut abend an. Gruss
    james
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    FeTTsack Hall Of Fame
    Registriert seit
    27.06.2012
    Beiträge
    189
    Beitragswertungen
    26 Beitragspunkte
    zu dem Header ein kleiner Tipp/Hinweis...

    dein Header besteht aus 2 Bildern.
    das eine Bild ist 175pixel hoch und das andere 150pixel.

    du passt diese auf 275pixel an ...
    ja bei der 175 sind das genau 100pixel.
    jetzt musst du aber nicht einfach die 100pixel bei den 150 drauf addieren, sondern musst ja das Verhältnis berücksichtigen und das sind dann leider nicht 250pixel.

    x = (275 / 175) * 150

    ---
    ersetz mal bei dir die 2 Tablerows '<tr>' vom Header
    mit dem hier:
    <tr><td colspan="10"> 
    <table border="0" align="center" cellpadding="0" cellspacing="0">
    	<tr>
    		<td rowspan="2" width="50%"><img src="include/designs/lod03_gruen/Bilder/index_gruen_01.jpg" width="100%" height="275" alt=""></td>
    		<td colspan="7" width="50%"><img src="include/designs/lod03_gruen/Bilder/index_gruen_02.jpg" width="100%" height="235" alt=""></td>
    	</tr>
    	<tr>		
    		<td height="40"><a href="?news" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('News','','include/designs/lod03_gruen/Bilder/index_gruen_rollover_03.jpg',1)"><img src="include/designs/lod03_gruen/Bilder/index_gruen_03.jpg" name="News" width="100" height="25" border="0"></a></td>
    		<td height="40"><a href="?forum" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forum','','include/designs/lod03_gruen/Bilder/index_gruen_rollover_04.jpg',1)"><img src="include/designs/lod03_gruen/Bilder/index_gruen_04.jpg" name="Forum" width="100" height="25" border="0"></a></td>
    		<td height="40"><a href="?teams" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Teams','','include/designs/lod03_gruen/Bilder/index_gruen_rollover_05.jpg',1)"><img src="include/designs/lod03_gruen/Bilder/index_gruen_05.jpg" name="Teams" width="100" height="25" border="0"></a></td>
    		<td height="40"><a href="?fightus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fight Us','','include/designs/lod03_gruen/Bilder/index_gruen_rollover_06.jpg',1)"><img src="include/designs/lod03_gruen/Bilder/index_gruen_06.jpg" name="Fight Us" width="100" height="25" border="0"></a></td>
    		<td height="40"><a href="?joinus" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Join Us','','include/designs/lod03_gruen/Bilder/index_gruen_rollover_07.jpg',1)"><img src="include/designs/lod03_gruen/Bilder/index_gruen_07.jpg" name="Join Us" width="150" height="25" border="0"></a></td>
    		<td height="40"><a href="?gbook" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gbook','','include/designs/lod03_gruen/Bilder/index_gruen_rollover_08.jpg',1)"><img src="include/designs/lod03_gruen/Bilder/index_gruen_08.jpg" name="Gbook" width="135" height="25" border="0"></a></td>
    		<td height="40"><img src="include/designs/lod03_gruen/Bilder/index_gruen_09.jpg" width="14" height="25" alt=""></td>
    	</tr>
    </table>
    </td></tr>


    damit haste ne eigene Table für den Header und musst das nicht immer für das gesamte Design berücksichtigen...
    im code sind auch schon die größen usw. richtig angepasst.

    lg fetti
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten