Seite 1 von 1

Links & Logo der overall_header.tpl neben die Forenliste

Verfasst: 20.03.2003 04:36
von sid7_xxxx
Hallo!

Ich habe mir die overall_header.tpl mal angeschaut, kenne mich aber nicht
so genau mit HTML aus. Daher konnt ich mit vielem nichts anfangen. :oops:

Nun wollt ich für mein Forum, die Links (FAQ, Suchen, ...) und das Foren-Logo
links neben das Foren-Board verlegen.

Was muss ich wo ändern?
Oder wo finde ich eine Anleitung dazu?

Danke schon mal im voraus!

Gruß sid7_xxxx

Verfasst: 20.03.2003 12:47
von Acid
Also die overall_header.tpl is der ganze Anfang der Tabellenstruktur, overall_footer.tpl das Ende und die restlichen *.tpl die Mitte. In den einzelnen Dateien sind die unterschiedlichen Tabellen aber abgeschlossen, ausser die Haupttabelle, das Grundgerüst, das in der overall_header.tpl angefangen und in der overall_footer.tpl geschlossen wird.

Code: Alles auswählen

<table>
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
</table>
..das is ´ne einfache Tabellenstruktur.

Du musst nun in der overall_header.tpl am Ende ´ne Tabelle öffnen:

Code: Alles auswählen

<table>
  <tr>
    <td>hier kommt der ganze FAQ/Suche/usw. Kram hin</td>
    <td>
..und in der overall_footer.tpl gleich am Anfang wieder schliessen:

Code: Alles auswählen

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

Verfasst: 20.03.2003 20:08
von sid7_xxxx
@Acid:
Acid hat geschrieben:[...], das in der overall_header.tpl angefangen und in der overall_header.tpl geschlossen wird.
Du meintest wahrscheinlich:
, das in der overall_header.tpl angefangen und in der overall_footer.tpl geschlossen wird. ;)

DAnke für die schnelle Antwort!

Gruß sid7_xxxx

Verfasst: 20.03.2003 22:20
von sid7_xxxx
Dazu gleich die Frage was dieser Code bedeutet:

Code: Alles auswählen

<span class="mainmenu">
...und ob ich ihn in jede <td>...</td> mit einbauen muss?


Hier das Ende meiner overall_header.tpl. Kann mir da jemand weiterhelfen, ob ich unnötigen Code drin habe?

Und dann noch eine Frage:
Meine Seite ist unter http://www.bloedelland.de.vu; Die Icon-Link-Liste links hat Lücken, die Gifs schließen nicht genau aneinander an. Was ist an unterem Code falsch? Was muss ich ändern?
[...]
<table width="100%" cellspacing="0" cellpadding="5" border="0" align="center">

<tr>
<td width="100" height="30"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td class="bodyline" align="center"><a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></td></tr></table></td>
<td><table width="100%" height="30" cellspacing="0" cellpadding="0" border="0"><tr><td class="bodyline" align="center"><span class="gen">{SITE_DESCRIPTION}</span></td></tr></table></td>
</tr>

<tr>
<td align="left" valign="top">

<table width="100" cellspacing="0" cellpadding="0" border="0">
<tr><td class="bodyline">

<table cellspacing="0" cellpadding="0" border="0">
<tr><td height="400">
<a href="{U_INDEX}"><img src="images/logo.gif" border="0" alt="{L_INDEX}" /></a>
</td></tr>
<tr><td height="10">
</td></tr>

<tr><td align="center">

<table cellspacing="0" cellpadding="0" border="0">
<tr valign="bottom"><td height="30">
<img src="templates/subSilver/images/icon_mini_top.gif" width="70" height="30" border="0" />
</td></tr>
<tr><td height="20">
<span class="mainmenu">
<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="70" height="20" border="0" alt="{L_FAQ}" /></a>
</span>
</td></tr>
<tr><td height="20">
<span class="mainmenu">
<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="70" height="20" border="0" alt="{L_SEARCH}" /></a>
</span>
</td></tr>
<tr><td height="20">
<span class="mainmenu">
<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="70" height="20" border="0" alt="{L_MEMBERLIST}" /></a>
</span>
</td></tr>
<tr><td>
<span class="mainmenu">
<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="70" height="20" border="0" alt="{L_USERGROUPS}" /></a>
</span>
</td></tr>
<tr><td>
<span class="mainmenu">
<a href="{U_LINKS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_links.gif" width="70" height="20" border="0" alt="Links" /></a>
</span>
</td></tr>
<tr><td>
<!-- BEGIN switch_user_logged_out -->
<span class="mainmenu">
<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="70" height="20" border="0" alt="{L_REGISTER}" /></a>
</span>
<!-- END switch_user_logged_out -->
</td></tr>
<tr><td>
<span class="mainmenu">
<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="70" height="20" border="0" alt="{L_PROFILE}" /></a>
</span>
</td></tr>
<tr><td>
<span class="mainmenu">
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="70" height="20" border="0" alt="{PRIVATE_MESSAGE_INFO}" /></a>
</span>
</td></tr>
<tr valign="top"><td height="10">
<img src="templates/subSilver/images/icon_mini_butt.gif" width="70" height="10" border="0" />
</td></tr>
<tr><td height="10">
</td></tr>
</table>
</td></tr>
</table>

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

</table>
</td>
<td align="center" valign="top">

Verfasst: 21.03.2003 10:36
von Acid
Ja, ich meinte _footer anstatt _header. ;)

Code: Alles auswählen

<span class="mainmenu"> 
..ist die Style Sheet Definition, sprich wie die Links ausschauen sollen (Farbe, Grösse, Nicht Unterstrichen).
Wenn Du <td> mit ´nem Sheet definieren willst, musst Du class="irgendwas" benutzen (ohne <span>); musst aber nicht jedes <td> damit definieren.

Soweit is der Code eigentlich ok.. Du hast zwar ´n paar doppelte Tabellen drin..

Code: Alles auswählen

<table>
  <tr>
    <td>
       <table>
          <tr>
              <td></td>
          </tr>
       </table></td>
  </tr>
</table>
..allerdings is das ned schlimm.
Eventuell könntest Du die leeren <td></td> Zeilen löschen bzw. wenn Du sie benutzen willst/musst dann füge ein html-Leerzeichen ein (<td>&nbsp;</td>).