Zur Navigation

Header

1 Christian

Salve
Ich verwende die CSS3, möchte statt dem Title eine Grafik einbauen... schaue ich mir den Quelltext an, wüsste ich genau was machen, aber in den Dateien finde ich nichts... wo kann ich den Header einbauen?

Gruss
Christian

19.11.2007 14:43 | geändert: 19.11.2007 14:43

2 Jörg

Hallo Christian,

Ich verwende die CSS3

Ich nehme an, du meinst nicht die dritte Version von CSS (die noch gar nicht verabschiedet wurde) sondern die standard-3.css mit der Navigation auf der rechten Seite?

Wenn du so ein Logo wie hier im Forum im Sine hast, kannst du im Adminbereich unter Allgemeine Konfiguration im Eingabefeld Startseiten-Titel statt des Titels ein img Tag angeben; ich habe dort z.B. folgendes eingegeben:

<img src="/images/joergs-forum.gif" width="100" height="46" alt="Jörgs Forum" style="margin:0 0 10px 0; border:none" />

Falls du etwas anderes meinst, kannst du vielleicht anhand des Quelltextes erklären, wo du was einfügen möchtest lächel

19.11.2007 14:57 | geändert: 19.11.2007 14:59

3 Christian

Salve

OK, es ist die standard-2.css, das mit dem <img> habe ich übrigens probiert in der drei, da waren aber schienbar zu viele zeichen drin zwinker In der 2 funktioniert es übrigens nicht, da wird dann der Code als Title angezeigt...

Gruss
Christian

19.11.2007 17:01

4 Jörg

da waren aber schienbar zu viele zeichen drin zwinker

Wieviele Zeichen umfasst das Tag bei dir? 255 Zeichen sollten rein passen. Falls der Tag länger sein sollte, könnten z.B. Style-Eigenschaften ausgelagert werden (über ein ID oder Klasse) um die max. Länge nicht zu überschreiten. also z.B.:

<img id="logo" src="/images/logo.gif" />

... und in der CSS-Datei dann die Eigenschaften aufführen:

#logo {
width:100px;
height:50px;
margin:10px;
/* etc. */
}
In der 2 funktioniert es übrigens nicht, da wird dann der Code als Title angezeigt...

Der Style-Typ betrifft nur die Wahl des CSS-Files - die HTML-Ausgabe wird davon nicht beeinflusst. Hast du das Tag korrekt geschlossen?

19.11.2007 17:22 | geändert: 19.11.2007 17:27

5 Christian

salve
dachte ich eigentlich zwinker Ich probiere es gleich nochmal...
ne, funkt nicht...
<img src="http://www.domainname.org/images/banner.gif" border="0"</img>
noch
<img src="http://www.domainname.org/images/banner.gif" border="0">
und mit <a href schon gar nicht, weil da der Code zu lange wird.

Gruss
Christian

19.11.2007 17:32

6 Jörg

Das <a href=""></a> wird (auf den Unterseiten) vom Forum um den Titel gesetzt - darum brauchst du dich nicht kümmern

Deine erste Variante ist fehlerhaft, mit der zweiten sollte es aber funktionieren

19.11.2007 17:38

7 Christian

Salve

Ich weiss, aber ich habe es mal ausprobiert.... funkt übrigens beides nicht. Ich habe Dir mal die URL gesendet....

19.11.2007 17:45

8 Jörg

Das funktioniert schon, wie gesagt für das Eingabe-Feld Startseiten-Titel. Du hast das Tag bei dir anscheined im Eingabefeld Forenname eingegeben - dort werden aber keine HTML-Tags angenommen.

Du kannst dies aber erzwingen, indem du in der Datei /includes/output/head.php folgenden Abschnitt suchst:
if ($start == 0) {
    echo '<p id="top"><a href="', $gfpath, '">', $gfname4html, '</a>';
... und ihn ersetzt durch:
if ($start == 0) {
    echo '<p id="top"><a href="', $gfpath, '">', $gfname, '</a>';
(Diese Anpassung muss bei jedem Update durchgeführt werden)

19.11.2007 18:04 | geändert: 19.11.2007 18:04

9 Christian

Salve

Ja, das habe ich auch gemerkt und natürlich geändert.... leider hat es nicht gefunkt. Zumindest nicht so, dass man es hätte brauchen können zwinker So wie von Dir jetzt beschrieben funktioniert es... aber sieht doof aus. Die Admin des Forums überlappt die Grafik.

Einfach gehts nicht, dann halt das ganze Zeugs umstellen... Irgendwo habe ich sicher noch eine CSS, die ich abkupfern und mit der aktuellen verbinden kann.

Gruss
Christian

19.11.2007 18:14

10 Jörg

Ich glaube, diese Lösung ist aber auch nicht das, was du anstrebst - sie wäre wohl eher für kleine Logos bei den Layouts 1 und 3 geeignet lächel

Bei einer größeren Header-Grafik würde ich so vorgehen:

Wieder die Datei /includes/output/head.php nehmen und dort den Header folgendermaßen integrieren:

Diesen Abschnitt suchen:
?>
<div id="content">
<?php
... und folgendermaßen ersetzen:
?>
<div id="header"></div>
<div id="content">
<?php

Dann hast du ein Header-Div integriert, in welches du per CSS ein Hintergrundbild eingebaut werdn kann.

#header {
background-image:url(http://www.domainname.org/images/banner.gif);
width:100%;
height:72px;
}

Allerdings müssen dann beim Layout 2 in der CSS-Datei noch Anpassungen unternommen werden, um die Navigation weiter nach unten zu schieben

19.11.2007 18:21 | geändert: 19.11.2007 18:22