phpBB.de

Verfasst: **30.08.2007 14:25**

Ich möchte gerne eine Tabelle im proSilver Style in mein Forum einbinden.
Eine php Datei im Hauptverzeichnis habe ich bereits angelegt.
Die dazugehörige html Datei befindet sich im template Verzeichnis.

Nur weiß ich leider nicht, wie ich jetzt die Tabelle im proSilver Style darstellen kann. Also dass meine Tabelle etwa so aussieht wie die Forumübersicht.

Folgenden Code habe ich bis jetzt, wie muss ich jetzt weiter vorgehen?

Code: Alles auswählen

<!-- INCLUDE overall_header.html --> 

<table>
	<tbody>
		<tr>
			<th>Tabellenplatz</th>
			<th>Nickname</th>
			<th>Spiele</th>
			<th>Siege</th>
			<th>Niederlagen</th>
			<th>Runden</th>
			<th>Verhältnis</th>
		</tr>
		<tr>
			<td>1</td>
			<td>Spieler 1</td>
			<td>4</td>
			<td>4</td>
			<td>0</td>
			<td>6:0</td>
			<td>+6</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Spieler 3</td>
			<td>4</td>
			<td>2</td>
			<td>2</td>
			<td>3:3</td>
			<td>+0</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Spieler 2</td>
			<td>4</td>
			<td>0</td>
			<td>4</td>
			<td>0:6</td>
			<td>-6</td>
		</tr>
	</tbody>
</table>

<!-- INCLUDE overall_footer.html -->

Verfasst: **30.08.2007 15:51**

Am einfachsten du suchst im Board irgendwo eine Tabelle und schaust dir mal den Unterschied zu deiner an. Die Unterschiede, die den Style verleihen sind die class="" und id="" ... diese musst du in deiner Tabelle auch verwenden.

Beachte aber, dass in phpBB3 und eben auch in Prosilver Tabellen möglichst vermieden werden sollen. Das Design ist CSS-basiert. Daran solltest du nichts ändern.

Tabellen sind eigentlich soweit ich weiß nur bei diesen schönen Designs mit den Registrierkärtchen wie z.b. im Moderationspanel zu finden.

In z.b. Formularen sind sie sogar verboten. Zumindest in dem Spektrum, in dem phpbb.com das verbieten kann - Also dann, wenn du auf phpbb.com etwas zum Download anbieten willst.

MfG Jojoponn139

Verfasst: **30.08.2007 15:53**

Hi,

folgenden Code VOR dem Tabellenstart einfügen:

Code: Alles auswählen

<div class="forumbg">
	<div class="inner"><span class="corners-top"><span></span></span>

und dann diesen Code NACH dem Tabellenende einfügen:

Code: Alles auswählen

	<span class="corners-bottom"><span></span></span></div>
</div>

Verfasst: **30.08.2007 18:05**

Hi,

habe den Code von Dr.Death eingefügt und kam zu folgendem Ergebnis:

http://www.9-ball-liga.de/testforum/prog/test.php

Nicht ganz so wie ich mir das vorgestellt habe.

Verfasst: **30.08.2007 18:20**

guck dir mal die forumlist_body.html an und versuch die "Tabelle" nachzubauen.

EDIT: Versuchs mal so... Keine Garantie! kann auch völliger müll sein...

Code: Alles auswählen

<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
					
						
<dd class="keine_ahnung">Tabellenplatz</dd>
				
<dd class="keine_ahnung">Nickname</dd>
		
<dd class="keine_ahnung">Spiele</dd>
						
<dd class="keine_ahnung">Niederlagen</dd>
						
<dd class="keine_ahnung">Runden</dd>
						
<dd class="keine_ahnung">Verhältnis</dd>

					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
			
			
			<li class="row">
			<dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				
					<dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
			   <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
				
			</dl>
		</li>
	
		</ul>
	<span class="corners-bottom"><span></span></span></div>
</div>

EDIT2: Fehler im code behoben
EDIT3: Fehler im code behoben

Verfasst: **30.08.2007 18:54**

@Purzel81: Zuerst mal solltest du die Tabellenheader auch wirklich in <thead> schreiben. Außerdem musst du jeder Tabellenzeile (<tr>) die Klasse bgX (X steht für 1, 2, 3, imho auch 4) zuordnen.

Am besten lässt sich so eine Tabelle übrigens in der memberlist_body.html nachvollziehen.

Verfasst: **30.08.2007 19:06**

Memberlist ist glaube ich besser...
Der code geht wenn man keine_ahnung durch topics ersetzt
Für eineneue zeile einfach den folgenden code wiederholen...

Code: Alles auswählen

         <li class="row">
         <dl class="icon" style="background-image: url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
            
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
            <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
               <dd class="topics">{forumrow.TOPICS} <dfn></dfn>text</dd>
            
         </dl>
      </li>

Verfasst: **30.08.2007 20:12**

Du kannst auch noch den Hintergrund ändern, indem Du diesen Abschnitt:

<div class="forabg">

mit anderen CSS Klassen befüllst.

z.B.:

<div class="bg1">
<div class="bg2">
<div class="bg3">
<div class="panel">
<div class="forumbg">

Schau Dir mal genau die colours.css Datei an, dort findest Du viele Möglichkeiten...

Verfasst: **31.08.2007 03:51**

vielen dank euch allen
habe es jetzt hinbekommen *freu*