Seite 1 von 1

Header Änderungen Templat "Glass2/red"

Verfasst: 22.06.2006 20:12
von babsys
Hallo,
Templat: Glass2 (red)
ich brauche Hilfe zum ändern der "overall_header.tpl" bin dazu leider noch zu unerfahren.
[ externes Bild ][/quote]

Hierzu die "overal_header.tpl"
<!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/Glass2/{T_HEAD_STYLESHEET}" type="text/css">
<script language="javascript" type="text/javascript" src="templates/Glass2/scripts.js"></script>
<!-- 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 -->
<!-- IE conditional comments: http://msdn.microsoft.com/workshop/auth ... nt_ovw.asp -->
<!--[if IE]>
<style type="text/css">
/* IE hack to emulate the :hover pseudo-class
Add the selectors below that required the extra attributes */
.rollover { behavior: url("templates/Glass2/hover.htc"); }
</style>
<![endif]-->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td class="bodyline">

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<td><a href="{U_INDEX}"><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/logo_phpBB.gif" border="0"></a></td>
<td class="cellpic4" width="100%" align="center">
<span class="sitetitle">{SITENAME}</span><br />
<span class="gensmall">{SITE_DESCRIPTION}</span></td>
</table>
<br />
<table cellpadding="0" cellspacing="0" border="0" width="90%" height="20" align="center">
<tr>
<td><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/nav_left.gif"></td><td class="navbar" width="100%" align="center">
<span class="navigate">
<a href="{U_FAQ}" class="navigate">{L_FAQ}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<a href="{U_SEARCH}" class="navigate">{L_SEARCH}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<a href="{U_MEMBERLIST}" class="navigate">{L_MEMBERLIST}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<a href="{U_GROUP_CP}" class="navigate">{L_USERGROUPS}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="navigate">{L_REGISTER}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<!-- END switch_user_logged_out -->
<a href="{U_PROFILE}" class="navigate">{L_PROFILE}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<a href="{U_PRIVATEMSGS}" class="navigate">{L_PRIVATEMSGS}</a><img src="templates/Glass2/images/icon_mini_nav.gif">
<a href="{U_LOGIN_LOGOUT}" class="navigate">{L_LOGIN_LOGOUT}</a></td><td><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/nav_right.gif"></td>
</tr>
</table>
<br />
<!-- BEGIN switch_user_logged_in -->
<div class="pop_{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div>
<!-- END switch_user_logged_in -->
___________________________________________________-

Bei "images" habe ich "logo_phpBB.gif in "logo_phpBB1.gif" umbenannt und dann mein"Wunschlogo" mit "logo_phpBB.gif" eingefügt.
Sieht man ja auch. Aber dann _Enttäuschung!-
Ich hoffte, es legt sich über die ganze Seite.Nee ist mir nun auch klar,es ging ja ums "Logo" und da gibts ja noch (Rest sieht man danz rechts noch)
wo Seitenname etc. stehen soll. Nun habe ich im Adminbereich /Konfiguration- die Zeile Setennamen und.. als weißesFeld belassen. Aber das LOGO rutscht einfach nicht voll drüber.
So denke ich, ich müsste da was löschen /oder änder in der "overall_header.tpl"????? aber was?
___________________
Eigentlich hätte ich auch gerne noch, daß -wenn man aufs Logo klickt, sich die HP öffnet (blank)
Na echt für eine 59 Jährige, die gerade mal seit 2 Monaten anfing sich damit zu beschäftigen- eine nicht leichte Aufgabe! Aber ich will es wissen und lernen!
Würde mich riesig freuen, wenn mir jemand dabei hilft.

Verfasst: 22.06.2006 21:28
von [BUZ]
Wenn ich dich richtig verstanden habe, möchtest du das Logo über die volle Bildschirmbreite haben?!?

Momentan steht es in einer Tabelle die zwei Spalten hat: Die Linke für das Logo und die Rechte für den Seitennamen und die Seitenbeschreibung.

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<td><a href="{U_INDEX}"><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/logo_phpBB.gif" border="0"></a></td>
<td class="cellpic4" width="100%" align="center">
<span class="sitetitle">{SITENAME}</span><br />
<span class="gensmall">{SITE_DESCRIPTION}</span></td>

</table>


Sofern du nun die Rechte Seite entfernst, kann dein Logo die volle Breite haben. Natürlich nur wenn deine Grafik auch so breit ist. Besser ist es wohl das Logo in der Mitte zu zentrieren. Seitennamen und die Seitenbeschreibung sind dann natürlich auch futsch:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<td align="center"><a href="{U_INDEX}"><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/logo_phpBB.gif" border="0"></a></td>
</table>


Möchtest du den Seitennamen und die Seitenbeschreibung unter dem Logo dann:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td><a href="{U_INDEX}"><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/logo_phpBB.gif" border="0"></a></td>
</tr><tr>
<td class="cellpic4" width="100%" align="center">
<span class="sitetitle">{SITENAME}</span><br />
<span class="gensmall">{SITE_DESCRIPTION}</span></td>
</tr>
</table>


Mach dich mal unter http://www.selfhtml.org/ schlau. :wink:

Gruß BuZ

Verfasst: 23.06.2006 16:13
von babsys
Vielen Dank für die ausführliche Beschreibung. Ich versuch es mal mit der letzteren Variante. Und der Tip HTML super ! Da stecke ich meine Nase mal richtig rein. Denn ich will wirklich was wissen.
HG. Basys

Verfasst: 23.06.2006 19:41
von babsys
So nun hab ich dran gebastelt. Da das Logo nicht ganz so breit war wie "cellpic4", habe ich die 100% herabgesetzt und na das sieht man ja hier:
_____________________________________________
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<td align="center"><a href="{U_INDEX}"><img src="templates/Glass2/images/{T_BODY_BACKGROUND}/logo_phpBB.gif" border="0"></a></td>
<tr></tr>
<td class="cellpic4" width="78%" align="center">
<span class="sitetitle">{SITENAME}</span><br />
<span class="gensmall">{SITE_DESCRIPTION}</span></td>
</tr>
</table>
<br />
<table cellpadding="0" cellspacing="0" border="0" width="90%" height="15" align="center">
_____________________________________________________

Und so siehts jetzt aus:
http://datinglinie.funpic.de/forum
Nun muss ich nur noch das Logo (Bild )mit einem Verweis auf die Seite die es öffnen soll versehen. Das werde ich sicher auch bald schaffen, denn ich habe ja jetzt http://www.selfhtml.org/ zum schlauer werden.
Also nochmals Danke
HG. die lernwütige Babsys