Kubrick - grösseres header?

spacefrog

hallo!
wie kann ich beim theme "kubrick" bzw "default" ein höheres header verwenden, ohne dass es oben abgeschnitten wird? ich habe bereits in der header.php und in der style.php alle werte von 200px in 230px geändert, bzw. in der header.php

PHP

#header 	{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/pos.head.jpg") no-repeat bottom center; }

in

PHP

#header 	{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/pos.head.jpg") no-repeat bottom center; height: 230px;}

geändert, aber es wird trotzdem oben abgeschnitten.

danke!

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

ratterobert

du musst das hintergrund des headers noch bearbeiten, damit es 230px hoch ist.

spacefrog

welchen hintergrund? in welcher datei?

ratterobert

sieh mal in die header.php. dort wird per css eine hintergrundgrafik für den header definiert. diese musst du bearbeiten, damit sie in deinen geänderten header passt.

spacefrog

hm, also meine header.php sieht folgendermassen aus:

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'); ?>" />


	 <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title> 
	
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 


	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<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'); ?>" />


	<style type="text/css" media="screen">
	
		/* BEGIN IMAGE CSS */
			/*	To accomodate differing install paths of WordPress, images are referred only here,
				and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
				not, then go right ahead and delete the following lines, and the image files. */
			
		 body	 	{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }	<?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
			#page		{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; } <?php } else { // No sidebar ?>
			#page		{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; } <?php } ?>
			#header 	{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/pos.head.jpg") no-repeat bottom center; height: 230px;}
			#footer 	{ background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
			
			
			/*	Because the template is slightly different, size-wise, with images, this needs to be set here
				If you don't want to use the template's images, you can also delete the following two lines. */
			
			#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
			#headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; } 
		/* END IMAGE CSS */
		
	
		/* 	To ease the insertion of a personal header image, I have done it in such a way,
			that you simply drop in an image called 'personalheader.jpg' into your /images/
			directory. Dimensions should be at least 760px x 200px. Anything above that will
			get cropped off of the image. */
		
		/*
		#headerimg 	{ background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
		*/


	</style>


	<?php wp_get_archives('type=monthly&format=link'); ?>


<?php wp_head(); ?>
</head>
<body>


<div id="page">




	<a href="<?php echo get_settings('home'); ?>"><div id="header">
	<div id="headerimg">
	<!--	<h1>[url="<?php echo get_settings('home'); ?>"]<?php bloginfo('name'); ?>[/url]</h1>
		<div class="description"><?php bloginfo('description'); ?></div> -->
	</div>
</div></a>
<hr />

Alles anzeigen

wo wird da eine hintergrundgrafik definiert?

erik

heY, was machste denn da? da hast du doch irgendwas eingefügt?!...
normalerweise gehören die Style-Definitionen ins CSS, könnte also in den Klassen oder IDs des header, headerimg, usw. festgelegt sein, alles möglich...

wie es da im code so schön steht: headerimg.jpg in den ordner /images packen, evtl. höhe und breite anpassen, die kommentar-marken wegnehmen und fertig ( /* #headerimg */ <-- also slash und stern davor, sowie stern und slash hinter der definition entfernen)

gruß

spacefrog

die style-infos was grafiken betrifft sind bei kubrick halt in der header.php.
als header wird das da benutzt:

PHP

#header    { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/pos.head.jpg") no-repeat bottom center; height: 230px;}

und da ich schon height angegeben habe müsste es ja klappen. tut es aber nicht.

ratterobert

kann ich mir das problem irgendwo mal ansehen?

spacefrog

jo, sorry...hier der Link:
KLICK!

spacefrog

edit: hab jetzut mal folgenden wert geändert:

CSS

#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 192px; width: 758px; }

in

CSS

#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 230px; width: 758px; }

jetzt schenit es einigermassen zu stimmen,wenn auch nicht ganz. das erscheint mir aber seltsam, da dort eigentlich nicht 192 stehen müsste sondern 200, da dies die höhe des original-headers ist.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kubrick - grösseres header?

Jetzt mitmachen!