Mini-Icons statt Text im Overall Header

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
it102
Mitglied
Beiträge: 35
Registriert: 24.04.2005 11:36
Wohnort: Halle/saale
Kontaktdaten:

Mini-Icons statt Text im Overall Header

Beitrag von it102 »

Hallo!

Wie kann ich den Text in meinen Overallheader zu Mini-Icons mit text umwandeln?
Nach der Installation vom Map-Mod ist da jetzt schon ein Mini-Icon, aber wie schreibe ich das um?

Hier mal der Link zum Forum:
http://www.das-aquariumforum.de/phpBB2/index.php

Und hier der code vom Overallheader:

Code: Alles auswählen

<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fisubsilversh/{T_HEAD_STYLESHEET}" type="text/css" />
<script language="JavaScript" type="text/javascript" src="includes/toggle_display.js"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"> 
<!-- 
function setCheckboxes(theForm, elementName, isChecked)
{
    var chkboxes = document.forms[theForm].elements[elementName];
    var count = chkboxes.length;

    if (count) 
	{
        for (var i = 0; i < count; i++) 
		{
            chkboxes[i].checked = isChecked;
    	}
    } 
	else 
	{
    	chkboxes.checked = isChecked;
    } 

    return true;
} 
//--> 
</script>
<!-- Start add - Birthday MOD -->
{GREETING_POPUP}
<!-- End add - Birthday MOD -->
<script type="text/javascript">
<!--
window.status = "{PRIVATE_MESSAGE_INFO}";
// -->
</script>
<!-- Start add - Protect user account MOD -->
{PASSWD_POPUP}
<!-- End add - Protect user account MOD -->
<!-- BEGIN switch_absence -->
<script language="Javascript" type="text/javascript">
<!--
	window.open('{U_ABSENCE_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
//-->
</script>
<!-- END switch_absence -->
</head>
<body>
<!-- Start add - Complete banner MOD -->
<!-- Banners -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_1_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_2_IMG}</div></td></tr>
</table>
</td>
<td width="60%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_3_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_4_IMG}</div></td></tr>
</table>
</td>
<td width="20%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_5_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_6_IMG}</div></td></tr>
</table>
</td>
</tr>
</table>
<!-- End Banners -->
<!-- End add - Complete banner MOD -->
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr> 
<td><a href="{U_INDEX}"><img src="templates/fisubsilversh/images/phpbb2_logo.jpg" border="0" alt="{L_INDEX}" title="{L_INDEX}" width="300" height="110" /></a></td>
<td align="center" width="100%">{BANNER_0_IMG}</td><td><a href="{U_PORTAL}"><img src="templates/fisubsilversh/images/phpbb2_logor.jpg" border="0" alt="{L_HOME}" title="{L_HOME}" width="300" height="110" /></a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<!-- Begin Map Mod -->
<tr>
<td nowrap="nowrap" valign="top" align="center"><span class="mainmenu">&nbsp;<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;</span></td>
</tr>
<!-- End Map Mod -->
<tr> 
<td align="center" class="topnav">&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>
&nbsp;•&nbsp;
<a href="{U_SEARCH}">{L_SEARCH}</a>
&nbsp;•&nbsp;
<a href="{U_PREFERENCES}">{L_PREFERENCES}</a>
<!-- BEGIN switch_user_logged_in -->
&nbsp;•&nbsp;
<a href="{U_BOOKMARKS}">{L_BOOKMARKS}</a>
&nbsp; •&nbsp;
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW2}</a>
<!-- END switch_user_logged_in -->
&nbsp;•&nbsp;
<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
&nbsp;•&nbsp;
<a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
&nbsp;•&nbsp;
<a href="{U_PROFILE}">{L_PROFILE}</a>
&nbsp;•&nbsp;
<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
&nbsp;•&nbsp;
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
{CALENDAR_BOX}
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
Gruß Alex
Benutzeravatar
gloriosa
Mitglied
Beiträge: 13770
Registriert: 04.01.2005 20:23
Wohnort: Landeshauptstadt Erfurt

Lösung

Beitrag von gloriosa »

Hallo,
Du musst erst den Abschniit

Code: Alles auswählen

<!-- Begin Map Mod -->
<tr>
<td nowrap="nowrap" valign="top" align="center"><span class="mainmenu">&nbsp;<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;</span></td>
</tr>
<!-- End Map Mod -->
entfernen. Damit sind mini_icon + Karte weg.
Um den Aufruf der Karte in der darunterliegenden Zeile unterzubringen musst Du Folgendes einfügen :

Code: Alles auswählen

&nbsp;&nbsp;
href="{U_USER_MAP}">{L_USER_MAP}</a>
z.B. zwischen

Code: Alles auswählen

&nbsp;&nbsp;
<a href="{U_BOOKMARKS}">{L_BOOKMARKS}</a>
&nbsp;&nbsp;
href="{U_USER_MAP}">{L_USER_MAP}</a>
&nbsp;&nbsp;
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW2}</a>
&nbsp;&nbsp;
einsetzen.
Viele Grüße - gloriosa :D
Die einen schützen sich vor frischem Wind, während die anderen ihn nutzen.
Kein kostenloser MOD-Einbau usw. bzw. Support via PN, Email oder IRC !
it102
Mitglied
Beiträge: 35
Registriert: 24.04.2005 11:36
Wohnort: Halle/saale
Kontaktdaten:

Beitrag von it102 »

Hallo gloriosa!

Danke für Deine Antwort, aber ich wollte das genau anders.
Ich wollte eigentlich alles mit Mini-Icons!

Gruß Alex
Benutzeravatar
gloriosa
Mitglied
Beiträge: 13770
Registriert: 04.01.2005 20:23
Wohnort: Landeshauptstadt Erfurt

Beitrag von gloriosa »

Hallo,
na dann musst Du die unteren Codezeilen entfernen und in den Bereich

Code: Alles auswählen

<!-- Begin Map Mod -->
<tr>
<td nowrap="nowrap" valign="top" align="center"><span class="mainmenu">&nbsp;<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;</span></td>
</tr>
<!-- End Map Mod -->
entsprechend erweitern.
z.B. so

Code: Alles auswählen

<td align="center" valign="top" nowrap="nowrap">
<span class="mainmenu">
<a href="{U_FAQ}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu">&nbsp;;
<a href="{U_SEARCH}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp;
<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp;
<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp;
<a href="{U_USER_MAP}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_map.gif" width="12" height="13" border="0" align="top" alt="{L_USER_MAP}" hspace="3" />{L_USER_MAP}</a>&nbsp;
<a href="{U_REGISTER}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a>&nbsp;
<a href="{U_PROFILE}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp;
<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp;
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/fisubsilversh/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;
</span>
</td>
</tr>
das natürlich die passenden mini_icons im Verzeichnis templates/fisubsilversh/images/ voraussetzt.
Da ich diesen Style nicht verwende ist der Code ungetestet.
Viele Grüße - gloriosa :D
Die einen schützen sich vor frischem Wind, während die anderen ihn nutzen.
Kein kostenloser MOD-Einbau usw. bzw. Support via PN, Email oder IRC !
it102
Mitglied
Beiträge: 35
Registriert: 24.04.2005 11:36
Wohnort: Halle/saale
Kontaktdaten:

Beitrag von it102 »

Hallo gloriosa!

Danke, hat Super funktioniert :D .

Gruß Alex
Antworten

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