Theme: iTheme 1.1 Bild in Überschrift einfügen

Wenn es immer das gleiche Bild ist, könntest du dem H1-Tag in der style.css einen Hintergrund zuweisen. Sollen es verschiedene Bilder sein, würde ich mit benutzerdefinierten Feldern arbeiten.

Gruß Whoppy

So dass es gut aussieht?!? Das hängt ja mit der verfügbaren Breite in deinen Posts zusammen sowie mit der verwendeten Schriftgröße. Definier dir doch einfach mal einen z.B. blauen Hintergrund und spiel mit der Größe rum. Dann hast du deine Werte für das Bild.

Gruß Whoppy

das was du in i-theme siehst, ist ein grosses hintergrundbild 1024*559 px in images/main-bg.jpg im theme folder und ist hintergrund fuer #page.

#header ist 770px weit, 120px hoch - da kannst du ein hintergrundbild fuer die blogueberschrift dranhaengen.
in der style.css des themes:

#header {
 height: 120px;
 [COLOR=seagreen]background: url(images/meinbild.jpg) top center no-repeat;[/COLOR]
}

das bild kann natuerlich auch meinbild.png oder meinbild.gif sein.

wenn das bild weiter nach unten gehen soll, dh. hoeher als 120px sein soll, dann ist es besser als hintergrund fuer #wrapper

#wrapper {
 width: 770px;
 margin: 0px auto;
 position: relative;
 [COLOR=seagreen]background: url(images/meinbild.jpg) top center no-repeat;[/COLOR]
}

dann kann es jede hoehe haben die du willst.

#header {
height: 120px;
background: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#000000]url[/COLOR][/URL][COLOR=red]([/COLOR][URL="http://www.ketex.de/ebay/kollage.jpg"][COLOR=#0066cc]http://www.ketex.de/ebay/kollage.jpg[/COLOR][/URL][COLOR=red]) [/COLOR]top center no-repeat; }

die klammern sind wichtig. hast du sie style.css auch hochgeladen?

und KEIN LEERZEICHEN zwischen url und der klammer.

in der style.css:

body {
 background: [COLOR=seagreen]#999900[/COLOR] /*[COLOR=red]url(images/html-bg.gif) repeat-x[/COLOR][COLOR=black]*/[/COLOR];
 font: 75%/170% Arial, Helvetica, sans-serif;
 padding: 0px;
 margin: 0px;
 color: #333333;
}
 
...
 
#page {
 background: [COLOR=seagreen]#999900[/COLOR] /*[COLOR=red]url(images/main-bg.jpg) no-repeat center top[/COLOR][COLOR=black]*/[/COLOR];
}

das gruene aendern, das rote auskommentieren - vielleicht fuer spaeter wenn du ein gesamthintergrundbild einfuegen willst. dann ist das ein flacher einfarbiger hintergrund.
nb: alles zwischen /* .... */ gilt als kommentar in der style.css.

echt gut soweit.

Zitat

Ich hoffe ich bin nicht unverschämt mit der vielen Fragerei.

dafuer ist das forum ja da.:-D

die navigations farbe steht hier drin (style.css):

#nav li a:hover, #nav .current_page_item a{
 text-decoration: none;
 background: [COLOR=seagreen]#800000[/COLOR] [COLOR=red]/*url(images/nav-item-hover.gif) repeat-x*/[/COLOR];
 color: #F5F5DC;
}

nav-item-hover.gif ist ein blaues hintergrundbild, das weg muss.
das rot markierte kannst du entweder so aendern wie es da steht oder ganz entfernen.
das mit dem rotierendem dings ist nicht mein gebiet, da kann vielleicht jemand anders helfen.

gern geschehen.
eine kleinigkeit noch:

#nav li a:visited{
 text-decoration: none;
 color: [COLOR=seagreen]#ffffff;[/COLOR]
}

das macht die schrift im aktuellen tab weiss und besser lesbar.

:oops:perfektionismus ist eine schreckliche angewohnheit:oops:

ja, jetzt ist alle schrift weiss; daher noch mal genau in der style.css nachsehen:

#nav ul li a{
 padding: 5px 7px 6px 7px;
 text-decoration: none;
 color: #000000; [COLOR=darkorange]/*das ist die farbe des links #000000 fuer schwarz*/[/COLOR]
 display: block;
}
#nav li a:visited{
 text-decoration: none;
 color: #ffffff; [COLOR=darkorange]/*das ist dann die farbe im aktiven link #ffffff fuer weiss*/[/COLOR]
}

ps:ich wuenschte, ich koennte brot backen so schnell lernen, wie du hier styling lernst.:mrgreen:
gruss, michael

ich glaub, ich hab's.

#nav ul li a{
 padding: 5px 7px 6px 7px;
 text-decoration: none;
 color: #[COLOR=seagreen]000000[/COLOR]; /*das ist die farbe des links #000000 fuer schwarz*/
 display: block;
}
#nav li a:visited{
 text-decoration: none;
[COLOR=red]/* color: #ffffff; */  /*das hat hier immer dazwischen gefunkt*/[/COLOR]
}
#nav li a:hover, #nav .current_page_item a{
 text-decoration: none;
 background: #800000 /*url(images/nav-item-hover.gif) repeat-x*/;
 color: #F5F5DC; /*das ist dann die farbe im aktiven link #F5F5DC fuer fast weiss*/
}

alles zwischen [COLOR=sandybrown]/*......*/[/COLOR] einschliesslich ist kommentar und kann geloescht werden.
also das 'color:#ffffff' kannst du entweder auskommentieren oder entfernen.
du taetest mir einen grossen gefallen, wenn du das als letztes noch mal probieren wuerdest, ich kann soinst bestimmt nicht ruhig schlafen.:???:

vielen dank und besten gruss,
michael (in irland, daher keine umlaute:-D)

ich glaub, das ist jetzt der letzte schritt, war auch ein bischen verwirrend mit all den aenderungen:

#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: [COLOR=darkorange]#000000[/COLOR]; /*das ist die farbe des links #000000 fuer schwarz*/
display: block;
}

wenn da #000000 drin steht, sollte es eigentlich klappen.
daumen druecken!:?

ps: oder koenntest du #800000 reinschreiben, dann hat es dieselbe farbe wie der andere text.