"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.
Antworten
ThaRealMatix
Mitglied
Beiträge: 47
Registriert: 17.01.2006 20:48
Wohnort: Hessen, Germany
Kontaktdaten:
Kontaktdaten von ThaRealMatix

Beitrag von ThaRealMatix »

Der Hintergrund der Grafiken ist Grundsätzlich wohl transparent, ABER: Leider an den Rändern von Button zu Hintergrund nicht so sauber als dass es auf einem (meinem) dunkleren Hintergrund der eben von weiss abweicht auffällt.

Meine tabellenfarbe ist: #DEE3E7

Meine Hintergrundfarbe ist: #5889a5

Bei der Hintergrundfarbe fällt das bei den Postingsbutton schon besser auf ;)
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

um es wirklich schön zu machen, solltest du die folder icons für beide hintergründe erstellen (sowie ich im ersten beispiel).

anschliessend musst du diese "neuen" grafiken auch in der index_body.tpl und viewforum_body.tpl in die legenden einbauen. ich empfehle dabei gleich die bilder mit template-variabeln einzubauen. dazu musst du dann aber auch deine eislande.cfg sowie die viewforum.php als auch die index.php bearbeiten.

falls du das so machen willst, poste ich gerne eine anleitung.
Nach oben
ThaRealMatix
Mitglied
Beiträge: 47
Registriert: 17.01.2006 20:48
Wohnort: Hessen, Germany
Kontaktdaten:
Kontaktdaten von ThaRealMatix

Beitrag von ThaRealMatix »

Das wäre nett :)
Nach oben
Benutzeravatar
miccom
Mitglied
Beiträge: 5620
Registriert: 30.03.2003 23:53
Wohnort: Hamburg
Kontaktdaten:
Kontaktdaten von miccom

Beitrag von miccom »

BACKUP nicht vergessen!!!

schritt 1, zuweisen der variabeln:
index.php finde:

Code: Alles auswählen

		'FORUM_IMG' => $images['forum'],
		'FORUM_NEW_IMG' => $images['forum_new'],
		'FORUM_LOCKED_IMG' => $images['forum_locked'],
füge danach ein:

Code: Alles auswählen

		'FORUM_IMG2' => $images['forum2'],
		'FORUM_NEW_IMG2' => $images['forum_new2'],
		'FORUM_LOCKED_IMG2' => $images['forum_locked2'],
viewforum.php finde:

Code: Alles auswählen

	'FOLDER_IMG' => $images['folder'],
	'FOLDER_NEW_IMG' => $images['folder_new'],
	'FOLDER_HOT_IMG' => $images['folder_hot'],
	'FOLDER_HOT_NEW_IMG' => $images['folder_hot_new'],
	'FOLDER_LOCKED_IMG' => $images['folder_locked'],
	'FOLDER_LOCKED_NEW_IMG' => $images['folder_locked_new'],
	'FOLDER_STICKY_IMG' => $images['folder_sticky'],
	'FOLDER_STICKY_NEW_IMG' => $images['folder_sticky_new'],
	'FOLDER_ANNOUNCE_IMG' => $images['folder_announce'],
	'FOLDER_ANNOUNCE_NEW_IMG' => $images['folder_announce_new'],
füge danach ein:

Code: Alles auswählen

	'FOLDER_IMG2' => $images['folder2'],
	'FOLDER_NEW_IMG2' => $images['folder_new2'],
	'FOLDER_HOT_IMG2' => $images['folder_hot2'],
	'FOLDER_HOT_NEW_IMG2' => $images['folder_hot_new2'],
	'FOLDER_LOCKED_IMG2' => $images['folder_locked2'],
	'FOLDER_LOCKED_NEW_IMG2' => $images['folder_locked_new2'],
	'FOLDER_STICKY_IMG2' => $images['folder_sticky2'],
	'FOLDER_STICKY_NEW_IMG2' => $images['folder_sticky_new2'],
	'FOLDER_ANNOUNCE_IMG2' => $images['folder_announce2'],
	'FOLDER_ANNOUNCE_NEW_IMG2' => $images['folder_announce_new2'],
dann xyz.cfg vom "xyz"-template, finde:

Code: Alles auswählen

$images['forum'] = "$current_template_images/folder_big.gif";
$images['forum_new'] = "$current_template_images/folder_new_big.gif";
$images['forum_locked'] = "$current_template_images/folder_locked_big.gif";

$images['folder'] = "$current_template_images/folder.gif";
$images['folder_new'] = "$current_template_images/folder_new.gif";
$images['folder_hot'] = "$current_template_images/folder_hot.gif";
$images['folder_hot_new'] = "$current_template_images/folder_new_hot.gif";
$images['folder_locked'] = "$current_template_images/folder_lock.gif";
$images['folder_locked_new'] = "$current_template_images/folder_lock_new.gif";
$images['folder_sticky'] = "$current_template_images/folder_sticky.gif";
$images['folder_sticky_new'] = "$current_template_images/folder_sticky_new.gif";
$images['folder_announce'] = "$current_template_images/folder_announce.gif";
$images['folder_announce_new'] = "$current_template_images/folder_announce_new.gif";
füge danach ein:

Code: Alles auswählen

$images['forum2'] = "$current_template_images/folder_big2.gif";
$images['forum_new2'] = "$current_template_images/folder_new_big2.gif";
$images['forum_locked2'] = "$current_template_images/folder_locked_big2.gif";

$images['folder2'] = "$current_template_images/folder2.gif";
$images['folder_new2'] = "$current_template_images/folder_new2.gif";
$images['folder_hot2'] = "$current_template_images/folder_hot2.gif";
$images['folder_hot_new2'] = "$current_template_images/folder_new_hot2.gif";
$images['folder_locked2'] = "$current_template_images/folder_lock2.gif";
$images['folder_locked_new2'] = "$current_template_images/folder_lock_new2.gif";
$images['folder_sticky2'] = "$current_template_images/folder_sticky2.gif";
$images['folder_sticky_new2'] = "$current_template_images/folder_sticky_new2.gif";
$images['folder_announce2'] = "$current_template_images/folder_announce2.gif";
$images['folder_announce_new2'] = "$current_template_images/folder_announce_new2.gif";
wichtig: wie du siehst, heissen die bilder für die legende fast gleich wie die bilder fürs forum, hinten habe ich nur eine 2 dazugehängt - durch umbennen in der xyz.cfg, kannst du aber jeden beliebigen namen vergeben.

dann öffne die index_body.tpl, finde:

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>
ersetze mit:

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="{FORUM_NEW_IMG2}" 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="{FORUM_IMG2}" 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="{FORUM_LOCKED_IMG2}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
      </td>
   </tr>
</table>
in der viewforum_body.tpl finde:

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>
ersetze mit:

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_IMG2}" 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_IMG2}" 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_IMG2}" 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_IMG2}" 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_IMG2}" 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_IMG2}" alt="{L_STICKY}" width="19" height="18" /></td>
            <td class="gensmall">{L_STICKY}</td>
         </tr>
         <tr>
            <td class="gensmall"><img src="{FOLDER_LOCKED_NEW_IMG2}" 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_IMG2}" 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>
in die namen der variabeln kam auch nur immer eine 2 dazu - ausser in der index_body.tpl, da wurden die hardcoded-dateinamen ebenfalls durch variablen ersetzt.


ich hoffe ich habe nichts übersehen :D backup nicht vergessen - bin auch nur ein mensch ;)
Nach oben
Antworten

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