Seite 1 von 2
Selber umbaun, aber anzeigeproblem
Verfasst: 29.01.2006 09:27
von witzigerkiller
Hallo Leute, ich bin zum ersten mal richtig dabei ein forum umzubauen, und habe jetzt schon ein richtes problem.
Ich habe den header eingebaut, und einen hintergrundbild fürs menü, und ein hintergrundbild für die seite. Aber das hintergrundbild, will nicht so richtig auf die gleiche breite wie der header und das menü bild:
www.tobiasdosch.de/forum
sieht ja voll zum kotzen so aus.
Und wie es ist als anfänger, habe ich ziemlich viele dateien bearbeitet:
overall_header.tpl
overall_footer.tpl
index_body.tpl
und die
css, datei, habe ich bei bodyline das hintergrundbild der seite eingebaut.
Wäre dankbar für Antoworten
Verfasst: 29.01.2006 09:53
von miccom
wie oft willst du die breite da noch reinschreiben
ausserdem viel zu viele verschachtelte tabellen...
im css, mache aus:
Code: Alles auswählen
/* This is the border line & background colour round the entire page */
.bodyline { background-image: url(images/content_repead.gif);
width:843px;
}
das:
Code: Alles auswählen
/* This is the border line & background colour round the entire page */
.bodyline { background-image: url(images/content_repead.gif);
}
die komplette overall_header.tpl ersetze damit (backup nicht vergessen!):
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html 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/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" 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 -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="843" cellspacing="0" cellpadding="0" border="1" align="center">
<tr>
<td class="bodyline">
<a href="{U_INDEX}"><img src="templates/subSilver/images/header.jpg" border="0" alt="{L_INDEX}" width="843"/></a>
</td>
</tr>
<tr>
<td class="bodyline">
<span class="mainmenu"> <a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a> <a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a> <a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a> <a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
<a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a> <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a>
</span>
</td>
</tr>
<tr>
<td class="bodyline">
<br />
</td>
</tr>
<tr>
<td class="bodyline">
für die navigation würde ich noch div container anlegen um sie zu sortieren, ich habe sie fürs erste mal komplett in eine zeile gepackt - testen wir mal ob jetzt mit dem header logo und dem hintergrund alles passt.
Verfasst: 29.01.2006 09:59
von witzigerkiller
du meinst beim 2ten wohl die overall_header.tpl oder?
JO DANKE DIR! Passt wunderschön, jetzt muss ich nurnoch die borders rausnehmen, und beim menü wieder das hintergrundbild einfügen
Verfasst: 29.01.2006 10:00
von miccom
war nur ein test ob du mitdenkst
ja, meine ich
Verfasst: 29.01.2006 11:34
von witzigerkiller
so, ein update:
www.tobiasdosch.de/forum
ehm, wie bekomme ich nun den hintergrund der links, an den banner, also ohne den abstand. Nach cellpadding oder cellspacing habe ich schon geschaut, aber ich finde da nichts.
Achja, kannste mal bissl rumklicken, und mir dann sagen welche tpl dateien ich ncoh der größee anpassen muss? Ich meine das ich alle habe
Verfasst: 29.01.2006 15:14
von miccom
welchen hintergrund an den banner? das bild des banners hat keinen hintergrund.
Verfasst: 29.01.2006 17:42
von witzigerkiller
schau, ich habe ne navi die besteht aus textlinks. die hat einen hintergrund.
Ich möchte diesen hintergrund so haben, das er bündig oben an dem header ist. Zwischen header, und menü, ist ein kleiner hellgrauer abstand. Aber der weiße hintergrund vom menü, soll an den banner hochgeschoben werden.
Achja, welche TPL dateien muss ich noch anpassen?
noch was:
ich muss diesen schon gewusst mod einbauen, und der sagt:
Code: Alles auswählen
#-----[ OPEN ]------------------------------------------
#
templates/subSilver/overall_header.tpl
#
#-----[ FIND ]------------------------------------------
#
</table></td>
</tr>
</table>
aber da ich vorhin mal nen problem mit header und allem hatte, hast du mir die datei umgeschrieben, sodass diese zeilen nicht mehr da sind.
Wo muss ich nun in der overall_header.tpl diesen code einfügen?
Code: Alles auswählen
#-----[ AFTER, ADD ]------------------------------------------
#
<!-- Schon Gewusst -->
<br />
<table border="0" align="center" cellpadding="4" cellspacing="0" class="forumline">
<tbody>
<tr>
<th class="thHead"> Schon gewusst? </th>
</tr>
<tr>
<td class="row{ZNUMBER}"><span class="gen"> {ZMESSAGE} </span></td>
</tr>
</tbody>
</table>
<br clear="all">
<!-- Schon Gewusst -->
Hier der link zur
overall_header.tpl
Danke
Verfasst: 29.01.2006 17:52
von miccom
ach, den abstand sieht man ja nur im ie - darum wusste ich nicht was du meinst.
der ie hat was gegen struktuierten code, muss an frontpage liegen
, entferne einfach alle zeilenumbrüche in der tabelle welche die beiden teile (header und menue) beinhaltet.
also aus dem:
Code: Alles auswählen
<tr>
<td class="bodyline">
<a href="{U_INDEX}"><img src="templates/subSilver/images/header.jpg" border="0" alt="{L_INDEX}" width="843"/></a>
</td>
</tr>
<tr>
<td align="center" background="templates/subSilver/images/menue_ebene.gif" height="21">
<span class="mainmenu"> <a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a> <a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a> <a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a> <a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
<a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a> <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a>
</span>
</td>
</tr>
mach das:
Code: Alles auswählen
<tr><td class="bodyline"><a href="{U_INDEX}"><img src="templates/subSilver/images/header.jpg" border="0" alt="{L_INDEX}" width="843"/></a></td></tr><tr><td align="center" background="templates/subSilver/images/menue_ebene.gif" height="21"><span class="mainmenu"> <a href="{U_FAQ}" class="mainmenu">{L_FAQ}</a> <a href="{U_SEARCH}" class="mainmenu">{L_SEARCH}</a> <a href="{U_MEMBERLIST}" class="mainmenu">{L_MEMBERLIST}</a> <a href="{U_GROUP_CP}" class="mainmenu">{L_USERGROUPS}</a> <!-- BEGIN switch_user_logged_out --><a href="{U_REGISTER}" class="mainmenu">{L_REGISTER}</a> <!-- END switch_user_logged_out --><a href="{U_PROFILE}" class="mainmenu">{L_PROFILE}</a> <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a></span></td></tr>
dein andere code gehört einfach ans ende der overall_header
Verfasst: 29.01.2006 18:09
von witzigerkiller
danke funzt, und was ist mit den tpl dateien? welche muss ich noch größe anpassen?
Verfasst: 29.01.2006 18:10
von miccom
keine mehr