Noch größere Breite benötigt. Brauche Hilfe.

[TheH2083]

Hallo,

ich habe ein Problem. Das Layout von 4Images ist in der Breite zu klein.

Ich habe bereits den Style gefunden der eine Breite von 800 hat und somit Bilder von 600 Pixeln Breite unterstützt.

Jedoch ist das noch nicht breit genug für meine Bedürfnisse, da ich Bilder habe, welche eine Breite von 640 Piexeln (640x480) haben. Wenn möglich möchte ich die Breite der Bilder auch nicht modifizieren.

Gibt es ein Template dafür oder Kann mir jemand eine kleine Anleitung geben, wie ich das Layout anpassen muss um zu diesem Ergebnis zu kommen?

Hier kann man mein Problem sehen: http://www.xyvox.net/4Images/details.php?image_id=34&sessionid=7c6eedc32b2f43bc328211e5f32c72ef

Ich bitte um eure Hilfe.


Gruß

TheH2083

[kuntho]

Ist eigentlich recht einfach, wenn Du in den entsprechenden Templates

home.html
categories.html
details.html

Die Angaben für Tabellen - und Spaltenbreiten anpaßt. Ideal ist es, wenn Du die absoluten Angaben in prozentuale Angaben änderst, also z.B.

<table width="640".....             änderst in
<table width="100%"....

oder

<td width="405"...     in
<td width="63%"...

Dann wird, unabhängig von Größe des Browserfensters, oder Bildschirmauflösung immer die maximal verfügbare Breite verwendet.

mfg

kuntho

[BSG2007]

Hallo,

sorry wenn ich den Thread nochmal hochhole, aber ich habe auch noch eine Frage zu dem Thema.

Ich habe wie oben beschrieben das Design mit "100%" an die volle Browsergröße angepasst. Sehe ich es richtig, dass sich das "<td width="405"... >" nur auf die Anzeige des Seitenlogos auswirkt? D. h. wenn sich dessen Größe nicht ändern soll, dann belasse ich dort einen festen Pixel-Wert?

Was aber meine eigentliche Frage ist:

Wie schaffe ich es, dass auch die Inhalte der einzelnen Seiten entsprechend vergrößert angezeigt werden? Ich habe mit dem Tipp von oben zwar die Kopf- und Fußzeile auf 100% vergrößern können, nicht aber die darin noch enthaltenen anderen Inhalte (Bilder, Kategorien, ...), die sind nach wie vor so klein wie am Beginn. Was muss ich da noch ändern, um dort die Größe auch entsprechend anpassen zu können?

Und letzte Frage:
Wie kann ich dieses Copyright-Fenster beim Rechtsklick entfernen?

Bedanke mich im Voraus für Hilfe!

[nobby]

Hallo,

das Copyright Fenster findest Du in der Header.html, siehe Bild.
Einfach mit  <!-- ....  -->  auskommentieren dann wird es nicht mehr angezeigt.

Gruß
Nobby

[BSG2007]

Danke für den Hinweis.

Kann mir auch noch jemand was zur Breite des Inhalts sagen? :

[nobby]

Die Größe Deiner Bilder kannst Du im ACP (Admin Control Panel) Einstellen.

[honda2000]

in allen haupttemplates beginnt die erste tabelle mit: width="640"
und zieht sich nach unten fort.
anstelle fixer angaben in pixel, setzt du immer 100% außer in:

<td width="150" class="row2" valign="top">
                  <table width="150" border="0" cellspacing="0" cellpadding="0">
                    <tr> ...

außer in denen mit 150 pixel

im header mit 405 und 225 musst du dich entscheiden

405 ist das orginale Headerlogo breit und 225 werden für die "Suche" benutzt

[BSG2007]

Guten Morgen,

danke für eure Hinweise, aber ich denke, ich habe mich irgendwie missverständlich ausgedrückt.

Mal im Anhang ein Bild. Ich möchte gern den rot-markierten Bereich auf die Größe des grün-markierten Bereichs (also auch auf 100%) vergrößern. Wo kann ich diese Änderung vornehmen?

Und mir ist aufgefallen, dass bei "100%" Breite das Design wohl auch in den Ecken Darstellungsfehler hat (siehe lila-markierter Bereich). Kann man das irgendwie beheben, oder muss man damit leben können?

Bedanke mich im Voraus für Hilfevorschläge!

[honda2000]

dann mach nicht 100% sondern 98% 

[BSG2007]

Ich möchte gern den rot-markierten Bereich auf die Größe des grün-markierten Bereichs (also auch auf 100%) vergrößern. Wo kann ich diese Änderung vornehmen?

Hat niemand einen Tipp für mich?  : 

[honda2000]

immer noch in den Haupttemplates, du musst das entsprechend anpassen und testen

[BSG2007]

immer noch in den Haupttemplates, du musst das entsprechend anpassen und testen

Aber wo denn anpassen?
Entweder ich habe Tomaten auf den Augen, oder ich finds einfach nicht ... 

[honda2000]

schau mal an hand der home.html

Code: [Select]


{header}

<!-- komplette home.html -->

<!-- hier beginnt oben der Header mit logo und Suche -->

<table width="640" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
      <table width="640" border="0" cellspacing="0" cellpadding="0" class="tablehead">
        <tr>
          <td colspan="4"><img src="{template_url}/images/header_top.gif" width="640" height="6" alt="" /></td>
        </tr>
        <tr>
          <td width="6"><img src="{template_url}/images/header_left.gif" width="6" height="60" alt="" /></td>
          <td width="405"><img src="{template_url}/images/header_logo.gif" width="405" height="60" alt="" /></td>
          <td width="225" align="right">
            <form method="post" action="{url_search}">
              <table border="0" cellspacing="0" cellpadding="1">
                <tr>
                  <td>
                    <input type="text" name="search_keywords" size="15" class="searchinput" />
                  </td>
                  <td>
                    <input type="submit" value="{lang_search}" class="button" name="submit" />
                  </td>
                </tr>
                <tr valign="top">
                  <td colspan="2"><a href="{url_search}" class="smalltext">{lang_advanced_search}</a></td>
                </tr>
              </table>
            </form>
          </td>
          <td align="right" width="6"><img src="{template_url}/images/header_right.gif" width="6" height="60" alt="" /></td>
        </tr>
      </table>
    </td>
  </tr>

<!-- hier ist der Header zu ende -->

<!-- hier beginnt der gesamte Inhalt -->

  <tr>
    <td class="bordercolor">
      <table width="640" border="0" cellspacing="1" cellpadding="0">
        <tr>
          <td class="tablebgcolor">
            <table width="638" border="0" cellspacing="1" cellpadding="0">
              <tr>
                <td class="navbar" height="23">

<!-- das ist der gelbe Strefen mit Top/Neue Bilder -->

                  <table width="636" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream}</td>
                      <td align="right">
<a href="{url_top_images}"><b>{lang_top_images}</b></a>&nbsp;
<a href="{url_new_images}"><b>{lang_new_images}</b></a>&nbsp;
  </td>
                    </tr>
                  </table>

<!-- Top/Neu ende -->

                </td>
              </tr>
            </table>

<!-- beginn Inhalt unten -->

            <table width="638" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="150" class="row2" valign="top">

<!-- Beginn linke Spalt User/random etc. -->

                  <table width="150" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="head2" height="20"><img src="{template_url}/images/spacer.gif" alt="" width="4" height="4" />{lang_registered_user}</td>
                    </tr>
                    <tr>
                      <td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                    <tr>
                      <td align="center" class="row1">{user_box}</td>
                    </tr>
                    <tr>
                      <td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                  </table>
  {if random_image}
                  <table width="150" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="head2" height="20"> <img src="{template_url}/images/spacer.gif" alt="" width="4" height="4" />{lang_random_image}</td>
                    </tr>
                    <tr>
                      <td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                    <tr>
                      <td align="center" class="row1">
    <br />
                        {random_image}
<br />
                        <br />
                      </td>
                    </tr>
                    <tr>
                      <td class="tablebgcolor"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                  </table>
  {endif random_image}
                </td>

<!-- ende linke Spalte -->

<!-- begin Content (wechelt bei den verschiedenen Seiten) -->


                <td width="1" class="bordercolor" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                <td width="18" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="18" height="18" /></td>
                <td width="450" valign="top">
  <br />
                  <span class="title">{site_name}</span>
  <br />
  <hr size="1" />
                  {if categories}
                  <table width="450" border="0" cellspacing="0" cellpadding="1">
                    <tr>
                      <td class="head1">
                        <table width="100%" border="0" cellspacing="0" cellpadding="3">
                          <tr>
                            <td class="head1" valign="top">{lang_categories}</td>
                          </tr>
                          <tr>
                            <td class="row2" valign="top">{categories}</td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                  <br />
                  {endif categories}{lang_site_stats}<br />
                  <br />
                  {if msg}<b>{msg}</b><br /><br />{endif msg}
                  <table width="450" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="head1">
                        <table width="100%" border="0" cellspacing="0" cellpadding="4">
                          <tr>
                            <td class="head1" valign="top">{lang_new_images}</td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td class="head1">{new_images}</td>
                    </tr>
                  </table>
                  <br />
  {whos_online}
  <br />
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td>{category_dropdown_form}</td>
                      <td align="right">{setperpage_dropdown_form}</td>
                    </tr>
                  </table>
                  <p>&nbsp;</p>
                </td>
                <td width="19" valign="top"><img src="{template_url}/images/spacer.gif" alt="" width="19" height="19" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

<!-- Ende des Content -->

    </td>
  </tr>

<!-- hier beginnt unten der blauen footer -->

  <tr>
  <td>
  <table width="640" border="0" cellspacing="0" cellpadding="0" class="tablebottom">
        <tr>
          <td width="6"><img src="{template_url}/images/footer_left.gif" width="6" height="19" alt="" /></td>
          <td width="405">&nbsp;</td>
          <td width="225">&nbsp;</td>
          <td width="6"><img src="{template_url}/images/footer_right.gif" width="6" height="19" alt="" /></td>
        </tr>
      </table>
  </td>
  </tr>

<!-- hier ist der blaue Footer zu ende -->

</table>



{footer}


also musst du jetzt alles was in fixen breiten angegeben ist ändern, aber du musst dir auch die style.css ansehen, was z.b. alles in den Klassen:
.head1
.head2
.bordercolor

u.s.w. steht

was was ist, kannst du http://forum.thomas-heydel.de/viewthread.php?tid=21 (Bild 2) nochmal genau sehen anhand des default-Style

[BSG2007]

Vielen Dank!