Seite 1 von 1

Mini-Icons statt Text im Overall Header

Verfasst: 24.04.2005 18:29
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

Lösung

Verfasst: 24.04.2005 18:57
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.

Verfasst: 24.04.2005 19:00
von it102
Hallo gloriosa!

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

Gruß Alex

Verfasst: 24.04.2005 19:14
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.

Verfasst: 24.04.2005 19:44
von it102
Hallo gloriosa!

Danke, hat Super funktioniert :D .

Gruß Alex