Header-Grafik

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
Huidigui
Mitglied
Beiträge: 202
Registriert: 23.08.2009 20:41

Header-Grafik

Beitrag von Huidigui »

Huhu!

Ich muss mich gleich vorweg erstmal für den allgemeinen Betreff entschuldigen, aber ich wusste nicht, welchen Namen ich dem Kind sonst geben sollte.

Mein Problem ist sicherlich nichts weltbewegendes, aber ich würde gerne wissen, wie ich im Header den blauen Rand um das von mir eingefügte Seiten-Logo verändere. Wenn ihr auf den Link in meiner Signatur klickt, seht ihr, was ich meine. :oops:

Danke im Voraus. :)
Huchinotte
Mitglied
Beiträge: 765
Registriert: 24.10.2007 09:34

Re: Header-Grafik

Beitrag von Huchinotte »

Hi ........

schau mal in der color.css nach dem EIntrag

Code: Alles auswählen

.headerbar
Gruß Huch
Huidigui
Mitglied
Beiträge: 202
Registriert: 23.08.2009 20:41

Re: Header-Grafik

Beitrag von Huidigui »

Huhu Huch!

Der von dir genannte Teil sieht bei mir aktuell so aus:

Code: Alles auswählen

.headerbar {
	background-color: #cadceb;
	color: #FFFFFF;
}
Ich sehe da keine Möglichkeit, den blauen Rand zu verkleinern. :(
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Re: Header-Grafik

Beitrag von franki »

Was denn nun ?
Verändern oder verkleinern und evtl. etwas genauer was Du genau haben möchtest :wink:

Wenn der Header genau so hoch wie das Logo sein soll gib noch ein height: deine_logo_höhe; unter color: ein
oder öffne die overall_header.html und suche

Code: Alles auswählen

<div class="headerbar">
ersetze durch

Code: Alles auswählen

<div class="headerbar" style="height:100px">
Die 100px muß Du an deine Logohöhe anpassen.
Zuletzt geändert von franki am 12.10.2009 14:27, insgesamt 1-mal geändert.
LG Franki
Huchinotte
Mitglied
Beiträge: 765
Registriert: 24.10.2007 09:34

Re: Header-Grafik

Beitrag von Huchinotte »

Huidigui hat geschrieben:Huhu Huch!

Der von dir genannte Teil sieht bei mir aktuell so aus:

Code: Alles auswählen

.headerbar {
	background-color: #cadceb;
	color: #FFFFFF;
}
Ich sehe da keine Möglichkeit, den blauen Rand zu verkleinern. :(
Was willst du denn genau machen? Im Eingangspost steht nix von verkleinern .............

Code: Alles auswählen

  background-color: #cadceb;
Das ist der Farbwert deines Hintergrundes ........... am besten du sagst mal was du genau machen willst.

Gruß Huch
Huidigui
Mitglied
Beiträge: 202
Registriert: 23.08.2009 20:41

Re: Header-Grafik

Beitrag von Huidigui »

Es geht um folgendes:

http://img159.imageshack.us/img159/1760 ... 2kopie.jpg

Ich habe diese Grafik (800x200px) als "side_logo.png" eingebunden. Man erkennt an dem gepunkteten Rahmen sehr gut, dass die im ACP vorgegebenen 800x200px offensichtlich nicht völlig von der Grafik ausgefüllt werden, sondern rundherum einen transparenten Bereich erkennen lässt.

Dies sorgt dafür, dass der blaue Bereich im Hintergrund, welcher hier als blauer Rahmen um die Grafik wirkt, oben und links (rote Pfeile) den gleichen Abstand zur Grafik hat, unten (grüner Pfeil) jedoch einen viel schmäleren Rand zeigt.

Würde die Grafik jedoch die vorgebenen 800x200px ausfüllen, würde der Rand (siehe gepunktete Linien) auf allen Seiten passen.

Meine Frage lautet daher: Wo bzw. wie kann ich das anpassen?

@franky: Dein Vorschlag bringt leider nicht das gewünschte Ergebnis. :(
Huchinotte
Mitglied
Beiträge: 765
Registriert: 24.10.2007 09:34

Re: Header-Grafik

Beitrag von Huchinotte »

Hi ..........

dann sollte aber franky´s Vorschlag passen. Hast du danach die theme cache geleert?

Edit: Schau mal bitte in die menu.css wenn die bei dir existiert und suche dort nach

Code: Alles auswählen

.header-bar {
und den Wert

Code: Alles auswählen

height: dein Wert px;
Sollte dann dort gehen.

Gruß Huch
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Re: Header-Grafik

Beitrag von franki »

Huidigui hat geschrieben:Es geht um folgendes:
.......................sondern rundherum einen transparenten Bereich erkennen lässt.
Dann gehe hin und schneide den transparenten Teil des Logos aus.
LG Franki
Huidigui
Mitglied
Beiträge: 202
Registriert: 23.08.2009 20:41

Re: Header-Grafik

Beitrag von Huidigui »

Das ist das Problem. Das Logo hat keinen transparenten Teil an den betroffenen Stellen. Weiß selbst nicht, wieso da was dargestellt wird. :(

Eine "menu.css" gibt es anscheinend bei ProSilver nicht. :(
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“