"Legende" mit Text und Catgrafik +Forentabelle

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
ThaRealMatix
Mitglied
Beiträge: 47
Registriert: 17.01.2006 20:48
Wohnort: Hessen, Germany
Kontaktdaten:

"Legende" mit Text und Catgrafik +Forentabelle

Beitrag von ThaRealMatix »

Hallo,

ich würde gerne unten, wo die Grafiken für "neue Beiträge" "keine neuen Beiträge" usw sind, das Wort: Legende einfügen und es zusätzlcih mit dem Categoriehinterhgrund versehen.

Darunter soll dann die Farbe der Forentabelle sein. Es soll also quasi so aussehen wie eine zusätzliche Kategorie, aber eben ohne "Forenname" Beiträge usw :)

Gruß

TRM
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

poste mal einen link des forums + links zu deiner index_body.tpl sowie der viewforum_body.tpl
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

ales erstes: backup der 3 dateien machen! ;)

in deiner eislande.css

machst du nach:

Code: Alles auswählen

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #97b3c1; border: 1px #98AAB1 dashed; }
das rein:

Code: Alles auswählen

.boxline	{ background-color: #97b3c1; border: 1px #98AAB1 dashed;
in der index_body.tpl machst du aus:

Code: Alles auswählen

<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
	<td width="20" align="center"><img src="templates/eislande/images/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
	<td><span class="gensmall">{L_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/eislande/images/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/eislande/images/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
das:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="boxline">
<table cellspacing="3" border="0" align="center" cellpadding="0">
  <tr> 
	<td width="20" align="center"><img src="templates/eislande/images/folder_new_big.gif" alt="{L_NEW_POSTS}"/></td>
	<td><span class="gensmall">{L_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/eislande/images/folder_big.gif" alt="{L_NO_NEW_POSTS}" /></td>
	<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/eislande/images/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
		</td>
	</tr>
</table>
in der viewforum_body.tpl machst du aus:

Code: Alles auswählen

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="0">
	<tr>
		<td align="center" valign="top"><table cellspacing="3" cellpadding="0" border="0">
			<tr>
				<td width="20" align="left"><img src="{FOLDER_NEW_IMG}" alt="{L_NEW_POSTS}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_IMG}" alt="{L_NO_NEW_POSTS}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_ANNOUNCEMENT}" width="19" height="18" /></td>
				<td class="gensmall">{L_ANNOUNCEMENT}</td>
			</tr>
			<tr> 
				<td width="20" align="center"><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_NEW_POSTS_HOT}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS_HOT}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_HOT_IMG}" alt="{L_NO_NEW_POSTS_HOT}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS_HOT}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_STICKY_IMG}" alt="{L_STICKY}" width="19" height="18" /></td>
				<td class="gensmall">{L_STICKY}</td>
			</tr>
			<tr>
				<td class="gensmall"><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS_LOCKED}</td>
				<td>&nbsp;&nbsp;</td>
				<td class="gensmall"><img src="{FOLDER_LOCKED_IMG}" alt="{L_NO_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS_LOCKED}</td>
			</tr>
		</table></td>
		
	</tr>
</table>
das:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td class="boxline">
<table width="100%" cellspacing="0" border="0" align="center" cellpadding="0">
	<tr>
		<td align="center" valign="top"><table cellspacing="3" cellpadding="0" border="0">
			<tr>
				<td width="20" align="left"><img src="{FOLDER_NEW_IMG}" alt="{L_NEW_POSTS}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_IMG}" alt="{L_NO_NEW_POSTS}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_ANNOUNCEMENT}" width="19" height="18" /></td>
				<td class="gensmall">{L_ANNOUNCEMENT}</td>
			</tr>
			<tr> 
				<td width="20" align="center"><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_NEW_POSTS_HOT}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS_HOT}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_HOT_IMG}" alt="{L_NO_NEW_POSTS_HOT}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS_HOT}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_STICKY_IMG}" alt="{L_STICKY}" width="19" height="18" /></td>
				<td class="gensmall">{L_STICKY}</td>
			</tr>
			<tr>
				<td class="gensmall"><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS_LOCKED}</td>
				<td>&nbsp;&nbsp;</td>
				<td class="gensmall"><img src="{FOLDER_LOCKED_IMG}" alt="{L_NO_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS_LOCKED}</td>
			</tr>
		</table></td>
		
	</tr>
</table>
		</td>
	</tr>
</table>

die farben kannst du anpassen indem du die hex-farbwerte bei dem css-file eintrag änderst.
ThaRealMatix
Mitglied
Beiträge: 47
Registriert: 17.01.2006 20:48
Wohnort: Hessen, Germany
Kontaktdaten:

Beitrag von ThaRealMatix »

hi

fast perfekt danke :)

Wenn ich jetzt noch die Buttons für dunkle hintergründe optimiert bekäme wäre ich wunschlos glücklich :(
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

ThaRealMatix
Mitglied
Beiträge: 47
Registriert: 17.01.2006 20:48
Wohnort: Hessen, Germany
Kontaktdaten:

Beitrag von ThaRealMatix »

ehm ja... also wenn ich die nutze behalten die ihre Hintergrundfarbe des jeweiligen themes also kann ich die nicht nutzen,

Perfekt wären eigentlich die, von FI SubIce oder halt subSilver nur bekommen die bei dunkleren Hintergründen so "hässliche" Randerscheinungen die noch weiss bleiben :/
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

ich will nicht das du meine nutzt :D aber in den obigen beiden links habe ich das unterschiedlich gelöst:

.)
http://www.niedermayr.cc/forum/index.php

hier existieren 2 images:
[ externes Bild ] für den index und [ externes Bild ] für die legende. man beachte den hintergrund :D

.)
http://www.niedermayr.cc/forum/index.php?s=3

hier gibts nur ein image:
[ externes Bild ] für den index und [ externes Bild ] für die legende. man beachte ebenfalls den hintergrund :D

hast du bei beiden die gleiche hintergrundfarbe oder nicht?
Zuletzt geändert von miccom am 19.01.2006 16:33, insgesamt 1-mal geändert.
ThaRealMatix
Mitglied
Beiträge: 47
Registriert: 17.01.2006 20:48
Wohnort: Hessen, Germany
Kontaktdaten:

Beitrag von ThaRealMatix »

ehm... sorry aber ich versteh deine frage nicht? Welchen Hintergrund ich bei den Grafiken habe, oder im Forum`?
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:

Beitrag von miccom »

beides!

wenn du im forum und in der legende die gleiche hintergrundfarbe hast (was auch der fall zu sein scheint), dann musst du ja nichts an den folder-icons ändern!?
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“