Header nur auf der Startseite des Forums

[weimaranerfreundin]

Liebes Support-Team,

Leider hab ich in der Suche nicht das richtige finden können....
Ich habe mir gerade überlegt, dass ein Header, welcher den kompletten Bildschirm füllt schon sehr schön anzusehen, aber im Gebrauch des Forums ziemlich unpraktisch ist.
Dieses Forum mal als Beispiel.
Wenn hier die Toolbar hochgeklappt ist, ist dieser Header sehr schön anzusehen - aber wenn ich beim nutzen des Forums jedesmal zig mal scrollen muss, um an die Posts zu gelangen, dann verliert man bestimmt schnell die Lust.
Daher meine Frage:
Ist es möglich nur auf der Startseite einen so grossen Header zu haben und auf allen anderen Seiten entweder keinen oder nur einen schmalen Header?

LG Susanne

[Jeff99]

Hallo
Ich würde dir den Tipp geben ein Bild in die ,,Nachricht der Startseite,, einzufügen.
Wäre halt dann ein großes Bild welches man per HTML einbinden kann und ggf. auch verlinken kann.

Edit: Es heißt Beschreibung der Website im Adminmenü. (Allgemeines > Forum > Einstellungen)

[weimaranerfreundin]

Danke für den Tipp
Aber dieser "Nachricht der Startseite"-Header ist zum einen unter dem Menü, und dann hab ich zwei Header auf der Startseite.....
Ich weiss nicht so recht, ob das so klasse aussieht.....
Aber danke nochmals.

[Jeff99]

Den original Banner müsstest du dann halt entfernen. Und ich glaub per CSS kann man die Navigation auch runterholen. Da kenn ich mich jedoch nicht aus.

Wünsche dir noch einen schönen Abend!
LG Jeff

[#Frank]

Grundsätzlich ist es so, das sowas nicht machbar ist, weil das Template overall_header eben auf allen Seiten verwendet wird.
Man kann nur den Banner komplett entfernen und dann im Template index_body durch absolute Positionierung in Verbindung mit einer Verschiebung der restlichen Seite nach unten dort wieder einen Banner platzieren.
So sollte es machbar sein.

[weimaranerfreundin]

Na, das ist doch schon was
Du könntest mir nicht zufällig mit der genauen Stelle für die Eingabe des Banners im index_body helfen? Und wo und wie man das Forum verschiebt?

LG Susanne

[#Frank]

Du kannst als Grundlage dieses Tuto dafür benutzen:
https://hilfe.forumieren.com/t34315-tutorial-advent-bild-uber-dem-banner-einsetzen#224532
Dort benutzt du die Zweite Lösung "Templates", nur das du es nicht ins Template overall_header einsetzt, sondern am Besten an den Anfang oder das Ende des Template index_body.
Danach musst du versuchen das Ganze dann noch mittels einer CSS Zuweisung in diesem Template noch nach unten zu verschieben.
Ich habe es noch nicht ausprobiert, aber Thoretisch sollte das so klappen.
Am besten versuchst du das erst einmal in einem Testforum.

[weimaranerfreundin]

Oki - ich werde mich mal daran versuchen

Danke Dir erstmal. Darf ich den Thread offen lassen, falls noch Fragen kommen?

LG Susanne

[#Frank]

Können wir gerne machen, aber wie gesagt, habe ich das selber noch nicht ausgeführt und das nur theoretisch durchgegangen.
Wenn dann müsste ich das erst in einem Forum umsetzen.

[weimaranerfreundin]

Mit dem div Code hab ich es nicht hinbekommen das IMG horizontal mittig und im gleichen Abstand zum Menü hin zu bekommen
Nun hab ich dies im CSS probiert:

Code:

IMG.logofrontsite{
    display: block;
    margin-left: auto;
    margin-right: auto }

Und dies im index_body:

Code:

<IMG class="logofrontsite" src="http://i70.servimg.com/u/f70/18/05/33/29/img_2110.jpg" alt="logo">

Das Logo/Banner/header wäre damit super mittig, aber leider UNTER dem Menü.
Ich hätte es gern mittig horizontal und vertikal über dem Menü - und zwar unabhängig von der Grösse des IMG (da ich dieses monatlich austauschen möchte).
Wie mach ich das bloss??
Ich hab was von Container gelesen? Ist das nötig und wie mach ich das?

Steh gerade total auf dem Schlauch....
Hier das Testforum: Testforum

[#Frank]

Wenn du mit deinem CSS das Bild nun noch in dieser Art ausrichtest:

Code:

IMG.logofrontsite {
    display: block;
    left: 50%;
    margin-left: -400px;
    margin-right: auto;
    position: absolute;
    top: 14px;
}

Der margin-left Wert ist immer die Hälfte der Breite des verwendeten Bildes.
Dann ist das Bild schon mal in der Mitte oben.
Nun musst du nur noch das Forum entsprechend nach unten verschieben. Das machst du mit diesem Code:

Code:

.bodyline {
    padding-top: 380px;
}

Der padding-top Wert muss durch verschieben angepasst werden.
Leider wirst du die Werte immer wieder anpassen müssen, wenn du Bilder mit anderen Massen verwendest.

[weimaranerfreundin]

     

Super!! Vielen Dank

LG Susanne

[#Frank]

Ja, gut... das Klappt jetzt schon mal.
Aber nun kommt noch der Knackpunkt:
Wenn du nun mal in das Forum klickst, dann wirst du sehen, das es nun einen Leerraum oben gibt, wo eigentlich das Logo sein sollte.
Lösung die wir jetzt noch probieren müssten ist, das du den Zweiten CSS Eintrag .bodyline direkt in das Template der Startseite einfügst. Am besten versuchst du es ganz oben.
Weißt du wie du ein CSS Style in eine HTML Seite einsetzt?

[weimaranerfreundin]

Halt - jetzt ist das Forum ja auf allen Seiten nach unten verschoben
Auf der Startseite sieht es klasse aus!!
Aber auf den anderen Seiten ist es nicht so klasse.... da müsste das Forum ganz normal ohne Freiraum oben anfangen.
Kann man die Bodyline auch nur auf die Startseite begrenzen?

mmmmh - da haben wir zur selben Zeit - das gleiche gedacht

Ich lese mich mal im Net ein, wie das geht....

[#Frank]

Hast du meinen Beitrag über deinem nicht gesehen?

[weimaranerfreundin]

Du warst schneller

Es hat geklappt JUHUU!!

Mit <style type="text/css"> wars ganz einfach

Danke Dir

[#Frank]

Bekommst du es hin?
Setze bitte diesen Code ganz oben in dein Template index_body ein.
Über die Zeile {JAVASCRIPT}!

Code:

<style type="text/css">
.bodyline {
    padding-top: 380px;
}
</style>

Diesen Eintrag nimmst du dann noch wieder aus deinem Persönlichen CSS raus.
Dann sollte es klappen.

[weimaranerfreundin]

Danke Dir, Frank
Hat geklappt

LG Susanne

[#Frank]

Ach ja, nun warst du wieder schneller. Jetzt ist es so wie du es dir gedacht hast.
Wie wir das nun gemacht haben ist dir aber klar, damit du das später noch anpassen kannst, oder?