Header Änderungen Templat "Glass2/red"

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
babsys
Mitglied
Beiträge: 11
Registriert: 18.06.2006 12:11

Header Änderungen Templat "Glass2/red"

Beitrag 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.
Nach oben
[BUZ]
Mitglied
Beiträge: 21
Registriert: 17.01.2006 23:39

Beitrag 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
Nach oben
babsys
Mitglied
Beiträge: 11
Registriert: 18.06.2006 12:11

Beitrag 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
Nach oben
babsys
Mitglied
Beiträge: 11
Registriert: 18.06.2006 12:11

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

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