Hallo,
kann mir jemand helfen folgendes umzusetzen:
Möchte den slogan, der oben Rechts erscheint durch eine navigation ersetzen (Anmelden | Kontakt | Impressum)
Danke für eure Hilfe.
Grüße
manu
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHallo,
kann mir jemand helfen folgendes umzusetzen:
Möchte den slogan, der oben Rechts erscheint durch eine navigation ersetzen (Anmelden | Kontakt | Impressum)
Danke für eure Hilfe.
Grüße
manu
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.
Kann mir niemand helfen bei diesem Problem? :???:
header.php
suche
ersetze darin das
mit
<div id="access" role="navigation">
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
<div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div>
dieser Codeteil steht weiter unten und kann dann entfernt werden
weiter in der style.css
suche
#access {
background: none repeat scroll 0 0 #000000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
Alles anzeigen
ändere darin das "left" in "right" und passe die 940px den vorhandenen Menüpunkten an
[COLOR=Red]Edit[/COLOR] Kann auch sein das ich etwas falsch verstanden habe, also nicht das Menü nach oben soll, sondern ein weiteres dort eingefügt werden soll. Aber dann weißt du jetzt ja auch wo es hin muss. :wink:
art of Pic: Vielen dank schonmal für die erklärung.
Wie du dir schon gedacht hast, hast du es falsch verstanden. Dir Vorhandene Navigation soll bleiben aber es soll noch eine mit 3 Menüpunkten hinzu (siehe Anhang). Und zwar an die Stelle wo normalerweise der slogen steht.
Wenn man mit der Maus über die Menüpunkte geht soll sich jeweils die farbe ändern..
Welcher Teil deiner erklärung trifft dann für mich zu?
Danke!
Welcher Teil deiner erklärung trifft dann für mich zu?
Der Teil der zu ersetzen ist, also statt das Standardmenü, fügst du eben dein Menü dort ein.
Wenn du nicht weißt wie man ein Menü erstellt, dann klick mal hier = CSS Menu-Generator
Menü erstellen oben einfügen und den dazu gehörigen css-Code in die style,css einfügen
Wenn die Links so wie auf dem Screenshot aussehen sollen, dann braucht man dort kein aufwändiges CSS Menü einzufügen. Dann würde eine simple Liste mit den entsprechenden Links reichen. Das Ganze dann per display:inline ausrichten und gut ist.
nun das kann er ja damit machen, er muss ja kein aufwändiges nehmen.
aber es ist ja Hovereffekt gewünscht
also simples Menü auswählen, Links eingeben fertig
das sieht von Hand gemacht, auch nicht anders aus
Wenn die Links so wie auf dem Screenshot aussehen sollen, dann braucht man dort kein aufwändiges CSS Menü einzufügen. Dann würde eine simple Liste mit den entsprechenden Links reichen. Das Ganze dann per display:inline ausrichten und gut ist.
Hi Infected,
ich hab von der Materie wirklich 0 Plan. Könntest du mir das an einem Beispiel zeigen?
many Thx
Wenn die Links nicht über das Backend geändert werden müssen, kannst Du sie von Hand in die header.php schreiben. Ersetze einfach
durch
<div id="site-description">
<ul>
<li><a href="<?php bloginfo( 'url' ); ?>/seite-1/">Seite 1</a> | </li>
<li><a href="<?php bloginfo( 'url' ); ?>/seite-2/">Seite 2</a> | </li>
<li><a href="<?php bloginfo( 'url' ); ?>/seite-2/">Seite 3</a></li>
</ul>
</div>
und setze die entsprechenden Links und Titel.
Anschließend fügst Du der style.css des Themes dies hinzu:
Das war´s eigentlich schon.
ahh ok, verstehe. Das käme dann also in die header.php. Damit ist dann aber noch kein hovereffekt vorhanden, oder? Was würde dazu noch nötig sein und wie positioniere ich das ganze?
danke
schau dir mal den Vorschlag von infected an
schau dir mal den Vorschlag von infected an
hab es gerade gesehen. Danke @infected.
Ich werd den code mal ausprobieren.
aber es ist ja Hovereffekt gewünscht
Danke für den Hinweis, das hatte ich in meiner Lösung vergessen anzugeben.
Der style.css hinzufügen:
So ich hab es mal getestet. Sieht jetzt so aus (siehe anhang)
Gibt es eine möglichkeit das so wie in meinem ersten beispiel hin zu kriegen? Standartfarbe Schwarz und wenn maus drüber weiß + die menüs nebeneinander und nicht untereinander.
Komischerweise hat das einfügen dieser Zeile
Anschließend fügst Du der style.css des Themes dies hinzu: Code: #site-description ul li{display:inline; list-style-type: none;}
keine auswirkung auf das Menü!?
Was mir noch aufgefallen ist, der seitenlink ist irgendwie doppelt. Ich hab es so eingefügt:
<li><a href="<?php bloginfo( 'url' ); ?>/http://www.meine-seite.de/impressum/">Impressum</a> | </li>
ist das denn korrekt so?
ok, das hier
an die richtige stelle gesetzt und es klappt ;)
Das mit der Farbe hat auch funktioniert. Sind jetzt nur noch 2 kleine fehler die mir aufgefallen sind.
Die menüs haben von vornherein einen unterstrich. Was muss ich machen, damit dieser erst erscheint wenn man mit der Maus drüber geht?
und dann habe ich das gefühl, das die navi etwas tiefer sitzt als vorher der slogen und mit dadurch das headerbild etwas nach unten gedrückt wird. Wie kann ich die navi etwas höher setzen??
Danke.
Gibt es eine möglichkeit das so wie in meinem ersten beispiel hin zu kriegen? Standartfarbe Schwarz und wenn maus drüber weiß
Siehe mein letztes Posting. Den Wert von hover dann einfach von blue auf white ändern (oder halt #fff).
+ die menüs nebeneinander und nicht untereinander
Sollte mit meinem vorherigen Code so aussehen. Gibt´s nen Link zur Seite, dass man mal sehen kann wie der Quellcode aussieht?
Keine Ahnung warum das so ist. Handelt es sich vielleicht um eine modifizierte Version des TwentyTen Themes, in dem das entsprechende Div anders benannt wurde oder garnicht existiert? Auch hierzu wäre ein Link zur Seite hilfreich.
Nein, richtig ist das nicht. Das ist auch nicht der Code der von Art Of Pic oder mir gepostet wurde. Das ist ein Mischmasch aus beidem.
Dieser Teil gibt die URL des Blogs aus, sodass Du an den Link nur noch den letzten Teil des Permalinks anhängen musst. Dadurch wird das http://www.meine-seite.de überflüssig.
Alles anzeigenSiehe mein letztes Posting. Den Wert von hover dann einfach von blue auf white ändern (oder halt #fff).
Sollte mit meinem vorherigen Code so aussehen. Gibt´s nen Link zur Seite, dass man mal sehen kann wie der Quellcode aussieht?
Keine Ahnung warum das so ist. Handelt es sich vielleicht um eine modifizierte Version des TwentyTen Themes, in dem das entsprechende Div anders benannt wurde oder garnicht existiert? Auch hierzu wäre ein Link zur Seite hilfreich.
Nein, richtig ist das nicht. Das ist auch nicht der Code der von Art Of Pic oder mir gepostet wurde. Das ist ein Mischmasch aus beidem.
Dieser Teil gibt die URL des Blogs aus, sodass Du an den Link nur noch den letzten Teil des Permalinks anhängen musst. Dadurch wird das http://www.meine-seite.de überflüssig.
Super Danke! Hat jetzt alles geklappt bis auf diese 2 kleinigkeiten:
ZitatDie menüs haben von vornherein einen unterstrich. Was muss ich machen, damit dieser erst erscheint wenn man mit der Maus drüber geht?
und dann habe ich das gefühl, das die navi etwas tiefer sitzt als vorher der slogen und mit dadurch das headerbild etwas nach unten gedrückt wird. Wie kann ich die navi etwas höher setzen??
Dafür noch ne Idee? Dann bin ich für Heute glücklich :)
Die menüs haben von vornherein einen unterstrich. Was muss ich machen, damit dieser erst erscheint wenn man mit der Maus drüber geht?
Ergänze
#site-description a {color: black;[COLOR="RoyalBlue"]text-decoration: none;[/COLOR]}
#site-description a:hover {color: blue;[COLOR="RoyalBlue"]text-decoration: underline;[/COLOR]}
um die farbigen Definitionen.
und dann habe ich das gefühl, das die navi etwas tiefer sitzt als vorher der slogen und mit dadurch das headerbild etwas nach unten gedrückt wird. Wie kann ich die navi etwas höher setzen??
Kann ich so auf Anhieb nicht sagen. Kann´s gerade nicht nachstellen. Muss ich live sehen. Ich vermute, dass man hier mit padding was erreichen kann.
Tipp: Eigne Dir CSS Basiswissen an und benutze das Firefox Addon Firebug, dann kannst Du sowas selbstständig herausfinden und beheben. Das Basiswissen kann man sich in relativ kurzer Zeit aneignen.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!