Tabelle im proSilver Style darstellen

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Purzel81
Mitglied
Beiträge: 132
Registriert: 08.01.2006 17:54
Wohnort: Hannover
Kontaktdaten:

Tabelle im proSilver Style darstellen

Beitrag von Purzel81 »

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 -->
Jojoponn139
Mitglied
Beiträge: 133
Registriert: 05.08.2006 01:20
Wohnort: Berlin
Kontaktdaten:

Beitrag von Jojoponn139 »

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
Zuletzt geändert von Jojoponn139 am 24.09.2007 00:19, insgesamt 1-mal geändert.
Jojoponn139
phpBB-de.org
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Beitrag von Dr.Death »

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>
Purzel81
Mitglied
Beiträge: 132
Registriert: 08.01.2006 17:54
Wohnort: Hannover
Kontaktdaten:

Beitrag von Purzel81 »

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.
Benutzeravatar
Berliner Schildkroete
Mitglied
Beiträge: 563
Registriert: 30.03.2007 19:02
Wohnort: Berlin

Beitrag von Berliner Schildkroete »

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
Zuletzt geändert von Berliner Schildkroete am 30.08.2007 19:01, insgesamt 2-mal geändert.
Grüße
Berliner Schildkröte
kein Support via PN, etc. - Befolgung meiner Vorschläge auf eigene Gefahr!
Benutzeravatar
S2B
Ehemaliges Teammitglied
Beiträge: 3258
Registriert: 10.08.2004 22:48
Wohnort: Aachen
Kontaktdaten:

Beitrag von S2B »

@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. :wink:
Gruß, S2B
Keinen Support per ICQ/PM!
Hier kann man meine PHP-Skripte und meine MODs für phpBB runterladen.
Benutzeravatar
Berliner Schildkroete
Mitglied
Beiträge: 563
Registriert: 30.03.2007 19:02
Wohnort: Berlin

Beitrag von Berliner Schildkroete »

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> 
Grüße
Berliner Schildkröte
kein Support via PN, etc. - Befolgung meiner Vorschläge auf eigene Gefahr!
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:

Beitrag von Dr.Death »

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...
Purzel81
Mitglied
Beiträge: 132
Registriert: 08.01.2006 17:54
Wohnort: Hannover
Kontaktdaten:

Beitrag von Purzel81 »

vielen dank euch allen
habe es jetzt hinbekommen *freu*
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“