Header Problem

Danny1st

Hallo, ich bin grad dabei mich mit Wordpress auseinanderzusetzen und habe diverse Dinge schon angepasst mit meinen sehr geringen CSS Kentnissen. Nur habe ich manches zu viel verändert oder möchte noch was verändern.

Als Template benutze ich folgendes:
http://www.retromania.jayhafling.com/

Nun möchte ich folgendes verändern und anpassen, nur komm ich nicht drauf
wie ich es in der Header.php bzw. Style.css eingeben/umschreiben muss:

- Bei meinem Header solln die Untermenüs ausgeblendet werden
- Ich möchte eine Home-Verlinkung, wenn ich auf mein Header klicke
- Ist es möglich die Seite Impressum/Kontakt auf mein Header (wo auch bereits der Text steht) zu verlinken, und gleichzeitig den RSS Feed Button benutzen
- Das Subscribe in RSS ist irgendwie verschoben worden und sollte eigentlich dort sein, wo das Bild mit dem Text RSS Feed erscheinen!

Hier meine Website im Rohbau: http://www.germany-to-usa.com

Ich hoffe ihr könnt mir weiterhelfen, da ich bereits im Forum gesucht habe, aber keine passenden Befehle gefunden habe.

Danke
Daniel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

synaptic

naja du musst eben die entsprechenden phpfiles und des css ändern.. ich hab mich noch nich in des design reingestürzt, aber alles was du willst is machbar :D

Danny1st

Danke; ja des ist mir schon bekannt, habs auch schon versucht, nur habe ich nicht die erforderlichen Kenntnisse und ich habe es mehr vemurkst, siehe meine Seite, die Untermenüs sind zwar teilweise ausgeblendet aber nicht ganz oder "Subscribe in RSS" ist absolut auf meinem Header verschoben??

Marvin_S

Untermenüs ausblenden =>
HTML
```
#heade ul li ul {
display:none;
}
```
Falls du das Bild im Header per CSS als Hintergrund ausgewiesen hast, raus damit , dem Header feste Höher und Breite geben, und im <div id="header"> Tag das Bild als Link einbinden, siehe meinem Beispie
HTML
```
<div id="header">
<a href="###">
<img src="Pfad/zum/header.jpg" alt="#" />
</a>
</div>
```
Willst du weiter Elemente nutzen wird es ohne großen Aufwand nicht funktionieren, dass du den gesamten Header verlinken kannst, Möglichkeit wären hier wohl Imagemaps.
Wie hast du es positioniert? Absolute? Vll. mal mit float:right versuchen und mit Margin bzw Padding arbeiten

Ich hoffe ich konnte dir ein wenig helfen

Danny1st

Danke Marvin_S
sorry das ich schon wieder dazu ne Frage stelle, aber ich bin noch ziemlich am Anfang und hab mir ein doch für mich schwieriges Template ausgesucht.
Der Header ist im style.css mit einer festen Breite u. Höhe, Quellle des Bildes und Position ausgewiesen.

Im Header.php ist dies dann so ausgewiesen
</head>
<body>
<div class="wrap">
<div class="header">
<h1 class="logo"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
<div class="subscribe_email"><a href="<?php bloginfo('rss2_url'); ?>">Subscribe<br />in a rss</a></div>
<ul class="menu" id="nav">
<li><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('hide_empty=0&title_li='); ?>

</ul>
</div>

wie würde dann der Code für den Header.php aussehen, um die Untermenüs vollständig auszublenden und auf Klick auf die Headergrafik eine Homelink zu erzeugen! Das mit den weiteren Verlinkungen bzw. Imagemaps lass ich vorerst erstmal, da ich erstmal mich
mehr mit CSS auseinander setzen muss!

Vielen Dank schon mal voraus für deine Hilfe

Marvin_S

HTML

<body>
<div class="wrap">
    <div class="header">
        <a href="#"><img src="pfad/zum/header.jpg" alt="Header" /></a>
        <h1 class="logo"><a href="<?php bloginfo('url');  ?>"><?php bloginfo('name'); ?></a></h1>
        <div class="description"><?php bloginfo('description'); ?></div>
        <div class="subscribe_email"><a href="<?php bloginfo('rss2_url'); ?>">Subscribe<br />in a rss</a></div>
    </div>
    <ul class="menu" id="nav">
        <li><a href="<?php bloginfo('url'); ?>">Home</a></li>
        <?php wp_list_pages('hide_empty=0&title_li='); ?>
    </ul>

Alles anzeigen

Das erstmal für den Teil HTML
Nun musst du , wie in meiner Grafik ( s. link unten ) das Header Bild in 2 Teile teilen. Einmal den Header selbst, und einmal den Hintergrund für die Navigation. Der Header wird als IMAGE siehe

Zitat

<a href="#"><img src="pfad/zum/header.jpg" alt="Header" /></a>

eingebettet.
Darunter , also unter dem Div Header kommt die unsortierte Liste, sprich <ul>. Das bekommt laut CSS genau die Breite , wie es der Header auch hat. Höhe wird hierbei durch das zugeschnittene Hintergrundbild der Navigation bestimmt, wie ich oben schon geschrieben habe.

Dann musst du nur noch alles, ausser dem Bild im Header Div rauslöschen oder mit CSS display:none ausblenden.

Hier das Bild. Grün = verlinktes Headerbild, Rot = Navigationhintergrundbild.
Must ebend das aktuelle Hintergrund durchschneiden.
http://wishuload.de/images/1280080302-67877-bsp.jpg
Das DIV #NAVIGATION im CONTENT BEREICH bitte ignorieren, vergessen rauszulöschen.

Ich hoffe, ich konnte dir soweit erstmal helfen.

Danny1st

Hallo Marvin, danke für deine Hilfe, hab den Code so übernommen, nur leider wird mein Header u. Template stark verändert und die Untermenüs im Header sind nicht ausgeblendet bzw. und der Homelink im Header ist auch nicht vorhanden! Ich habe keine Ahnung was ich falsch gemacht habe; hier meine Webiste nun: germany-to-usa.com

Vielleicht hast du noch eine andere Lösung???

Danny1st

Also ich komm einfach nicht drauf was der Fehler ist und warum der Homelink Header und das ausblenden der Untermenüs einfach nicht funktioniert!

Jemand ne Idee???

Gruß
Danny

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header Problem

Jetzt mitmachen!