[header.php] brauch einen tipp

parad1ze

hi leute!

würde gerne die menüleiste unter den "eigentlich header" sprich logo + sociallinks bringen.

wenn ich versuche die codeblöcke zu tauschen und eine anpassung in der style.css zu finden, zerschiesst es mir das template total... hat jemand eine ahnung wie ich hier eine lösung finden kann?

ich glaube, dass ich einen kapitalen denkfehler habe :S
vielen dank im voraus!
lg roland

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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="keywords" content="<?php echo get_option('alltuts_keywords'); ?>" />
<meta name="description" content="<?php echo get_option('alltuts_description'); ?>" />
<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link href="<?php bloginfo('template_directory'); ?>/style.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_directory'); ?>/css/ddsmoothmenu.css" rel="stylesheet" type="text/css" />
<link href="<?php bloginfo('template_directory'); ?>/css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.form.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.lightbox-0.5.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/stepcarousel.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/Century_Gothic_400-Century_Gothic_700.font.js"></script>
<!-- Cufon init -->
<script type="text/javascript">
		<?php if(get_option('alltuts_cufon')!="no"):?>
		 Cufon.replace('h1',{hover: true})('h2')('h3')('.stepcarousel .panel .caption .title');
		 <?php endif ?>
	</script>
<!-- lightbox initialize script -->
	<script type="text/javascript">
		$(function() {
		   $('a.lightbox').lightBox();
		});
	 </script>
<!-- drop down top menu init -->
<script type="text/javascript">
ddsmoothmenu.init({
	mainmenuid: "topMenu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>


</head>


<body>
<!-- Begin #wrapper -->
<div id="wrapper">
	<!-- Begin #header -->
	<div id="header">
		<div id="logo"><a href="<?php bloginfo('url'); ?>/"><img src="<?php echo get_option('alltuts_logo_img'); ?>" alt="<?php echo get_option('alltuts_logo_alt'); ?>" /></a><br /><span><?php echo get_settings('blogdescription');?></span></div>
		<!-- Begin #topMenu -->
		<?php if ( function_exists( 'wp_nav_menu' ) ){
					wp_nav_menu( array( 'theme_location' => 'primary-menu', 'container_id' => 'topMenu', 'container_class' => 'ddsmoothmenu', 'fallback_cb'=>'primarymenu') );
				}else{
					primarymenu();
			}?>
			
		<!-- End #topMenu -->
		<!-- Begin #topMenuRight -->
			<div id="topMenuRight">
			<?php if ( function_exists( 'wp_nav_menu' ) ){
					wp_nav_menu( array( 'theme_location' => 'secondary-menu','fallback_cb'=>'secondarymenu') );
				}else{
					secondarymenu();
			}?>


			</div>
		<!-- End #topMenuRight -->
		<!-- Begin #socialLinks -->
			<div id="socialLinks">
				<?php if(get_option('alltuts_linkedin_link')!=""){ ?>
				<a href="<?php echo get_option('alltuts_linkedin_link'); ?>" class="linkedin" title="Join us on LinkedIn!">Join us on LinkedIn!</a>
				<?php }?>
				<?php if(get_option('alltuts_facebook_link')!=""){ ?>
				<a href="<?php echo get_option('alltuts_facebook_link'); ?>" class="facebook" title="Besuche uns auf Facebook!">Join us on Facebbook!</a>
				<?php }?>
				 <?php if(get_option('alltuts_twitter_user')!=""){ ?>
				<a href="http://twitter.com/<?php echo get_option('alltuts_twitter_user'); ?>" class="twitter" title="Folge uns auf Twitter!">Follow Us on Twitter!</a>
				<?php }?>
				<a href="<?php bloginfo('rss2_url'); ?>" title="RSS" class="rss">Abonniere unseren RSS Feed!</a>
			</div>
		<!-- End #socialLinks -->
	</div>
	<!-- End #header -->
	
	<!-- Begin #content -->
	<div id="content" class="clearfix">

Alles anzeigen

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

dIrtY

Ohne die style.css kann man hier nicht ersehen woran es genau liegt.
Nach meiner Erfahrung sind es meistens die Maße (padding, margin, height, width, border)
eines div-containers, da diese auf ihren Originalplatz abgestimmt sind

mfg
dIrtY

parad1ze

Danke! Habe auch schon die Margins bearbeitet... was dabei herauskommt, ist dass ich die Menüs /(top right und main) nach unten bewegen kann.
Der Background bleibt dadurch aber natürlich gleich
hier die Header Part aus der style.css

Code

/* -------------------------------
HEADER ELEMENTS
----------------------------------*/


/* TopMenu */


.ddsmoothmenu {
	position:absolute;
	left:0;
	top:6px;
	border-right:1px solid #2F2F2F;
}


.ddsmoothmenu ul li {
	float:left;
}


.ddsmoothmenu ul li a{
	display:block;
	color:#ccc;
	text-decoration:none;
	border-left:1px solid #2F2F2F;
	height:42px;
	line-height:42px;
	text-transform:uppercase;
	font-size:11px;
	padding:0 12px;
}


.ddsmoothmenu ul li a:hover {
	color:#FFFFFF;
	background:url(images/bk_top_hover.png) 50% 0 no-repeat;
}


/* TopMenuRight */


#topMenuRight {
	position:absolute;
	right:0;
	top:6px;
}


#topMenuRight ul li {
	float:left;
}


#topMenuRight ul li a{
	display:block;
	color:#ccc;
	text-decoration:none;
	height:42px;
	line-height:42px;
	font-size:11px;
	padding:0 8px;
	background:url(images/list_red_bullet.png) 1px 50% no-repeat;
}


#topMenuRight ul li a:hover {
	color:#FFFFFF;
}


/* Logo */


#logo {
	position:absolute;
	left:0;
	top:50px;
}


#logo img {
	border:none;
}


#logo span {
	display:block;
	padding-left:5px;
	padding-top:5px;
	text-transform:uppercase;
	color:#999999;
	font-size:12px;
}


/* Social Links */


#socialLinks {
	position:absolute;
	right:0;
	top:105px;
	background:url(images/bk_social_links.png) 0 50% no-repeat;
	padding-left:155px;
	height:42px;
}


#socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss {
	display:block;
	width:32px;
	height:32px;
	float:left;
	margin-left:5px;
	text-indent:-9999px;
}


#socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover {
	margin-bottom:2px;
}


#socialLinks .linkedin {
	background:url(images/ico_linkedin.png) 0 0 no-repeat;
}


#socialLinks .facebook {
	background:url(images/ico_facebook.png) 0 0 no-repeat;
}


#socialLinks .twitter {
	background:url(images/ico_twitter.png) 0 0 no-repeat;
}


#socialLinks .rss {
	background:url(images/ico_rss.png) 0 0 no-repeat;
}

Alles anzeigen

parad1ze

ich habe den fehler gefunden... natürlich war das einfach ein background bild... dies galt es in PS zu spiegeln und dann die css anzupassen

oft hat man hald ein #Brettvorkopf

danke!! @close

Willkommen! Melden Sie sich an oder registrieren Sie sich.

[header.php] brauch einen tipp

Jetzt mitmachen!