Fragen und Antworten » Layout Header & Navigation

11.03.2012 08:07

ToBo
#1 Layout Header & Navigation

Habe zwei Probleme.
1. Die Breite des Headers, bzw. des Top Menüs ist immer so breit wie der Bildschirm. Also
es geht über die gesamte Bildschirmbreite. Im Setup ist für das Menü 1000px eingestellt.
Das funktionier für das Menü darunter, aber nicht für das Top Menu, wo mein Username,
Administration, Letzte Beiträge und Hilfe steht. Kann man das ändern, so dass dieses
Menü auch die gleiche Breite wie der Rest hat und nicht automatisch immer die
Gesamte Bildschirmbreite nutzt ?

2. Die Grafik im Header ist 1000px groß, die Breite ebenfalls auf 1000px eingestellt.
Trotzdem wird recht und Links ein kleiner Streifen angezeigt. Schaltet man von Vollbild
auf Fenster, ist es weg. Macht man wieder Vollbild kommt es nach aktualierung der
Seite wieder. Hab dafür keine Lösung gefunden.

www.schanghaiforum.com

Antworten

Beitrag melden

#2

11.03.2012 10:07 (zuletzt bearbeitet: 11.03.2012 10:10)

Olaf
#2 RE: Layout Header & Navigation

Ol

Olaf

So wird das Bild in der Breite auch nicht korrekt angezeigt:

1
 
<center><img style="max-width: 983px;" src="https://files.homepagemodules.de/b512346/a_127_d236e09e.jpg" height="147" width="1000"></center>

Wenn Du die maximale Breite auf 983px reduzierst,aber das Bild und der Header ist 1000px Breit,dann wird Dir das Bild auch Links und Rechts um eine Differenz von 17px kleiner angezeigt.

Wenn das Bild immer mit den Header gleich sein soll,dann würde ich das dafür einsetzen:

1
 
<center><img src="https://files.homepagemodules.de/b512346/a_127_d236e09e.jpg" height="147" width="100%"></center>

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#3

11.03.2012 10:22

ToBo
#3 RE: Layout Header & Navigation

ToBo

Also ich weiss nicht woher Du dern ersten Tag hast, aber bei mir steht als Code in der Kopfzeile

1
 
<center><img src="https://files.homepagemodules.de/b512346/a_127_d236e09e.jpg" width=100% height="147"></center>

Da stand vorher als Breite 1000 und ich hab das jetzt mal durch 100% erstetz. Macht aber keinen Unterschied

www.schanghaiforum.com

Antworten

Beitrag melden

#4

11.03.2012 12:18

Gude.Rune
#4 RE: Layout Header & Navigation

Gude.Rune

Hi,

wenn Du das folgende im CSS-Bereich einträgst wird das Header-Bild in der vollen Breite angezeigt:

.header, .footer{background-size: 100%;
}

In meinem Forum klappt es damit.

Viele Grüße
Gudrun

www.windhundund.de

Antworten

Beitrag melden

#5

11.03.2012 12:19

ToBo
#5 RE: Layout Header & Navigation

ToBo

Hab jetzt alles Mögliche probiert und meine Weisheit ist am Ende.

Um Das Top Menü einzustellen finde ich in der Administration auch nix.

www.schanghaiforum.com

Antworten

Beitrag melden

#6

11.03.2012 14:26

Damian
#6 RE: Layout Header & Navigation

Damian

Zitat von ToBo
Hab jetzt alles Mögliche probiert und meine Weisheit ist am Ende.

Um Das Top Menü einzustellen finde ich in der Administration auch nix.

Man kann es nicht einstellen. Wenn man die möglichkeit hätte wäre dann an der Rechten Seite die Hintergrundfarbe zu sehen weil drunter nichts liegt. Naja, und dann wäre auch noch die Schönheit ruiniert da dann die Topnavigation links immer ist anstatt Mittig.
Wenn du es denoch so haben willst, muss du nur folgendes ins Css eintragen:

1
 
.topnavigation_wrap ul {width: 90%;}

Kannst du auch in px die Größe eintragen, nur wird es sich nicht ausdehnen wie mit der Prozenteingabe.

Viele Grüße,
Damian

Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum

Antworten

Beitrag melden

#7

11.03.2012 14:40

Damian
#7 RE: Layout Header & Navigation

Damian

Es ist schon zwar etwas Älter, damals war es noch in Beta-Phase, aber wenn du die Links oben entfernen willst und sie in die Navigation unten packen willst, ohne dabei am Template zu arbeiten, würde ich dir das Empfehlen:
Business Template Xobor: Über Kopfzeile Adminstration/Letzte Beiträge/Hilfe entfernen

Viele Grüße,
Damian

Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum

Antworten

Beitrag melden

#8

11.03.2012 15:28 (zuletzt bearbeitet: 11.03.2012 15:28)

ToBo
#8 RE: Layout Header & Navigation

ToBo

Hab das probiert, bringt aber keinen Erfolg. Das Bannerbild wird immer noch
kleiner angezeigt und hat eigentlich exakt 1000px, genau wie die eingestellte
Breite des Headers.

so gehts also nicht.

1
 
.header, .footer{background-size: 100%;}

http://www.schanghaiforum.com/

www.schanghaiforum.com

Antworten

Beitrag melden

#9

11.03.2012 15:37

Damian
#9 RE: Layout Header & Navigation

Damian

Ach, es wird mit JavaScript verkleinert. Was ist wenn du sagst:

1
 
.usercontent img {max-width:1000px !important;}

?

Viele Grüße,
Damian

Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum

Antworten

Beitrag melden

#10

11.03.2012 15:46

ToBo
#10 RE: Layout Header & Navigation

ToBo

Yep, das funzt.
Danke

www.schanghaiforum.com

Antworten

Beitrag melden

#11

11.03.2012 16:36

ToBo
#11 RE: Layout Header & Navigation

ToBo

Das mit dem Javascript in der Fußleiste funzt zwar eigentlich auch, aber je
nachdem wie schnell der Seitenaufbau ist, erscheint es erst Rechts oben und
wird dann nach unten ins Menü verschoben. Weiterhin habe ich das Icon
für den Adminbereich erstetzt und will auch für "letzte Beiträge noch ein
Icon einfügen. Da die im Original ziemlich groß sind, werden diese Icons
als Megabilder ganz kurz oben Rechts angezeigt und das ist nicht schön.

Werde wohl das Template bearbeiten und das Menü dort von Hand einbauen und
das Sript wieder aus der Fußleiste entfernen. Zudem kehrt das Script die Reihenfolge
der Funktionen um.

www.schanghaiforum.com

Antworten

Beitrag melden

#12

11.03.2012 16:46

Damian
#12 RE: Layout Header & Navigation

Damian

Ja, das war jetzt nur eine Alternative lösung die beim Beta Angeboten wurde. Jetzt wo man das Template bearbeiten kann, ist das ja kein großes Problem mehr, nur Komplikationen aus dem Weg zu gehen habe ich das Script angeboten

Viele Grüße,
Damian

Kein Support per PN (Private Nachrichten) - Tagger mich lieber (@Damian)
Damians Testforum

Antworten

Beitrag melden

#13

12.03.2012 06:12

ToBo
#13 RE: Layout Header & Navigation

ToBo

Hab das jetzt alles schön in die Menüleiste gepackt und das Template verändert.
Leider nur ein Problem und ich hab keine Ahnung wie ich es hinbekommen soll.

So sieht das Menü jetzt aus

Ganz Rechts der Button ist das Usermenü, welches nach unten aufgeht, wenn man mit der
Maus drüberfährt. Es geht halt auf und überdeckt die ganze Menüleiste. Hätte gern, dass
es wie vorher exakt unter der Menüleiste angezeigt wird, so dass man noch die anderen
Buttons sieht und klicken kann.

www.schanghaiforum.com

Antworten

Beitrag melden

#14

12.03.2012 14:07

ToBo
#14 RE: Layout Header & Navigation

ToBo

Jemand eine Idee, was ich da machen kann?

www.schanghaiforum.com

Antworten

Beitrag melden

#15

12.03.2012 14:21

Damian
#15 RE: Layout Header & Navigation

Damian

Damit das nicht "Überlappt" ist ein JS-Code (JavaScript-Code) dazu zuständig diesen außerhalb anzeigen zu lassen.
Du musst das hier ändern:

[...]
				$.each($el_list, function(index, value) {
					if($(this).css('visibility') == 'visible') 
						{$(this).css('visibility', 'hidden'); }
					else 
						{ $(this).css('visibility', 'visible'); }
				});
			}
			
			var topnavHeight = $('#navigation').outerHeight();
			topnavHeight = topnavHeight + 2;
			topnavHeight = topnavHeight + 'px'
			
			{{news==true.start}}		
				setInterval("newsblink()", 1000);
			{{news==true.end}}
[...]