Header Bild einfügen

kahart

Benutze die Theme WordPress Deutschland Themepool ZyRed
Ist es möglich rechts oder links neben Schrift "Demoblog"(in meinem Blog der Titel) ein Bild einzufügen?

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

marX

Ja:

Code

[COLOR="DimGray"]/* style.css (line 79) */[/COLOR]
#sitename {
background:[I][COLOR="RoyalBlue"][hier Hintergrund-Eigenschaften rein][/COLOR][/I]
color:#FFFFFF;
height:90px;
margin:0 20px 10px;
text-align:center;
}

Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

kahart

So einen Eintrag finde ich nicht. Habe mal das Ganze kopiert:

Code

/* 
Theme Name: ZyRed Theme
Theme URI: [URL="http://www.zyblog.de/wordpress-themes/zyred/"]ZyRed /// ZyBlog[/URL]
Description: Based on WP-Andreas09 V2.0 by Ainslie Johnson
Version: 2.7
Author: Tim Zylinski
Author URI: [URL="http://www.zyblog.de/"]ZyBlog - Useful information optional[/URL]
*/
/* General Element Styling */
body {
margin: 0;
padding: 0;
background: #8B8B8B;
color: #303030;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}
a {
color: #505050;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #808080;
text-decoration: underline;
}
a[href^="http:"] {
text-decoration: underline;
}
p {
margin: 0 0 15px;
padding: 0px;
line-height: 1.5em;
}
/* <CODE> display */
code {
white-space: pre;
color: #000000;
font-size: 1.1em;
text-align: left;
}
pre {
border: 1px solid #B0B0B0;
padding: 10px 10px 10px 10px;
width: 90%;
background: #F8F9FA;
font-family: 'Bitstream Vera Sans Mono','Andale Mono','LucidaTypewriter',monospace;
-moz-background-clip: -moz-initial;
-moz-background-inline-policy: -moz-initial;
-moz-background-origin: -moz-initial;
overflow-x: auto;
overflow-y: auto;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
}
/*** Main container ***/
#container {
margin: 0;
padding: 0;
width: 100%;
color: #303030;
background: url(images/bodybg.png) #F0F0F0 repeat-x;
text-align: left;
min-width: 770px;
}
/*** Header section ***/
#sitename {
margin: 0 20px 10px;
color: #FFFFFF;
text-align: center;
height: 90px;
}
#sitename h1,#sitename h2 {
margin: 0;
padding: 0;
font-weight: 400;
}
#sitename h1 {
padding-top: 20px;
font-size: 2.4em;
}
#sitename h1 a {
color: #FFFFFF;
text-decoration: none;
letter-spacing: 5px;
}
#sitename h2 {
font-size: 1.6em;
}
/*** Content wrap ***/
#wrap {
clear: both;
padding: 0;
margin: 10px auto;
font-size: 0.9em;
max-width: 80%;
min-width: 910px;
}
* html div#wrap {
width: 80%;
width: expression(document.body.clientWidth < 990 ? "910px" : document.body.clientWidth > 990 ? "80%" : "auto");
}
/* Horizontal menu */
#mainmenu {
clear: both;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}

Alles anzeigen

maxe

Zitat von kahart

So einen Eintrag finde ich nicht.

Wieso, hier steht er doch:

Code

/*** Header section ***/
[COLOR=Red]#sitename[/COLOR] {
margin: 0 20px 10px;
color: #FFFFFF;
text-align: center;
height: 90px;
}

Da setzt du jetzt einfach noch ein Background rein. marX hat dir ja einen schönen Link dazu geschrieben.

kahart

Es funktioniert nicht.

Ich habe vielleicht das Problem falsch geschildert? Also nochmal:

ich ein Bild links neben der Schrift (ie Smily) :D"Demoblog" . Das Bild liegt in diesem Ordner: C:\Dokumente und Einstellungen\Schäfer\Eigene Dateien\Eigene Bilder\partnersuche\herzen
und hat diese Eigenschaften: heart_light_dark_225955_m
Dateityp: Paint.NET Image
Format: JEPG

maxe

Was funktioniert nicht? Wie hast du es jetzt versucht? Poste mal den Code. Das Bild hast du aber auf den Server geladen?

Betreibst du deinen Blog lokal? Sonst gib uns vielleicht mal einen Link zum Blog.

kahart

Hier der Code Header Style CSS:

PHP

/*** Header section ***/
#sitename {
 background-image: C:\Dokumente und Einstellungen\Schäfer\Eigene Dateien\Eigene Bilder\partnersuche\herzen\heart_ligth_dark_225955_m.jpg\left 
 margin: 0 20px 10px;
 color: #FFFFFF;
 text-align: center;
 height: 90px;
}
#sitename h1,#sitename h2 {
 margin: 0;
 padding: 0;
 font-weight: 400;
}
#sitename h1 {
 padding-top: 20px;
 font-size: 2.4em;
}
#sitename h1 a {
 color: #FFFFFF;
 text-decoration: none;
 letter-spacing: 5px;
}
#sitename h2 {
 font-size: 1.6em;

Alles anzeigen

Partnersuche mit Herz

maxe

:mrgreen: sorry, aber so kann das nicht funktionieren.

Zitat

Das Bild hast du aber auf den Server geladen?

Du musst das Bild auf den Server raufladen. Lad das mal in den images Ordner deines Themes:
http://www.partnersuche-mit-herz.de/wordpress/wp-c…rk_225955_m.jpg

und dann bitte so einbinden:

Code

background-image: url('images/heart_ligth_dark_225955_m.jpg');

[size=8][COLOR=Black]
[/COLOR][/SIZE][size=8][COLOR=Black]PS: Den Code den du hier im Forum postest bitte auch über den Code-Button als solchen auszeichnen.[/COLOR][/SIZE]

kahart

Das Bild ist hoachgeladen.
Das ist der code

Code

#sitename {
 
background-image: url('images/heart_ligth_dark_225955_m.jpg');

Es ist kein Bild zu sehen

Partnersuche mit Herz

tom

... da ist ja auch nach wie vor das Bild nicht (im richtigen Ordner) hochgeladen!

http://www.partnersuche-mit-herz.de/wordpress/wp-c…rk_225955_m.jpg:

Zitat

Objekt nicht gefunden!
Der angeforderte URL konnte auf dem Server nicht gefunden werden. Sofern Sie den URL manuell eingegeben haben, überprüfen Sie bitte die Schreibweise und versuchen Sie es erneut.
Sofern Sie dies für eine Fehlfunktion des Servers halten, informieren Sie bitte den Webmaster hierüber.
Error 404
Tipps zur Partnersuche und Partnerschaft
Sat Oct 25 10:26:41 2008
Apache

kahart

Das Bild ist hochgeladen siehe:
http://www.partnersuche-mit-herz.de/wordpress/wp-c…rk_225955_m.jpg

Anzeige: Objekt nicht gefunden.

In der Adressleiste (Internet Explorer) sind die Unterstriche vorhanden _
Oben im Link fehlen diese. Ist das ok?

kahart

Ich seh gerade, daß der Text im veröffentlichen Teil etwas anders aussieht als beim Texten.
Das Bild ist hochgeladen und sieht in der Adressleiste vom Browser so aus:

Code

http://www.partnersuche-mit-herz.de/wordpress/wp-content/themes/ZyRed/images/heart_ligth_dark_225955_m.jpg

Anzeige : Objekt nicht gefunden

:???:

maxe

Zitat von kahart

Anzeige: Objekt nicht gefunden.

Sorry ... aber dann liegt das Bild nicht da wo es liegen sollte. Schau noch mal genau nach und gib dem Bild vielleicht mal einen anderen Namen heart-sidebar.jpg o.ä.

kahart

Super Tipp. Name ist geändert und funktioniert

Code

http://www.partnersuche-mit-herz.de/wordpress/wp-content/themes/ZyRed/images/logodarkherz.jpg

Bild im Header jedoch nicht

Code

/*** Header section ***/
#sitename {
 background-image: url('images/logodarkherz.jpg');
 margin: 0 20px 10px;
 color: #FFFFFF;
 text-align: center;
 height: 90px;

maxe

Wo hast du den Code reingeschrieben? Ich sehe kein background-image in deiner style.css! Der Code muss in die style.css (ca. Linie 79). Die style.css nach Änderung wieder auf den Server laden.
Hab's mir grad mal angeschaut, du solltest dann auch direkt die Höhe und den margin ändern, sonst sieht es bescheiden aus:

Code

#sitename {
[COLOR=Red]background-image:url(images/logodarkherz.jpg);[/COLOR]
color:#FFFFFF;
[COLOR=Red]height:120px;
margin:0;[/COLOR]
text-align:center;
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header Bild einfügen

Jetzt mitmachen!