[PunBB]Tabelle neben Header (keine module)

Hi ich wollte mal Fragen ob man so einen Code irgendwie in ein reines Css einbauen kann oder i-wie anders? Weil dadurch das es nur ein Css ist können und wollen wir nicht die Module benutzen xD

Code:

<table width="100%">
<tr align="center">
<td width="23%" valign="top">


<table cellpadding=4 cellspacing=1 border=0 bgcolor="{tableinbordercolor}" width="100%" align="justify">
<tr bgcolor="{tabletitlecolor}" id="tabletitle" align="left">
  <td><normalfont color="{fontcolorsecond}"><img src="http://i38.servimg.com/u/f38/17/48/12/85/welcom10.png"><br><font style="font-family: Times New Roman;" size="2">Herzlich Willkommen.Wir sind ein reines Supernatural RPG.Wir nehmen nur Mitlgieder auf die 16Jahre oder älter sind.Wir Schreiben in der 1. oder 3.Person Singular/Pretäritum.Wir Schreiben nach dem Prinzip der Ortstrennung.Und wir haben einen Passwortgeschüzten 18ner Bereich.Für unsere Gäste haben wir einen gesonderten Gästebereich in dem Sie ihre Fragen/Problem/Kritik äussern können.</font>
</td>
</tr>
<tr bgcolor="{tablecatcolor}" id="tablecat" align="left">
  <td><normalfont color="{fontcolorthird}"><img src="http://i38.servimg.com/u/f38/17/48/12/85/testhm11.png"><br><font style="font-family: Times New Roman;" size="2">&&<a href="http://e-t-d-m-c.taess.net/board.php?boardid=2&sid=7360385ec5ecd0b6bb61623fcf909016">Storyline u. Regeln</a></font><font style="font-family: Times New Roman;" size="2"><span style="font-weight: bold;"><br></span>&&<a href="http://e-t-d-m-c.taess.net/board.php?boardid=30&sid=3eb04550e9e2ea41adcb70b211149ada">Plot u. Plotupdate</a></font><font style="font-family: Times New Roman;" size="2"><span style="font-weight: bold;"><br></span>&&<a href="http://e-t-d-m-c.taess.net/board.php?boardid=10&sid=7360385ec5ecd0b6bb61623fcf909016">Gäste Bereich</a></font><font size="2"><span style="font-weight: bold; font-family: Times New Roman;"><br></span><span style="font-family: Times New Roman;">&&Partner</span><span style="font-weight: bold; font-family: Times New Roman;"><br></span><span style="font-family: Times New Roman;">-</span><a style="font-family: Times New Roman;" href="http://e-t-d-m-c.taess.net/board.php?boardid=74&sid=44669615d5e901ad27d4b06d2f37c999">Anfrage</a><span style="font-family: Times New Roman;">-</span><a style="font-family: Times New Roman;" href="http://e-t-d-m-c.taess.net/board.php?boardid=77&sid=44669615d5e901ad27d4b06d2f37c999">Bestätigung</a></font><font style="font-family: Times New Roman;" size="2"><span style="font-weight: bold;"><br></span>-<a href="http://e-t-d-m-c.taess.net/board.php?boardid=76&sid=44669615d5e901ad27d4b06d2f37c999">Ablehnung</a>-<a href="http://e-t-d-m-c.taess.net/board.php?boardid=75&sid=44669615d5e901ad27d4b06d2f37c999">Änderung</a></font><font color="#999999" face="Andalus" size="4"><b><font style="font-family: Verdana;" size="1"><br></font></b></font>
</td>
</tr>
<tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
  <td><normalfont color="{fontcolorthird}"><img src="http://i38.servimg.com/u/f38/17/48/12/85/winner11.png"><br></font>
</td>
</tr>
<tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
  <td><normalfont color="{fontcolorthird}"><img src="http://www.bilder-hochladen.net/files/iq25-147-f3bd.png"><br><table><tbody><tr><td style="text-align: center;"><div style="width:180px; height:180px; overflow:auto; padding:1px; "><div style="text-align: left;"><div style="text-align: center;"><div style="text-align: left;"><font style="font-family: Times New Roman;" size="2"><span style="text-decoration: underline; font-weight: bold; font-style: italic;">News vom:</span><span style="font-weight: bold; font-style: italic;"></span><span style="font-weight: bold;"></span>25.07.2012<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br></span>Die
 Arbeiten bezüglich den Styles laufen auf Hochturen.So bald diese
Abgeschlossen sind werden wir eine Ausfürliche "Storyline" Schreiben und
 das Inplay für die User Freigeben!<br></font><font style="font-family: Times New Roman;" size="2">Ps.Wer Fehler findet darf sie behalten =)<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br><br>News vom:</span><span style="text-decoration: underline; font-style: italic;"></span><span style="text-decoration: underline;"></span>24.07.2012<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br></span>Aus
 Technischen Gründen ist eine Registrierung im moment leider nicht
möglich.So bald wir eine Lösung für das Problem gefunden haben werden
wir es hier Bekannt geben!<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br><br>News vom:</span>18.06.2012<br>Das Forum wurde Erfolgreich Installiert und befindet sich nun im Aufbau!</font><span style="font-weight: bold; text-decoration: underline;"></span></div></div></div></div></td> </tr><tr><td style="vertical-align: top; text-align: center;">

<br></td></tr></tbody></table></font>
</td>
</tr>
<tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
  <td><normalfont color="{fontcolorthird}"><img src="http://www.bilder-hochladen.net/files/iq25-146-81ca.png"><br></font>
</td>
</tr>
<tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
  <td><normalfont color="{fontcolorthird}"><img src="http://www.bilder-hochladen.net/files/iq25-148-e56b.png"><br><img src="http://www.bilder-hochladen.net/files/iq25-142-a223.jpg"><br><font style="font-family: Arial;" size="2">&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=8&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=8&sid=44669615d5e901ad27d4b06d2f37c999">pn</a></font><br><img src="http://www.bilder-hochladen.net/files/iq25-143-6c1d.jpg"><br><div style="text-align: left; font-family: Arial;"><font style="font-family: Arial;" size="2"></font><font size="2">&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=2&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=2&sid=44669615d5e901ad27d4b06d2f37c999">pn</a><br></font></div><font style="font-family: Arial;" size="2"><img src="http://www.bilder-hochladen.net/files/iq25-144-0e3a.jpg"><br>&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=4&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=4&sid=44669615d5e901ad27d4b06d2f37c999">pn</a><br><img src="http://www.bilder-hochladen.net/files/iq25-145-d1ee.jpg"><br></font><div style="text-align: left;"><font style="font-family: Arial;" size="2">&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=5&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=5&sid=44669615d5e901ad27d4b06d2f37c999">pn</a></font></div>
</td>
</table>

Danke im Vorraus und Lg Maddy

Hallo,

was meinst du mit "in ein reines CSS einbauen"?
Ich sehe einen HTML-Code mit teilweisen Styleeigenschaften, der zunächst mal für dein Forumieren-Forum angepasst werden müsste, weil darin auch noch Variablen einer offenbar anderen Forensoftware verwendet werden.

Grundsätzlich kannst du HTML, das im Headerbereich angezeigt werden soll (wie es deine Themenüberschrift signalisiert), ins Template overall_header einsetzen. Zuvor musst du den Code aber anpassen und auch an die Umgebung angleichen. Möglich ist es aber natürlich, in dieses Template derartige Inhalte einzusetzen.

Liebe Grüße
Günther

Hmm ne das wollte ich ja so nich haben xD Thehe...

Da durch das wir mehr Designs anbieten möchten Laden wir diese Css Datein ja extern hoch bei FileDen? o.O dem nach hätte ich es schon gerne mit ins Css geschmissen Zwecks Bilder an den Style anpassen und so..

Lg & Danke

Was möchtest du denn davon "mit ins CSS schmeißen"?

Ich sage dir nochmal, was ich sehe: den HTML-Code einer Tabelle inkl. Tabelleninhalten (der in dieser Form für ein Forumieren-Forum noch nicht geeignet ist). Das hat mit einem Stylesheet doch erstmal überhaupt nichts zu tun.
HTML-Inhalte wie diese Tabelle müssen sich in der DOM-Struktur befinden, d.h. entweder in ein Template oder an geeignete Stellen (Module, Startseitennachricht) eingesetzt werden. Anschließend kann man sich in einem externen Stylesheet auf diese HTML-Inhalte beziehen, indem man Elemente, Klassen und IDs anspricht.
Du kannst also in einem Stylesheet nur jene Dinge ansprechen, die du zuvor in den Quellcode als HTML-Inhalt eingesetzt hast.

Verstehst du, warum ich dein Anliegen, wie du es bisher beschreibst, nicht nachvollziehen kann?

Jab verstanden ^^

Also den Code an sich würde ich in ein tpl. unterbingen das ist ja nicht das ding den Inhalt an sich auch ABER Teambilder würde ich gerne im Css Stylesheet rein machen wollen weil es dann Style abhängig besser ausschaut Sry hab tierisch Kopfweh deswegen dauer es bei mir ne bisschen mit dem Schreiblichen Umsetzten xD

Madeleine schrieb:ABER Teambilder würde ich gerne im Css Stylesheet rein machen wollen weil es dann Style abhängig besser ausschaut

Siehst du, damit kann ich nun etwas anfangen und verstehe, worum es dir geht.
Gute Besserung wegen deines Kopfwehs, da kann es schon mal passieren, dass man nicht gleich deutlich genug formuliert.

In diesem Thread habe ich einmal erklärt, wie man einzelne Grafiken (z.B. Kategoriebilder, aber auch Grafiken an anderer Stelle) so einsetzen kann, dass sie sich anschließend über das CSS der Wechselstyles ansprechen lassen:
https://hilfe.forumieren.com/t24902-navigation-kategoriebild-bei-stylewechsel#223888
Diese Umsetzung kannst du auch auf deine Teamgrafiken anwenden, die du in die Tabelle einsetzen und je nach Stylewahl austauschen willst.

Aii Danke schau ich mir nachher mal an ^^ so und wegen dem Umcoden und ins Tpl. rein machen

In welches Tpl. muss ich es denn rein setzen? auch ins overall_header? Hab da ja schon eine änderung drin wegen der Navi ^^

Und danke wegen der Besserung wird schon Tabletten müssen nur endlich mal anschlagen xD

Madeleine schrieb:In welches Tpl. muss ich es denn rein setzen? auch ins overall_header? Hab da ja schon eine änderung drin wegen der Navi ^^

Das kommt ganz darauf an, wo sie angezeigt werden soll.
Das Template overall_header ist geeignet, wenn sie im Headerbereich auf allen Seiten deines Forums angezeigt werden soll, index_body bei einer Anzeige auf der Startseite etc. Vorgegebene Einsatzmöglichkeiten wie die Startseitennachricht sind natürlich einfacher und sicherer in der Umsetzung, da du dabei weniger bedeutende Fehler machen kannst.

Aber wie gesagt solltest du den Code unbedingt an die jeweilige Umgebung angleichen, die du auswählst. Falls du ihn in ein Template einsetzen willst, dann speichere dir das aktuell verwendete Template am besten vorher als TXT-Datei ab, falls du es bei deiner Arbeit fehlerhaft gestalten solltest.

Klärt das deine Frage, wie du die Grafiken in den Wahlstyles auswechseln kannst, kannst du damit arbeiten?

Ja damit kann ich Arbeiten und ich denke auf allen Seiten ist schon besser als nur auf der Startseite da die Tabelle ja quasi neben das Forum gesezt werden soll mal schaun ob ich es nachher hinbekomme xD wenn nich kann ich mich ja sicher hier noch mal melden

So ich muss dann erstmal wie gesagt melde mich wenn ich nicht mehr weiter komme ^^

vllt. bis später und danke dir...

Soo ch hab mich jetzt mal an den Code gesetzt und so weit wie möglich überarbeitet das Problem ist jetzt nur noch das ich nicht so recht weiß wo ich ihn in der overall_header reinplazieren muss/ kann -.-

Ich hab den schon über der Navi gehabt, zwischen navi und Header und direkt im Header xD ohh wei also im endeffect soll der code neben dem Header und den Kateforien angezeigt werden der Rahmen soll dann wiederum ausserhalb der Tabelle sein ich hoffe man kann mir so weit folgen? o.O

Lg

Doppelpostings sind laut unseren Forenregeln nicht erlaubt. Verwende stattdessen bitte den -Button, um deinem Beitrag etwas hinzuzufügen. Ich hätte deinen Thread schon im Auge behalten.

Zunächst hoffe ich, dass du den Code auch wie empfohlen überprüft und angepasst hast. Die ersten drei Zeilen sind z.B. überflüssig und werden später auch nicht mehr geschlossen.
Dann kann ich dir noch empfehlen, dass du den Code z.B. als Bekanntmachung oder als weiteren Teil der Startseitennachricht einsetzt, weil das direkt über den Adminbereich relativ gefahrlos möglich ist. Das ist in deinem Fall eventuell besser, wenn du dich im Template nicht besonders zurechtfindest. Was meinst du?

ohh fettes Sry -.- ich schmeiß des gleich als Edit rein ^^

und ne is beides doof weil ist ja extra eine seitentabelle würde es wirklich gerne in das tpl drin haben wollen

Edit: kann ich ja gar nicht weil ich den anderen Beitrag nich löschen kann -.- is gemerkt für das nächste mal ^^

Passt schon, beim nächsten Mal weißt du es nun.

Na gut, wenn es unbedingt das Template sein muss, dann gebe ich dir noch einen Ansatz. Umsetzungsmöglichkeiten gibt es viele und ich würde es etwas anders machen, aber ich beschreibe dir mal den allereinfachsten Weg, damit du selbst dann auch damit arbeiten kannst.
Dazu setzt du deinen Code im Template overall_header am besten direkt nach dem einleitenden <body> - Tag ein, und zwar in dieser Form:

Code:

<table cellspacing="1" cellpadding="4" border="0" bgcolor="" align="justify" style="right: 50%; position: absolute; margin-right: -680px;" width="100">
    <tr bgcolor="{tabletitlecolor}" id="tabletitle" align="left">
      <td><normalfont color="{fontcolorsecond}"><img src="http://i38.servimg.com/u/f38/17/48/12/85/welcom10.png"><br><font style="font-family: Times New Roman;" size="2">Herzlich Willkommen.Wir sind ein reines Supernatural RPG.Wir nehmen nur Mitlgieder auf die 16Jahre oder älter sind.Wir Schreiben in der 1. oder 3.Person Singular/Pretäritum.Wir Schreiben nach dem Prinzip der Ortstrennung.Und wir haben einen Passwortgeschüzten 18ner Bereich.Für unsere Gäste haben wir einen gesonderten Gästebereich in dem Sie ihre Fragen/Problem/Kritik äussern können.</font>
    </td>
    </tr>
    <tr bgcolor="{tablecatcolor}" id="tablecat" align="left">
      <td><normalfont color="{fontcolorthird}"><img src="http://i38.servimg.com/u/f38/17/48/12/85/testhm11.png"><br><font style="font-family: Times New Roman;" size="2">&&<a href="http://e-t-d-m-c.taess.net/board.php?boardid=2&sid=7360385ec5ecd0b6bb61623fcf909016">Storyline u. Regeln</a></font><font style="font-family: Times New Roman;" size="2"><span style="font-weight: bold;"><br></span>&&<a href="http://e-t-d-m-c.taess.net/board.php?boardid=30&sid=3eb04550e9e2ea41adcb70b211149ada">Plot u. Plotupdate</a></font><font style="font-family: Times New Roman;" size="2"><span style="font-weight: bold;"><br></span>&&<a href="http://e-t-d-m-c.taess.net/board.php?boardid=10&sid=7360385ec5ecd0b6bb61623fcf909016">Gäste Bereich</a></font><font size="2"><span style="font-weight: bold; font-family: Times New Roman;"><br></span><span style="font-family: Times New Roman;">&&Partner</span><span style="font-weight: bold; font-family: Times New Roman;"><br></span><span style="font-family: Times New Roman;">-</span><a style="font-family: Times New Roman;" href="http://e-t-d-m-c.taess.net/board.php?boardid=74&sid=44669615d5e901ad27d4b06d2f37c999">Anfrage</a><span style="font-family: Times New Roman;">-</span><a style="font-family: Times New Roman;" href="http://e-t-d-m-c.taess.net/board.php?boardid=77&sid=44669615d5e901ad27d4b06d2f37c999">Bestätigung</a></font><font style="font-family: Times New Roman;" size="2"><span style="font-weight: bold;"><br></span>-<a href="http://e-t-d-m-c.taess.net/board.php?boardid=76&sid=44669615d5e901ad27d4b06d2f37c999">Ablehnung</a>-<a href="http://e-t-d-m-c.taess.net/board.php?boardid=75&sid=44669615d5e901ad27d4b06d2f37c999">Änderung</a></font><font color="#999999" face="Andalus" size="4"><b><font style="font-family: Verdana;" size="1"><br></font></b></font>
    </td>
    </tr>
    <tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
      <td><normalfont color="{fontcolorthird}"><img src="http://i38.servimg.com/u/f38/17/48/12/85/winner11.png"><br></font>
    </td>
    </tr>
    <tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
      <td><normalfont color="{fontcolorthird}"><img src="http://www.bilder-hochladen.net/files/iq25-147-f3bd.png"><br><table><tbody><tr><td style="text-align: center;"><div style="width:180px; height:180px; overflow:auto; padding:1px; "><div style="text-align: left;"><div style="text-align: center;"><div style="text-align: left;"><font style="font-family: Times New Roman;" size="2"><span style="text-decoration: underline; font-weight: bold; font-style: italic;">News vom:</span><span style="font-weight: bold; font-style: italic;"></span><span style="font-weight: bold;"></span>25.07.2012<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br></span>Die
    Arbeiten bezüglich den Styles laufen auf Hochturen.So bald diese
    Abgeschlossen sind werden wir eine Ausfürliche "Storyline" Schreiben und
    das Inplay für die User Freigeben!<br></font><font style="font-family: Times New Roman;" size="2">Ps.Wer Fehler findet darf sie behalten =)<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br><br>News vom:</span><span style="text-decoration: underline; font-style: italic;"></span><span style="text-decoration: underline;"></span>24.07.2012<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br></span>Aus
    Technischen Gründen ist eine Registrierung im moment leider nicht
    möglich.So bald wir eine Lösung für das Problem gefunden haben werden
    wir es hier Bekannt geben!<span style="text-decoration: underline; font-weight: bold; font-style: italic;"><br><br>News vom:</span>18.06.2012<br>Das Forum wurde Erfolgreich Installiert und befindet sich nun im Aufbau!</font><span style="font-weight: bold; text-decoration: underline;"></span></div></div></div></div></td> </tr><tr><td style="vertical-align: top; text-align: center;">

    <br></td></tr></tbody></table></font>
    </td>
    </tr>
    <tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
      <td><normalfont color="{fontcolorthird}"><img src="http://www.bilder-hochladen.net/files/iq25-146-81ca.png"><br></font>
    </td>
    </tr>
    <tr bgcolor="{tablecatcolor}" id="tablecat" align="center">
      <td><normalfont color="{fontcolorthird}"><img src="http://www.bilder-hochladen.net/files/iq25-148-e56b.png"><br><img src="http://www.bilder-hochladen.net/files/iq25-142-a223.jpg"><br><font style="font-family: Arial;" size="2">&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=8&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=8&sid=44669615d5e901ad27d4b06d2f37c999">pn</a></font><br><img src="http://www.bilder-hochladen.net/files/iq25-143-6c1d.jpg"><br><div style="text-align: left; font-family: Arial;"><font style="font-family: Arial;" size="2"></font><font size="2">&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=2&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=2&sid=44669615d5e901ad27d4b06d2f37c999">pn</a><br></font></div><font style="font-family: Arial;" size="2"><img src="http://www.bilder-hochladen.net/files/iq25-144-0e3a.jpg"><br>&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=4&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=4&sid=44669615d5e901ad27d4b06d2f37c999">pn</a><br><img src="http://www.bilder-hochladen.net/files/iq25-145-d1ee.jpg"><br></font><div style="text-align: left;"><font style="font-family: Arial;" size="2">&&<a href="http://e-t-d-m-c.taess.net/profile.php?userid=5&sid=44669615d5e901ad27d4b06d2f37c999">profil</a> // &&<a href="http://e-t-d-m-c.taess.net/pms.php?action=newpm&userid=5&sid=44669615d5e901ad27d4b06d2f37c999">pn</a></font></div>
    </td>
    </table>

Die kleineren Fehler und Angaben, die du nicht angepasst hast, solltest du nicht vergessen. Ich habe nur mal im einleitenden table-Tag eine Stylezuweisung vorgenommen, die du dir ansehen solltest. Durch sie wird die Tabelle rechts neben dem Foreninhalt angezeigt.
Weitere Details wie Rahmen, Farben etc. solltest du nun selbst anpassen, da ich es nach meiner Starthilfe besser finde, wenn du dich selbst im Code auskennst und für die Zukunft in Erinnerung behältst, was du wo verändert hast.
Einen einfachen Ansatz hast du und damit solltest du arbeiten können.

perfekte ansatz xD ich hab es bald da wo ich es hin haben will *gg* dann nur noch auf die andere seite das ganze etwas anpassen und es ist perfeckt tausend Dank also wegen meiner kann geschlossen werden xD

Ja siehst du, dann haben wir für dich die beste Lösung gefunden.
Freut mich, dass sie deinem Wunsch entspricht.
-closed-