Header + Logo entfernen

[Gorthaur]

Hallo Leute,
ich nutze das "WoW5thAniversary" Design:
http://www.awesomestyles.com/phpbb3-sty ... aniversary
Da ich aber nichts mit WoW am Hut habe sondern nur das restliche Forum optisch sehr ansprechend finde, möchte ich alles was zum Header gehört rauswerfen - also das eigentliche Logo und auch die 2900x250 Pixel große header-bg.jpg Grafik.
Egal was ich versuche - die header-bg.jpg bleibt aber drin.
Unter Theme - stylesheet.css habe ich folgendes gefunden:
#pagebg {
z-index:-15;
LEFT: 0px;
POSITION:absolute;
TOP:250px;
width:100%;
height:684px;
background: url({T_THEME_PATH}/images/page-bg.jpg) center no-repeat;
Aber egal ob ich die 250px ändere oder den kompletten abschnitt lösche - es ändet nichts.
Natürlich habe ich die "themes" nach den änderungen im ACP auch aktualisiert.
Hat jemand von euch einen Tip für mich ?

[Charlie_M]

HEaderlogo:
Öffne /template/overall_header.html und entferne:

Code: Alles auswählen

<div id="headerlogo"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></div>

header-bg.jog
Öffne und entferne (ändern):
/theme/stylesheet.css:

Code: Alles auswählen

#container { width: 100%; background: url("{T_THEME_PATH}/images/header-bg.jpg") top center no-repeat}

Entscheidend ist hier:

Code: Alles auswählen

background: url("{T_THEME_PATH}/images/header-bg.jpg"

Anschließend Style-Template und Style-Theme akt. und Cache leeren.

Gruß

[Gorthaur]

moin charlie - vielen dank für die hilfe - das hat soweit auch geklappt ... aber ... statt dem header-bg.jpg ist dort oberhalb des forums jetzt ein 250 pixel hoher leerer streifen - was müsste ich denn jetzt ändern das das gesamte forum nach oben rückt und dieser streife verschwindet ?
vielen dank im vorraus

[hackepeter13]

Dann entferne doch einfach den ganzen DIV-Container in der overall_header.html

Code: Alles auswählen

<div id="headerlogo"><a href="./index.php?style=545&sid=dbcaa8b40034a40096f92fc8ef6e67b1"><img src="./styles/WoW5thAniversary/imageset/site_logo.gif" alt="" title="" /></a></div>

[Charlie_M]

@ Hackepeter:
Woher hast du die Code-Stelle? Die gibts kaum im QT inkl. SID

@ Gorthaur
Die Leerstelle entsteht nat. durch Entfernen des Hintergrunds. Der Abstand wird in der Stylesheet.css festgelegt:

Code: Alles auswählen

#pagebg {
  z-index:-15;
  LEFT: 0px;
  POSITION:absolute;
  TOP:250px;
  width:100%;
  height:684px;
  background: url({T_THEME_PATH}/images/page-bg.jpg) center no-repeat;
}

Dürfte reichen wenn du den Wert

Code: Alles auswählen

TOP:250px;

entsprechend anpasst.

Style / Theme akt. und Cache leeren nicht vergessen!

[Gorthaur]

das scheint leider nichts zu bewirken - habe es so geändert:
#pagebg {
z-index:-15;
LEFT: 0px;
POSITION:absolute;
TOP:0px;
width:100%;
height:684px;
background: url({T_THEME_PATH}/images/page-bg.jpg) center no-repeat;
nach aktualisiere und cache leeren zeigt sich keine änderung

[kidrob]

Leider bin ich auf Arbeit und kann Dir direkt zum Problem (ohne Software) nicht direkt helfen, aber dafür eben nen kleinen Tipp geben:

Firebug: https://addons.mozilla.org/de/firefox/addon/firebug/

Kurz beschrieben: Du kannst mit einer "Mausoption" mit dem Zeiger über die Seitenelemente "drüberfahren" und es zeigt dir dann direkt den html+CSS-Code an, den Du direkt "live" dort in den Files bearbeiten und praktisch das Ergebnis direkt sehen kannst.
Wenn das dann passt kannst die Änderungen dann in Deine Files übernehmen und uploaden

[eichjoernchen]

Hallo!

Code: Alles auswählen

<div id="Separador1" style="height: 80px; "/>

Soetwas müßte in der overall_header.html zu finden sein.
Ändere mal height:80px zu height:0px
Da dürfte das Problem liegen.
Wenn es das ist, kannst du diesen Div-Container entfernen. Dazu musst du aber noch das abschließende </div> finden.
Gruß Jörn

[Gorthaur]

@kidrob - danke für den tip - habe es mal installiert

@eichjoernchen - kein schlechter ansatz - ich habe das mal mit diesem firebug add-on angetestet - das design verschiebt sich um die 80 px nach oben - aber leider müssten es ja 250px sein - irgendwo sind noch 170 versteckte px

[Gorthaur]

ahhh ich glaube ich habe es (dank Firebug) gefunden - hier waren die restlichen px unter "top" versteckt:
#wrapper {
width: 940px;
margin: 0 auto;
/*background: url("./styles/WoW5thAniversary/theme/images/parchment-bg.jpg") top center repeat-y;*/
position: relative;
top: 0px;
}

Danke euch allen für die Hilfe