« previous next »
Pages: [1]

Author Topic: Erweiterung des Standard Templates um eine rechte Spalte  (Read 9954 times)

0 Members and 1 Guest are viewing this topic.

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Erweiterung des Standard Templates um eine rechte Spalte
« on: April 11, 2007, 10:36:20 AM »
Hi,

aufgrund von Platzproblemen und der Übersichtlichkeit, würde ich gerne mein Standardtemplate um einen Bereich auf der rechten Seite erweitern.

d.h. praktisch genauso so ein Teil, welcher auch links existiert (in dem Loginbox und Random Bild eingebettet sind) soll rechts angehängt werden

hat das schon mal jemand in Angriff genommen?

bzw gibt es eine Erweiterung die einfach zu installieren ist?

Hab leider nix gefunden...

mfg UFOSWORLD
Logged

Offline Acidgod

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 2.421
  • It's me?
    • View Profile
    • Flash-Webdesign
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #1 on: April 11, 2007, 12:02:41 PM »
willste dir nicht viel arbeit sparen und vielleicht ein template nutzen welches schon zwei spalten hat?
Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #2 on: April 11, 2007, 02:42:12 PM »
wüsstest du auf anhieb ein template, das so aussieht??

und wie sieht das dann mit den erweiterungen aus, die ich alle bereits eingebaut habe??

muss ich die alle neu einbauen??

na das kann ja dann ein spass werden... ^^

grüsse ufo
Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #3 on: April 12, 2007, 10:16:50 AM »
Hey Ivan,

danke das sieht ja schon mal net schlecht aus...

werde ich mich dran setzen und das Ding versuchen einzubaun.

Muss ich eigentlich nur die HTML Files ändern, oder muss ich an den PHP Files auch was umbaun... damit das Design übernommen wird...

Das ich was in PHP Files einfügen muss damit die Felder angezeigt werden is mir klar... aber rein damit das die zweite Spalte erscheint muss ich nur die HTML Files editieren... oder??

gruss UFO

Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #4 on: April 12, 2007, 10:58:17 AM »
Dankeschön.. :D werde das dann später mal testen  8)

gruss UFO
Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #5 on: April 12, 2007, 08:23:33 PM »
Hi Ivan

ok hab etz die rechte Spalte jetzt eingefügt...

unter Firefox passt die Anzeige, aber im verdammten Internet Explorer passt sie nicht... 

hab im Quellcode die 640 durch 950 getauscht.. und die 638 => 948   und 636 => 946

hab mal nen Screenshot angehängt jeweils die rechten Kanten...  welche Werte muss ich noch anpassen.. bzw was is falsch?

aus welchen Werten setzt sich dieses 640 zusammen??? 

muss ich die 450 und 255er Werte auch ändern?

Nachtrag... etz hab ich grad gesehn das die Anzeige unten im Firefox auch net passt... 

Will etz erst mal die Hauptseite sauber vergrössern machen... der Rest ist dann nur noch Copy Paste der Werte...

danke schon mal

UFO


p.s. zwischenzeitlich hab ich mal mit 791 789 und 787 rumexperimentiert... aber da hatte ich das selbe ergebnis nur in kleiner...^^
Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #6 on: April 19, 2007, 09:23:41 AM »
Hat dafür keiner eine Lösung??  Wo kann ich kucken wie das mit der Aufteilung is...

Wie setzt sich der 640er Wert zusamen..   150 Pixel + 450 Pixel + ???
Welche Werte müssen verändert werden, das des dann mit der Anzeige in den Browsern passt.


Und wie bekomme ich das hin. das z.b. die Seite dann in jeder Auflösung einigermassen Annehmbar aussieht.. ohne Scrollbalken....


hab bei ner anderen Seite folgendes gesehen

Code: [Select]

<html>
<body>

<table width=100% border="1">



 <tr>
  <td>

   <table border="1" align=center width="744">

   
   <colgroup>
    <col width="150">
    <col width=100%>
    <col width="150">
    </colgroup>
   
 

    <tr>
     <td>

      <table border="1"  align=left width="150">
       <tr>
        <td>
         links fest 150
        </td>
       </tr>
      </table>
    </td>
   
    <td>
      <table border="1" align=center width=100%>
       <tr>
        <td>
         mitte 100%
        </td>
       </tr>
      </table>
    </td>
   
    <td>
    <table border="1"  align=right  width="150">
       <tr>
        <td>
         rechts fest 150
        </td>
       </tr>
      </table>
     


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


  </td>
 </tr>

</table>

</body>
</html>



könnte dieser Aufbau klappen, das das Fenster variable an die Auflösung angepasst wird?

grüsse UFO





« Last Edit: April 19, 2007, 10:00:54 AM by UFOSWORLD »
Logged

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #7 on: April 19, 2007, 01:50:31 PM »
also: im Header setzen sich die 640 pixel aus:
6 Pixel Rand links, 450 Pixel Logo, 225 Pixel Suche, 6 Pixel rand rechts zusammen, ergibt: 642 Pixel

im Footer 6 Pixel rand links, 450 Pixel leeres td, 225 Pixel leeres td, 6 Pixel Rand rechts
jeweils in einzelnen Tabellen

so, jetzt stimmen deine Ränder (Rundungen der Ecken) nicht überein um 1Pixel, max 2

als background-image: url(xxx/xxx); geht auch nicht ??
position: absolute; oder position: relative; auch nicht??

zusätzliche angaben wie: width: XXXpx; height: XXXpx; background-position: top left; background-repeat: no-repeat; helfen auch nicht???

dazu müsstest du einfach in die Tabelle

Code: [Select]
<table xxxxxxxxxxxxx style="background-position: top left; background-repeat: no-repeat; position: relative";> einfügen und mal testen

irgend eine Kombination wird sicher gehen
Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #8 on: April 20, 2007, 11:34:05 AM »
Quote from: honda2000 on April 19, 2007, 01:50:31 PM
also: im Header setzen sich die 640 pixel aus:
6 Pixel Rand links, 450 Pixel Logo, 225 Pixel Suche, 6 Pixel rand rechts zusammen, ergibt: 642 Pixel

im Footer 6 Pixel rand links, 450 Pixel leeres td, 225 Pixel leeres td, 6 Pixel Rand rechts
jeweils in einzelnen Tabellen

so, jetzt stimmen deine Ränder (Rundungen der Ecken) nicht überein um 1Pixel, max 2

als background-image: url(xxx/xxx); geht auch nicht ??
position: absolute; oder position: relative; auch nicht??

zusätzliche angaben wie: width: XXXpx; height: XXXpx; background-position: top left; background-repeat: no-repeat; helfen auch nicht???

dazu müsstest du einfach in die Tabelle

Code: [Select]
<table xxxxxxxxxxxxx style="background-position: top left; background-repeat: no-repeat; position: relative";> einfügen und mal testen

irgend eine Kombination wird sicher gehen

Danke, aber 6+450+225+6 = 687 Pixel und nicht 642 Pixel.... oder denke ich falsch...?

Wie müsste das ganze dann aussehn, wenn ich mein Hauptfenster also vom linken bis rechten Rand auf 800 Pixel machen will... incl dem zusätzlichen 150er Zustatz-Feld rechts... 

wie wäre der standardheader zu erweitern?


Zu dem Code.... muss ich den in alle Tables in der z.b. Home.html File einfügen??
Logged

Offline honda2000

  • 4images Guru
  • *******
  • Posts: 3.263
    • View Profile
    • Wir machen Internet!
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #9 on: April 20, 2007, 11:52:32 AM »
deine 687 stimmen natürlich

also, du hast: 800pixel incl. dem 150pixel-Zusatz-Feld rechts, also:

in allen Haupttemplates....

Code: [Select]
{header}
<center>
<table width="800" border="0" cellspacing="0" cellpadding="0">
...
...
...
</td>
  </tr>
</table>
</center>
{footer}

oder??
Logged

Offline UFOSWORLD

  • Full Member
  • ***
  • Posts: 102
    • View Profile
Re: Erweiterung des Standard Templates um eine rechte Spalte
« Reply #10 on: April 21, 2007, 01:23:14 PM »
Quote from: honda2000 on April 20, 2007, 11:52:32 AM
deine 687 stimmen natürlich

also, du hast: 800pixel incl. dem 150pixel-Zusatz-Feld rechts, also:

in allen Haupttemplates....

Code: [Select]
{header}
<center>
<table width="800" border="0" cellspacing="0" cellpadding="0">
...
...
...
</td>
  </tr>
</table>
</center>
{footer}

oder??


Naja wenn ich nur oben 800 mache dann zeigt der mir fette balken an

hier mal meine aktuelle home.html

vielleicht kannst mir ja sagen was ich umändern muss... und wo ich genau das zusätzliche 150er feld einfügen muss

Code: [Select]
{header}
<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>
  <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">
                  <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>
                </td>
              </tr>
            </table>
            <table width="638" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="150" class="row2" valign="top">
                  <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}
<br />
{if last_comments}
                  <table width="150" 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" colspan="5">{lang_last_comments}</td>
                          </tr>
                          {last_comments}
                        </table>
                      </td>
                    </tr>
                  </table>
                  <br />
{endif last_comments}





                </td>
                <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 />
                  <br>
                      BILD LÖSCHEN!? Email (Eventort-Eventdatum-Bildname) an:
                      <b><a href="bildraus@meinewebsite.de">bildraus</a></b>
                   

  <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>
                         </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>
    </td>
  </tr>

  <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>
</table>
{footer}



danke schon mal

jedesmal wenn ich das scheiss ding anfasse kommt was anderes raus... 

gruss ufo
Logged
Pages: [1]
« previous next »