Seite 1 von 5

Morpheus Header ändern

Verfasst: 20.12.2006 18:38
von MasterG
Hallo,

ich möchte den Header meines Forums (award4you.de) ändern. Zwar habe ich im Hilfe-Index hier gefunden wie man die Logos anpasst aber nicht das Mittelstück. Ich kann bis jetzt nur die Teile links und rechts ändern. Aber wie ändere ich das Mittelstück?

Verfasst: 20.12.2006 20:31
von nickvergessen
Fragen:
1. Was willst du da ändern?
2. Gibst du uns die template/xyz/overall_header.tpl ?

edit:
3. gibst du uns auch den index_body.tpl? Weil da ist ein Tabellenende zuviel drin.

Verfasst: 20.12.2006 20:53
von MasterG
So, leider klappt mein FTP irgendwie jetzt nicht. Deshalb jetzt als blödes Zitat:
Die Overall_header
<!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 name="Author" content="http://www.phpbbstyles.com" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="{T_TEMPLATE_PATH}/style_{TPL_COLOR}.css" type="text/css" />
<style type="text/css">
<!--
@import url("{T_TEMPLATE_PATH}/formIE.css");
-->
</style>
<script language="javascript" type="text/javascript">
<!--

var PreloadFlag = false;
var expDays = 90;
var exp = new Date();
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value)
{
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}

function getCookieVal(offset)
{
var endstr = document.cookie.indexOf(";",offset);
if (endstr == -1)
{
endstr = document.cookie.length;
}
return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal(j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}

function ShowHide(id1, id2, id3)
{
var res = expMenu(id1);
if (id2 != '') expMenu(id2);
if (id3 != '') SetCookie(id3, res, exp);
}

function expMenu(id)
{
var itm = null;
if (document.getElementById)
{
itm = document.getElementById(id);
}
else if (document.all)
{
itm = document.all[id];
}
else if (document.layers)
{
itm = document.layers[id];
}
if (!itm)
{
// do nothing
}
else if (itm.style)
{
if (itm.style.display == "none")
{
itm.style.display = "";
return 1;
}
else
{
itm.style.display = "none";
return 2;
}
}
else
{
itm.visibility = "show";
return 1;
}
}

//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#3B88C5" vlink="#3279B2" alink="#FF9C00">
<a name="top"></a>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td width="100%" height="100%" class="content" align="center" valign="top">
<div id="header-box">
<div id="header-left"><a href="{U_INDEX}"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/logo_left.gif" width="125" height="69" alt="{L_INDEX}" /></a></div>
<div id="header-right"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/logo_right.gif" width="125" height="69" alt="" /></div>
<div id="header-center">
<b>{SITENAME}</b><br />
{SITE_DESCRIPTION}
</div>
</div>
<div id="navigation">
<!-- BEGIN switch_user_logged_out -->
&nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a>&nbsp; |
<!-- END switch_user_logged_out -->
&nbsp;<a href="{U_FAQ}">{L_FAQ}</a>&nbsp; |
&nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a>&nbsp; |
&nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>&nbsp; |
&nbsp;<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>&nbsp; |
<!-- BEGIN switch_user_logged_in -->
&nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a>&nbsp; |
&nbsp;<a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}{C_PM}</a>&nbsp; |
<!-- END switch_user_logged_in -->
&nbsp;<a href="{U_LOGIN_LOGOUT}">{CA_L_LOGIN_LOGOUT}</a>&nbsp;
</div>
<div id="content">
<!-- BEGIN switch_xs_enabled -->
<?php if($this->vars['CA_NEW_MSGS'] && $this->vars['PRIVATE_MESSAGE_INFO'] !== $this->vars['CA_L_NO_MSG'] && !defined('CA_POPUP_SHOWED')) { ?>
<div id="newmsgs"><a href="{U_PRIVATEMSGS}" class="newmsgs">{PRIVATE_MESSAGE_INFO}</a></div>
<?php define('CA_POPUP_SHOWED', true); } ?>
<!-- END switch_xs_enabled -->

<!-- BEGIN ca_new_privmsgs -->
{CA_XS_COMMENT_START}<div id="newmsgs"><a href="{U_PRIVATEMSGS}" class="newmsgs">{ca_new_privmsgs.TEXT}</a></div>{CA_XS_COMMENT_END}
<!-- END ca_new_privmsgs -->
Und nun die Index_body
<table width="100%" cellspacing="1" cellpadding="4" border="0" align="center" class="nav">
<tr>
<td class="nav" align="left" valign="middle"><span class="nav"><a href="{U_INDEX}">{L_INDEX}</a></span></td>
<td class="nav navform" align="right" valign="middle"><span class="nav"><form action="{CA_SEARCH_INDEX}" method="post" style="display: inline;">
<input type="hidden" name="show_results" value="topics" />
<input type="text" name="search_keywords" class="post" size="15" />
<input type="submit" value="{L_SEARCH}" class="mainoption" />
</form></span></td>
</tr>
</table>

<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td align="left" valign="bottom"><span class="gensmall">
<!-- BEGIN switch_user_logged_in -->
{PRIVATE_MESSAGE_INFO}<br />
{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
{CURRENT_TIME}<br />
{S_TIMEZONE}<br />
</span></td>
<td align="right" valign="bottom" class="gensmall">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a><br />
<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br />
<a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
</tr>
</table>

<!-- BEGIN switch_xs_enabled -->
<?php

$catrow_count = ( isset($this->_tpldata['catrow.']) ) ? sizeof($this->_tpldata['catrow.']) : 0;
if($this->vars['TPL_HDR1_BLUE'])
{
for($catrow_i = 0; $catrow_i < $catrow_count; $catrow_i++)
{
$catrow_item = &$this->_tpldata['catrow.'][$catrow_i];
// check for new messages
$new_msg = false;
$forumrow_count = ( isset($catrow_item['forumrow.']) ) ? sizeof($catrow_item['forumrow.']) : 0;
for ($forumrow_i = 0; $forumrow_i < $forumrow_count; $forumrow_i++)
{
$forumrow_item = &$catrow_item['forumrow.'][$forumrow_i];
$new_item = strpos($forumrow_item['FORUM_FOLDER_IMG'], '_new') > 0 ? true : false;
if($new_item)
{
$new_msg = true;
$forumrow_item['XS_NEW'] = '_new';
}
}
// add xs switch
$catrow_item['TPL_HDR1'] = $new_msg ? $this->vars['TPL_HDR1_ORANGE'] : $this->vars['TPL_HDR1_BLUE'];
}
$old_hdr = $this->vars['TPL_HDR1_BLUE'];
$this->vars['TPL_HDR1_BLUE'] = '';
}
?>
<!-- END switch_xs_enabled -->

<!-- BEGIN catrow -->
{catrow.TPL_HDR1}{TPL_HDR1_BLUE}<a href="javascript:ShowHide('cat_{catrow.CAT_ID}','cat2_{catrow.CAT_ID}','catrow_{catrow.CAT_ID}');">{catrow.CAT_DESC}</a>{TPL_HDR2}<div id="cat_{catrow.CAT_ID}" style="display: ''; position: relative;"><table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<th colspan="2" height="25" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
<th nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
<th nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
<th nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row" align="center" valign="middle" width="30" height="30"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="28" height="32" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row" width="70%"><a class="forumlink{catrow.forumrow.XS_NEW}" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
<span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
</span><span class="moderators">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
<td class="row" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row" align="center" valign="middle"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row" align="center" valign="middle" width="130"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
</table></div><div id="cat2_{catrow.CAT_ID}" style="display: none; position: relative;"><table width="100%" cellpadding="0" cellspacing="1" border="0" class="forumline"><tr><td class="spacerow" width="100%" height="3"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="1" height="3" border="0" alt="" /></td></tr></table></div>{TPL_FTR}
<script language="javascript" type="text/javascript">
<!--
tmp = 'catrow_{catrow.CAT_ID}';
if(GetCookie(tmp) == '2')
{
ShowHide('cat_{catrow.CAT_ID}','cat2_{catrow.CAT_ID}','catrow_{catrow.CAT_ID}');
}
//-->
</script>
<!-- END catrow -->
<!-- BEGIN switch_xs_enabled -->
<?php
$this->vars['TPL_HDR1_BLUE'] = $old_hdr;
?>
<!-- END switch_xs_enabled -->

{TPL_HDR1}<a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a>{TPL_HDR2}<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<!-- BEGIN switch_user_logged_in -->
<td class="row" align="center" valign="middle" rowspan="2"><img src="{T_TEMPLATE_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<td class="row" align="center" valign="middle" rowspan="3"><img src="{T_TEMPLATE_PATH}/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
<!-- END switch_user_logged_out -->
<td class="row" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}<br />{NEWEST_USER}</span>
</td>

</tr>
<tr>
<td class="row" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp; [ {L_WHOSONLINE_ADMIN} ] &nbsp; [ {L_WHOSONLINE_MOD} ]<br />{RECORD_USERS}<br />{LOGGED_IN_USER_LIST}<br />{L_ONLINE_EXPLAIN}</span></td>
</tr>
<p><tr>
<td style="vertical-align:top;">
<table width="100%" cellpadding="2" cellspacing="1" class="forumline">
<tr>
<th width="126px" cellspacing="2" cellpadding="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;Werbung&nbsp;</th>
</tr>
<tr>
<td class="row1"><b><marquee>
<-----Test der neuen Fläche......----->
</marquee></b></td>
</tr>
<!-- BEGIN switch_user_logged_out -->
<tr>
<td class="row" align="center"><form method="post" action="{S_LOGIN_ACTION}"><span class="gensmall">
{L_USERNAME}: <input class="post" type="text" name="username" size="10" />
&nbsp;&nbsp;{L_PASSWORD}: <input class="post" type="password" name="password" size="10" maxlength="32" />
<!-- BEGIN switch_allow_autologin -->
&nbsp;&nbsp;<label>{L_AUTO_LOGIN} <input class="text" type="checkbox" name="autologin" checked="checked" /></label>
<!-- END switch_allow_autologin -->
&nbsp;&nbsp; <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
</span></form></td>
</tr>
<!-- END switch_user_logged_out -->

</table>{TPL_FTR}

<table cellspacing="3" border="0" align="center" cellpadding="0">
<tr>
<td width="20" align="center"><img src="{T_TEMPLATE_PATH}/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="{T_TEMPLATE_PATH}/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="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/folder_locked_big.gif" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>

</table>
Sorry, dass ich nun den Thread so zerstöre, aber es geht gerade ncihts anderes. :oops:

Verfasst: 20.12.2006 22:05
von nickvergessen
bleibt immer noch die Frage was du im header ändern willst???

zur index_body.tpl

findeab Zeile 115:

Code: Alles auswählen

<td style="vertical-align:top;">
<table width="100%" cellpadding="2" cellspacing="1" class="forumline">
<tr>
<th width="126px" cellspacing="2" cellpadding="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;Werbung&nbsp;</th>
ersetze mit:

Code: Alles auswählen

<td colspan="2" style="vertical-align:top;">
<table width="100%" cellpadding="2" cellspacing="1" class="forumline">
<tr>
<th width="126px" cellspacing="2" cellpadding="2" class="thCornerL" height="25" nowrap="nowrap">&nbsp;Werbung&nbsp;</th>

Verfasst: 21.12.2006 17:09
von MasterG
Es soll oben, wo "Homepageawardforum" steht, die Hintergrundfläche geändert werden.

Verfasst: 22.12.2006 00:38
von mooniz
hallo,

vor dem gleichen problem stand ich auch. nach langem ausprobieren und suchen hier im forum, habe ich es hingekriegt.
wenn du ein bild einfügen willst, dann mußt du im overall_header.tpl das suchen:
<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td width="100%" height="100%" class="content" align="center" valign="top">
<div id="header-box">
<div id="header-left"><a href="{U_INDEX}"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/logo_left.gif" width="125" height="69" alt="{L_INDEX}" /></a></div>
<div id="header-right"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/logo_right.gif" width="125" height="69" alt="" /></div>
<div id="header-center">
<b>{SITENAME}</b><br />
{SITE_DESCRIPTION}
</div>
</div>
und hiermit ersetzen:
<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td align="center" width="100%" valign="top"><a href="{U_INDEX}"><img src="templates/Morpheus/images/forumbanner.jpg" border="0" alt="{L_INDEX}" vspace="0" width="100%" height="150" /></a>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
</table>
forumbanner.jpg ist ein beliebiges bild, das du einfügen kannst. (höhe 150pixel, kann man natürlich ändern).
dabei gehen aber auch die bälle links und rechts verloren.
vielleicht hilft dir das weiter...

grüße
ralf

Verfasst: 22.12.2006 13:58
von MasterG
Hallo,

vielen, vielen DANK! Genau danach habe ich vergeblich gesucht. Nur bin ich noch nicht zufrieden. Das Bild sieht nämlich verzerrt aus. Kann man das auch irgendwie ändern?

Verfasst: 22.12.2006 14:13
von nickvergessen
statt dem ocde von oben:

Code: Alles auswählen

<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td align="center" width="100%" valign="top"><a href="{U_INDEX}"><img src="templates/Morpheus/images/forumbanner.jpg" border="0" alt="{L_INDEX}" vspace="0" width="100%" height="150" /></a>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
</table>
denn hier nehmen:

Code: Alles auswählen

<tr>
<td width="10" class="border_left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
<td align="center" width="100%" valign="top"><a href="{U_INDEX}"><img src="templates/Morpheus/images/forumbanner.jpg" border="0" alt="{L_INDEX}" vspace="0" /></a>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
</table>

Verfasst: 22.12.2006 19:41
von MasterG
Guten Abend,

nun bin ich vollkommen zufrieden. Danke an euch beide!!!!
Obwohl fast zufrieden. Die Seite ist nun so gestreckt, dass man den Scrollbalken unten benützen muss um alles sehen zu können. Muss ich da die Größe des Banners ändern oder?

Verfasst: 22.12.2006 22:51
von mooniz
das problem hatte ich auch.
füge einfach wieder -- width="100%" -- ein.
dann sollte es so aussehen:

Code: Alles auswählen

<td align="center" width="100%" valign="top"><a href="{U_INDEX}"><img src="templates/Morpheus/images/forumbanner.jpg" border="0" alt="{L_INDEX}" vspace="0" width="100%" /></a>
grüße
ralf