Thema: Headergröße ändern beim Template Rhuk Milkyway

Ersteinmal ein freundliches Hallo an alle!

Ich fange gerade erst mit Joomla an und habe mich für das Rhuk Milkyway Template entschieden. Das Logo zu ändern war kein Problem, aber an der Höhe des Headers scheiter ich.
Ich schaffe es die Größe im Template umzustellen, habe dann aber einen Balken im Bild (DIe Umrandungsgrafik geht dann nicht durch).
In einem anderen Beitrag wurde das Problem auch beschrieben und wurde mit Hilfe des Firebug von Mozilla gelöst, aber nicht beschrieben wie der Autor das Problem gelöst hat.

Hat jemand eine Idee, was ich anstellen könnte?

das musst du in der CSS ändern....du hast doch im ordner des templates sicher in einem unterordner eine .CSS datei... in der ist das sicherlich zu finden...

DAnke ersteinmal für deine Antwort!
Die CSS Datei ist kein Problem. Den Eintrag habe ich auch gefunden und den Headerbereich geändert. Problem ist dann aber, dass bei diesem Template auf höhe der alten Größe ein dicker Streifen über die ganze Webseite durchgeht und der schöne Rahmen um den Header auch nicht im "erweiterten" Bereich weiter geht.
Da ich aber keine Erfahrung mit dem PRogrammieren von CSS habe denke ich, dass ich da einen Fehler drin habe oder etwas datzugeschrieben werden muss.

Ich schreibe mal den Teil vom Template auf:
...
div#header_l {
position: relative;
}

div#header_r {
height: 90px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px; (Habe ich bei mir in 95px geändert und mehr nicht)
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}

div#newsflash {
width: auto;
margin-left: 350px;
margin-right: 30px;
border: 1px solid #00f;
}

div#tabarea {
background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x;
margin: 0 11px;

}

div#tabarea_l {
background: url(../images/mw_header_l_b.png) 0 0 no-repeat;
padding-left: 32px;
}

div#tabarea_r {
height: 42px;
background: url(../images/mw_header_r_b.png) 100% 0 no-repeat;
padding-right: 1px;
...

Zitat von IOCUS

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px; (Habe ich bei mir in 95px geändert und mehr nicht)
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}

Damit wird nur die Hoehe des Logos veraendert und nicht des kompletten headers.

Gruss,

Hubert Brand

Huppssss stimmt mit dem Logo! Ich musste ja sowohl Logo als auch Header ändern. Hatte natürlich auch den Header geändert.

div#header_r {
height: 90px; (Geändert in 120px)
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

also hier in dem Teil hatte ich auch eine Änderung der Größe gemacht. Das war es dann aber auch was ich gemacht hatte! Logogröße und Headergröße.

Und vielen Danke für eure Hilfe

Habe die Lösung nun selber gefunden lag an den Hintergrundgrafiken.

Anleitung zum ändern des Headers beim Milkyway Template

1. Die Größe in Template.css ändern (Logo und Header)

div#header_r {
height: 90px; (Habe ich in 120px geändert --> also + 30px)
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px; (Habe ich in 95px geändert --> also + 20 px)
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;
}

2. Die Hintergrundgrafiken ändern (Ich hatte die Hintergründe aus dem Blue Ordner)
Die benötigten Bilddatein sind:
mw_header_t_l.png (alte Breite 37px Höhe 115px--> Neue Breite 37px Höhe 145px)
mw_header_t_r.png (alte Breite 37px Höhe 115px--> Neue Breite 37px Höhe 145px)
mw_header_t.png (alte Breite 36px Höhe 129px--> Neue Breite 36px Höhe 159px)

Verändert die Länge der Grafiken, indem ihr eine neue Bilddatei mit den benötigten Längen in einem Grafikprogramm erstellt. Kopiert die alte Bilddatei in die neue und anschließend kopiert ihr einen Teil vom unteren Bildbereich herraus und fügt ihn an. Abspeichern im Ordner und fertig.

Sorry, ich weiß, dass das Thema schon etwas älter ist, aber ich schaffe es trotzdem nicht, meine Seite nach meinen Wünschen zu gestalten.

Der letzte Post war zwar super, aber ich bin scheinbar einfach zu doof die passenden Hintergrundgrafiken zu finden.

Bitte hilft mir...

Hallo Tanzmaus

Bitte poste doch einen Link zu deiner Seite. Hilfe zu leisten zu versuchen ohne sich die Seite anschauen zu könnnen ist wie Kristallkugeln lesen - sehr ungenau und schnell frustrierend

Zum Problem der Dateien. Bei Rhuk_Milkyway kannst Du ja verschiedene Grundfarben auswählen. Die haben dann eben jeweils einen eigenen Ordner. So sind zum Beisspiel die Bluedatein oben wahrscheinlich unter templates/rhuk_milkyway/images/blue/ gespeichert.

Grüsse
Michael

http://www.***y-reality.de/ s e x y-reality.de (ohne Leerzeichen - das soll ein Shop werden)

ich möchte den weiß/grauen Hintergrund gern behalten, aber der muss größer. Und die Farbe von dem blauen Rand kann ich auch nicht ändern :(

Das Problem ist, dass die Header Hintergrundgrafiken des Rhuk Milkyway nur 129 pixel gross sind. Du musst diese mit einem Bildbearbeitungsprogramm entsprechend verzerren und dann die Grösse der div Container evtl. noch anpassen.

Die betreffenden grafiken im Ordner "blue"

blue/mw_header_t.png
blue/mw_header_t_r.png
blue/mw_header_t_l.png

Gruss
Michael