design anpassen - logo/navigation

xmm

erstmal einen wunderschönen guten abend.

habe mich vor tagen dazu entschieden mein projekt mit wordpress zu realisieren. leider komme ich nicht ganz mit der design anpassung klar.

mein design ist eig. relativ einfach aufgebaut. habe mir deshalb eins, welches die form meines designs hat instaliert.

zuerst der link zu meiner seite: http://fairdesign.lima-city.de/

benutzt wird hierbei das vorgefertigte design "ambiru"

jetzt möchte ich aber mein eigenen banner einfügen.
zudem möchte ich die vorhandene navigation (about us) loswerden und diese durch bilder ersetzten.

leider weiß ich nicht wie genau ich an das logo herankomme und wie ich es auf meine größe anpasse, auch die navigationsabänderung zeichnet mir ein dickes fragezeichen über den kopf.

wäre es auch möglich, die jetzige navigation so abzuändern, das der jeweilige anfangsbuchstabe z.b. blau erscheint und der rest des textes schwarz?

lg. von einem verweifelten user, der auf hilfe hofft. :)

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

hero1977

den header (das grüne bild oben) kannst du in der style.css deines themes bestimmen:

HTML

#header{
    background: url(./images/header.png) no-repeat;
    height:225px;
    text-align:right;
    width:500px;
    padding:30px 0;
}

"height" dürfte klar sein was das bedeutet und dann halt einfach das bild "header.png" austauschen.

navi als bilder? hmmm ist nicht sehr flexibel, aber das geht in dem du in der header.php deines themes das zeug löscht:

HTML

<li><a href="<?php echo get_settings('home'); ?>/"><?php _e('Home','ambiru'); ?></a></li>
        <?php wp_list_pages('depth=1&title_li='); ?>

und an dieser stelle deine bilder einbaust und dann verlinkst. ist dann halt recht statisch.

den ersten buchstaben einfärben kannst du mit css:

HTML

a:first-letter { font-size:200%; color:red }

was die navigation angeht, wenn du da lieber eine coolere schrift haben möchtest empfehle ich dir "cufon", damit kannst du freakige schriften in deiner webseite einbauen die der user nicht installiert haben muss:
http://blogs.sitepoint.com/2009/06/26/use…e-on-wordpress/

xmm

hallo hero1977,
erstmal danke für deine hilfe, ich bin leider nicht früher dazu gekommen zu antworten.

änderungen etc. habe ich zum teil umgesetzt.
hab mich nun doch gegen eine "bilder"navigation entschieden.
den css code für den ersten buchstaben hab ich mal ausprobiert, aber leider zeigt er bei mir (firefox/ie) keine veränderung.
habe den css code in der style.css unter .navigation eingefügt. aber auch unter .content etc. zeigt er keine veränderung.

könntest du mir da eventuell weiterhelfen :)?

lg xmm

hero1977

hau mal das in deiner "style.css" in die letzte zeile:

HTML

#nav ul li a:first-letter { font-size:200%; color:red; }

müsste klappen. ansonsten mal "firebug" installieren (pflichtprogramm für webdesigner, ist ein plugin für firefox), damit kannst du sehen welche teile des css dein design beeinflussen. am besten dazu ein kleines einführungsvideo ansehen (youtube).

scotti

Für den ersten Buchstaben in der Navigationsleiste.

In die "style.css" einfügen.

Code

#nav ul li a:first-letter {
   color:#00f;
}

hero1977

hier noch eine quelle für sehr gute lizenzfreie fonts (kannst du ohne probleme auf webseiten einsetzen/einbetten (cufon):

http://webdesignledger.com/freebies/20-hi…s-for-designers

die impact ist jetzt nicht so der burner die du da versendest (wenn es die ist, aber ich meine sie zu erkennen, ist glaub ich eine windows systemschrift).

xmm

leider muss ich mich nochmal zurückmelden.
habe den von euch vorgegebenen code wie ihr beschrieben habt eingefügt, aber leider ändert sich immer noch nichts. weder im ie, noch im firefox.

woran könnte das liegen?

hero1977

mach ma so:

HTML

#nav ul li a:first-letter {
   color:#00f!important;
}

xmm

leider funktionierts auch nicht mit !important.

hatte das auch schon probiert.
auch wenn ich den css code bei anderen bereichen wie z.b. dem content oder dem footer einsetze wird der 1. buchstabe nicht in einer anderen farbe gezeigt.

hero1977

stimmt, so gehts aber:

HTML

#nav ul li:first-letter {
   color: #C00;
}

xmm

hat endlich funktioniert.
ich bedanke mich für deine super hilfe :)

lg xmm

Willkommen! Melden Sie sich an oder registrieren Sie sich.

design anpassen - logo/navigation

Jetzt mitmachen!