Menüleiste verschieben

hardbloxx.Bujaka

Hallo Hallo,

ich muss leider nochmal nerven^^

auf meiner Seite http://www.hardbloxx.de

Möchte ich gerne oben die Menüleiste der Seiten, unter den Header schieben also der Banner soll ganz oben bleiben... danach soll mein eigener Header kommen und dann die Menüleiste.

Funktioniert das?

Danke euch schonmal^^

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

cebito

Woher ist denn das Template? Der Quellcode ist grausam. Und bei den ganzen absoluten positionierungen nicht ohne weiteres mal schnell was zu ändern.

hardbloxx.Bujaka

Das habe ich direkt aus den Wordpress Themes...

Oh man ich habe bisher 100% negatives Feedback zu dem Theme bekommen :cry:

ist aber leider der einzige der so wirklich passt.

cebito

Schneid mal den Teil aus

HTML

<div class="Header">
    <div class="Header-jpeg"></div>
<div class="logo">
    <h1 id="name-text" class="logo-name">
        <a href="http://www.hardbloxx.de/">Hardbloxx</a></h1>
    <div id="slogan-text" class="logo-text">
        Tipps und Guides rund um die Hardware Welt</div>
</div>

und setz ihn gleich nach <body> rein. Dann geh in die style.css und änder den top-Wert für .Main bis es passt (150px oder so...).

hardbloxx.Bujaka

Hey,

danke aber wo finde ich diesen Teil? im Header steht er nicht.

cebito

In deinem Template zwischen Menü und Content.

hardbloxx.Bujaka

Da gibt es mehrere Templates

404-Template
(404.php)

Archive
(archive.php)

Einzelner Artikel
(single.php)

Fußzeile
(footer.php)

Guestbook Page Template
(guestbook.php)

Hauptindex-Template
(index.php)

Kommentare
(comments.php)

Kopfzeile
(header.php)

Seiten-Template
(page.php)

Suchergebnisse
(search.php)

Suchformular
(searchform.php)

Theme-Funktionen
(functions.php)

archives.php
(archives.php)
guestcomments.php
(guestcomments.php)
legacy.comments.php
(legacy.comments.php)

links.php
(links.php)

sidebar-footer.php
(sidebar-footer.php)

sidebar1.php
(sidebar1.php)

bin ich zu doof dafür? ^^

mfitzen

Poste bitte mal den Inhalt der header.php. Benutze dazu bitte die im Editor dieses Forums zur Verfügung stehenden Code-Buttons.

hardbloxx.Bujaka

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 http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
 elseif (is_single() ) { single_post_title(); }
 elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
 else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 


<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div class="PageBackgroundSimpleGradient">
</div>
<div class="PageBackgroundGlare">
    <div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"><div></div></div>
    <div class="Sheet-bl"><div></div></div>
    <div class="Sheet-br"><div></div></div>
    <div class="Sheet-tc"><div></div></div>
    <div class="Sheet-bc"><div></div></div>
    <div class="Sheet-cl"><div></div></div>
    <div class="Sheet-cr"><div></div></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
<br><center><a href="http://www.caseking.de"><img src="http://www.hardbloxx.de/wp-content/uploads/banner_728x90.jpg"></center></a></br>
<div class="nav">
    <?php wp30_menu(); ?>
    <div class="l">
    </div>
    <div class="r">
        <div>
        </div>
    </div>
</div>
<div class="Header">
    <div class="Header-jpeg"></div>
<div class="logo">
    <h1 id="name-text" class="logo-name">
        <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div id="slogan-text" class="logo-text">
        <?php bloginfo('description'); ?></div>
</div>


</div>

Alles anzeigen

mfitzen

Tausche mal die Positionen der farblich markierten Codeblöcke:

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 http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
 elseif (is_single() ) { single_post_title(); }
 elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
 else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 


<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div class="PageBackgroundSimpleGradient">
</div>
<div class="PageBackgroundGlare">
    <div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
    <div class="Sheet-tl"></div>
    <div class="Sheet-tr"><div></div></div>
    <div class="Sheet-bl"><div></div></div>
    <div class="Sheet-br"><div></div></div>
    <div class="Sheet-tc"><div></div></div>
    <div class="Sheet-bc"><div></div></div>
    <div class="Sheet-cl"><div></div></div>
    <div class="Sheet-cr"><div></div></div>
    <div class="Sheet-cc"></div>
    <div class="Sheet-body">
<br><center><a href="http://www.caseking.de"><img src="http://www.hardbloxx.de/wp-content/uploads/banner_728x90.jpg"></center></a></br>
[COLOR="RoyalBlue"]<div class="nav">
    <?php wp30_menu(); ?>
    <div class="l">
    </div>
    <div class="r">
        <div>
        </div>
    </div>
</div>[/COLOR]
[COLOR="SeaGreen"]<div class="Header">
    <div class="Header-jpeg"></div>
<div class="logo">
    <h1 id="name-text" class="logo-name">
        <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div id="slogan-text" class="logo-text">
        <?php bloginfo('description'); ?></div>
</div>


</div>[/COLOR]

Alles anzeigen

Evenutell muss da in der style.css noch was angepasst werden, dass kann ich so aus dem Stehgreif aber nicht sagen.

cebito

Brauchste Brille? :razz:

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 http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); } 
 elseif (is_single() ) { single_post_title(); } 
 elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); } 
 else { wp_title('',true); } ?></title> 
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script> 
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> 
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]--> 
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" /> 
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />  
 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
<?php wp_head(); ?> 
</head> 
<body> 
<div class="PageBackgroundSimpleGradient"> 
</div> 
<div class="PageBackgroundGlare"> 
    <div class="PageBackgroundGlareImage"></div> 
</div> 


<div class="Header"> 
    <div class="Header-jpeg"></div> 
<div class="logo"> 
    <h1 id="name-text" class="logo-name"> 
        <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> 
    <div id="slogan-text" class="logo-text"> 
        <?php bloginfo('description'); ?></div> 
</div> 
<div class="Main"> 
<div class="Sheet"> 
    <div class="Sheet-tl"></div> 
    <div class="Sheet-tr"><div></div></div> 
    <div class="Sheet-bl"><div></div></div> 
    <div class="Sheet-br"><div></div></div> 
    <div class="Sheet-tc"><div></div></div> 
    <div class="Sheet-bc"><div></div></div> 
    <div class="Sheet-cl"><div></div></div> 
    <div class="Sheet-cr"><div></div></div> 
    <div class="Sheet-cc"></div> 
    <div class="Sheet-body"> 
<br><center><a href="http://www.caseking.de"><img src="http://www.hardbloxx.de/wp-content/uploads/banner_728x90.jpg"></center></a></br> 
<div class="nav"> 
    <?php wp30_menu(); ?> 
    <div class="l"> 
    </div> 
    <div class="r"> 
        <div> 
        </div> 
    </div> 
</div> 
 
</div>

Alles anzeigen

Habs schon für dich geändert, kopier es und ersetz die komplette Header.php damit. Dann noch die Änderung im css und alles sollte so sein wie du es wünschst...

@infected - das geht in die Hose, im blauen Block sind ein paar schließende div zuviel markiert...

hardbloxx.Bujaka

Oh WOw euch beiden ein riesen dankeschön...

aber es ist noch nicht ausgestanden mit mir^^

Wo finde ich Main? Da steht immer was mit Nav. und Blocks und keine Ahnung. Die Style.cc ist super riesig keine ahnung wo da main steht :oops:

cebito

.Main ist ziemlich am Anfang und kommt gleich nach body...

Code

/*
Theme Name: clean silver laptop tee093
Theme URI: 
Description: A Wordpress template with a clean silver looking laptop computer
Version: 2.21
Author: LeadCamp, Inc
Author URI: http://www.leadcamp.com/content/free-wordpress-themes/
Tags: two column, left sidebar, 960px, laptop, notebook, computer, technology, internet, web, email, computing, macbook, envy
*/


/* begin Page */


/* Generated with http://www.leadcamp.com/content/free-wordpress-themes/ version 2.0.2.15338 */


body
{
  margin: 0 auto;
  padding: 0;
  background-color: #FFFFFF;
}


.Main
{
  position: absolute;
  width: 100%;
  left: 0;
[COLOR=Red]  top: 0;[/COLOR]
}

Alles anzeigen

Dort für das rote "top:150px;" eintragen...

hardbloxx.Bujaka

PHP

.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

Das müsste es dann sein? da passiert aber nichts =(

Also ich habe nun auch einen eigenen Header. Kann ich den dort auch einfügen?

cebito

Zitat von hardbloxx.Bujaka

da passiert aber nichts =(

Du sollst ja auch die top:0; durch top:150px; ersetzen.

hardbloxx.Bujaka

Ja ok hab das px vergessen^^

Vielen Vielen Dank und sorry das ich so dumm bin ^^

Aber jetzt habe ich das Problem das der Banner in der Mitte ist. Der soll aber ganz oben bleiben.

mfitzen

Zitat von cebito

@infected - das geht in die Hose, im blauen Block sind ein paar schließende div zuviel markiert...

Sehe ich (und scheinbar auch das Syntaxhighltighting von Notepad++ und PSPad) anders.

Code

<div class="Main">
<div class="Sheet">
...
<div class="Sheet-body">

werden vermutlich erst in anderen Templatedateien geschlossen.

Deswegen hasse ich Themes die mit Artisteer erstellt wurden. Da steht immer so viel unnützes und wirres Zeugs drin...

cebito

Zitat von infected

Da steht immer so viel unnützes und wirres Zeugs drin...

Und wieviel... jetzt hat er ein Naviproblem... die hunderte von z-indexes und positionierungen......... :roll:

hardbloxx.Bujaka

Ist das alles mies ey =(

Gibts da ne möglichkeit das noch zu tauschen? also banner wieder hoch und Head zwischen banner und Menü?

mfitzen

So solls aussehen? Dann mach das, was ich geschrieben habe.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menüleiste verschieben

Jetzt mitmachen!