Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

headergrafik in wordpress einfügen

AlexP

New member
Registriert
07. März 2008
Beiträge
2.243
Reaktionspunkte
1
hallo,

hab ein problem beim einfügen einer header grafik in wordpress.

es geht um diese seite: Behandlung : Hypnose-Akademie.com

ich bekomme keine grafik in den header rein. was und wo muss ich es ändern.
grafik ist im template verzeichniss eingefügt. habe schon probiert in der style.css und in der header.php was zu ändern, aber schaffe es nicht.

wär super wenn einer ne idee hat.

danke

gruß
Alex

:driver:
 
Normalerweise heisst die header.jpg und wird im Theme Ordner eingefügt.
Kannst vielleicht auch im Image-Ordner des Theme probieren.
Schadet ja nicht, wenn die 2 mal im Speicher liegt.
 
das theme hat ja keine headergrafik.

bin mit wordpress und php nicht wirklich fit und probiere den ganzen tag schon rum.

das steht bei "header" in der style.css:

Code:
#header {
	background:  #373f42;

	width: 960px;
	height: 100px;
	margin: 0px auto 0px ;
	padding: 10px;
	overflow: hidden;
	}


	
.headerleft {
	background-image:  #373f42;

	width: 380px;
	height: 70px;
	float: left;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	}
	
.headerleft a, .headerleft a:visited {
	font-family: arial, verdana, times new roman;
	font-size: 30px;
	color: #ffffff;
	text-decoration: none;
	font-weight: italic;
	padding: 0px;
	margin: 0px;
	}

.headerleft a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
.headerright {
	width: 570px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
	
.headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
.headerright ul {
	margin: 0px;
	padding: 60px 0px 10px 0px;
	}
		
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
.headerright a:hover {
	background: #BE0C0C;
	color: #FFFFFF;
	font-weight: bold;
        text-decoration: none;
	}

das steht in der header.php:
 
Zuletzt bearbeitet:
das steht in der header.php

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />

<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->

<link rel="Shortcut Icon" href="<?php echo get_settings('home'); ?>/wp-content/themes/silhouette/images/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>

<body>

<div id="header">

	<div class="headerleft">
	<a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a><br />
	</div>
	
	<div class="headerright">
		<ul>
			
			<?php wp_list_pages('title_li=&depth=1'); ?>
			<li><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
		</ul>
	</div>

</div>
 
Code:
#header {
	background-color:  #373f42;
        background-image: url(http://www.yxz.com/images/header.jpg);
        background-repeat: no-repeat;

	width: 960px;
	height: 100px;
	margin: 0px auto 0px ;
	padding: 10px;
	overflow: hidden;
	}
 
danke für die lösung. es hat geklappt.
:shakehands:
 
Oder etwas verkürzt:


Code:
#header {
	background:  #373f42 url(images/header.jpg) no-repeat;

	width: 960px;
	height: 100px;
	margin: 0px auto 0px ;
	padding: 10px;
	overflow: hidden;
	}

Wobei "images/header.jpg" der Pfad zur Grafik ist, ausgehend von der css Datei.
 
das ding ist, ich hatte das die ganze zeit auch schon ausprobiert, nur - auf dem server lag die datei als .GIF und im quelltext als .gif.

oder war das doch nicht der grund?

aber trotzdem danke.....

p.s.: is nur n testbanner
 
Linux/Unix unterscheidet für gewöhnlich zwischen großen und kleinen Zeichen...
 
Zurück
Oben