Morpheus Header ändern

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
MasterG
Mitglied
Beiträge: 101
Registriert: 18.10.2006 20:29

Morpheus Header ändern

Beitrag 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?
Nach oben
Benutzeravatar
nickvergessen
Ehrenadmin
Beiträge: 11559
Registriert: 09.10.2006 21:56
Wohnort: Stuttgart, Germany
Kontaktdaten:
Kontaktdaten von nickvergessen

Beitrag 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.
kein Support per PN
Nach oben
MasterG
Mitglied
Beiträge: 101
Registriert: 18.10.2006 20:29

Beitrag 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:
Nach oben
Benutzeravatar
nickvergessen
Ehrenadmin
Beiträge: 11559
Registriert: 09.10.2006 21:56
Wohnort: Stuttgart, Germany
Kontaktdaten:
Kontaktdaten von nickvergessen

Beitrag 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>
kein Support per PN
Nach oben
MasterG
Mitglied
Beiträge: 101
Registriert: 18.10.2006 20:29

Beitrag von MasterG »

Es soll oben, wo "Homepageawardforum" steht, die Hintergrundfläche geändert werden.
Nach oben
mooniz
Mitglied
Beiträge: 35
Registriert: 05.11.2006 19:57

Beitrag 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
Nach oben
MasterG
Mitglied
Beiträge: 101
Registriert: 18.10.2006 20:29

Beitrag 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?
Nach oben
Benutzeravatar
nickvergessen
Ehrenadmin
Beiträge: 11559
Registriert: 09.10.2006 21:56
Wohnort: Stuttgart, Germany
Kontaktdaten:
Kontaktdaten von nickvergessen

Beitrag 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>
kein Support per PN
Nach oben
MasterG
Mitglied
Beiträge: 101
Registriert: 18.10.2006 20:29

Beitrag 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?
Nach oben
mooniz
Mitglied
Beiträge: 35
Registriert: 05.11.2006 19:57

Beitrag 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
Nach oben
Antworten

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