Layout Header & Navigation

  • Seite 1 von 2
11.03.2012 08:07
avatar  ToBo
#1 Layout Header & Navigation
avatar
Mitglied

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.


 Antworten

 Beitrag melden
11.03.2012 10:07 (zuletzt bearbeitet: 11.03.2012 10:10)
avatar  Olaf
#2 RE: Layout Header & Navigation
Ol
Mitglied

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
11.03.2012 10:22
avatar  ToBo
#3 RE: Layout Header & Navigation
avatar
Mitglied

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


 Antworten

 Beitrag melden
11.03.2012 12:18
#4 RE: Layout Header & Navigation
avatar
Mitglied

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


 Antworten

 Beitrag melden
11.03.2012 12:19
avatar  ToBo
#5 RE: Layout Header & Navigation
avatar
Mitglied

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

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


 Antworten

 Beitrag melden
11.03.2012 14:26
avatar  Damian
#6 RE: Layout Header & Navigation
avatar
Spacebot-Rekordhalter

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
11.03.2012 14:40
avatar  Damian
#7 RE: Layout Header & Navigation
avatar
Spacebot-Rekordhalter

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
11.03.2012 15:28 (zuletzt bearbeitet: 11.03.2012 15:28)
avatar  ToBo
#8 RE: Layout Header & Navigation
avatar
Mitglied

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/


 Antworten

 Beitrag melden
11.03.2012 15:37
avatar  Damian
#9 RE: Layout Header & Navigation
avatar
Spacebot-Rekordhalter

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
11.03.2012 15:46
avatar  ToBo
#10 RE: Layout Header & Navigation
avatar
Mitglied

Yep, das funzt.
Danke


 Antworten

 Beitrag melden
11.03.2012 16:36
avatar  ToBo
#11 RE: Layout Header & Navigation
avatar
Mitglied

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.


 Antworten

 Beitrag melden
11.03.2012 16:46
avatar  Damian
#12 RE: Layout Header & Navigation
avatar
Spacebot-Rekordhalter

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
12.03.2012 06:12
avatar  ToBo
#13 RE: Layout Header & Navigation
avatar
Mitglied

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.


 Antworten

 Beitrag melden
12.03.2012 14:07
avatar  ToBo
#14 RE: Layout Header & Navigation
avatar
Mitglied

Jemand eine Idee, was ich da machen kann?


 Antworten

 Beitrag melden
12.03.2012 14:21
avatar  Damian
#15 RE: Layout Header & Navigation
avatar
Spacebot-Rekordhalter

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}}
[...]

Viele Grüße,
Damian


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


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!