Schatten, Exclude und Kommentare

Hallo, ich arbeite gerade an meinem ersten eigenen Wordpress Theme und bin soweit fast fertig.

Leider sind ein paar Probleme aufgetreten die ich nicht allein lösen kann. Daher bitte ich hier um Hilfe für folgendes:

1. Ich möchte eine Border und einen Schatten für mein Theme haben. leider gibt es einen Darstellungsfehler. Der Schatten und die Border werden nur im Headerbereich korrekt dargestellt, danach bricht es ab.

2. Ich möchte gerne das Impressem aus der Navigation entfernen. Ich weiß dass dies mit

<?php wp_list_pages('exclude=24'); ?>

geht, weiß jedoch nicht wo genau ich das eintragen muss. Ich habe dann eine doppelte Navigation.

Meine Navigation habe ich bisher mit diesem php Befehl aufgebaut:

<div id="nav">
 <?php wp_nav_menu(array('container'=>'ul','menu_id'=>'nav'));?>
     </div>

3. Wenn man einen Kommentar schreiben will, dann erscheint im EMail Feld ein Bild, welches ich eigentlich nur in der Sidebar habe. Wie das da hinkommt ist mir völlig schleierhaft, ich habe nicht mal eine extra comments.php gemacht.

4. Wie kann ich einen Screenshot im Backend anzeigen. Ich habe schon eine Screenshot.png im "img" Ordner, aber im Backend sehe ich davon nix.

Die Seite um die es sich handelt befindet sich hier:

http://www.meintestonline.de

Mein CSS-Layout:

body{
background:#ABABAB;
font:14px Arial, helvetica, sans-serif;
}


#container{
width:960px;
margin:15px auto;
border:1px solid black;
-moz-box-shadow:1px 10px 10px 10px #888888;
}


#header{
background:#9B141B;
height:120px;
}


p.htitle{
    font-size:34px;
    width:730px;
    left:20px;
    font-weight:400;
    line-height:38px;
    font-family: Arial;
    margin:0px;
    padding: 30px 0 10px 20px;
    text-shadow: 2px 2px 2px #000;
}


p.htitle  a {
    color: #FFFFFF;
}


p.tagline{
color:#FFFFFF;
font-weight:700;
padding:0 0 0 80px;
text-shadow:2px 2px 2px #000000;
}


#nav{
background:#9B141B;
border-top:4px solid #C81A1A;
border-bottom:1px solid black;
height:43px;
}


#nav li{
display:inline;
margin-left:26px;
}


#nav li a {
color:white;
}


#nav li a:hover{
border-bottom:3px solid white;
}


#nav li a:active{
border-bottom:3px solid white;
}


#content{
background:white;
width:960px;
float:left;
}


#post{
float:left;
width:550px;
padding:5px;
margin:15px;
border:1px solid #D7CAB5;
}


h1 a{
color:black
}


.meta{
    color: #666666;
    font-size: 11px;
    height: 20px;
    margin: 0;
    padding: 5px 15px;
}


#sidebar{
float:right;
margin-right:5px;
margin-top:15px;
border:1px solid #D7CAB5;
padding:5px;
}


p.ptitle{
padding: 8px 0px 0px 20px;
}


#aff-top{
    color: #FFF;
    background: url(img/sidebar.png) no-repeat top left;
    background-color: #9B141B;
    border-bottom: solid 1px #D7CAB5;
    height:33px;
}


#email{
    color: #FFF;
    background: url(img/sidebar.png) no-repeat top left;
    background-color: #9B141B;
    border-bottom: solid 1px #D7CAB5;
    height:33px;
    margin-top:10px;
}


#footer{
background:white;
float:left;
width:960px;
background-color: #9B141B;;
}


#footertext{
margin:0 0 0 860px;
}


#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus {
    color:white;
}


a{
text-decoration:none;
}

Besten Dank schonmal :)

EDIT: Also wenn ich float:left im footer entferne, dann sind border und schatten wieder da, allerdings habe ich dann eine graue leiste unter dem footer...:confused:

Ok, das mit dem exclude hab ich jetzt hinbekommen mit:

<?php wp_list_pages('depth=1&exclude=4&title_li=0&sort_column=menu_order'); ?>

Ah, besten Dank!!! Das hat mir viele Stunden gespart.

Naja jedes Wordpress Theme hat doch im Backend ein Vorschaubild. Wie kann ich ein eigenes Vorschaubild hinzufügen?

Ich habe einen Screenshot von dem Theme gemacht und in den img Ordner des Themes auf meinen Webspace geladen (als png Datei). Nun sollte ich eigentlich das Vorschaubild sehen können, aber ich sehe leider nix.

Zitat von Art of Pic

in den Hauptordner des Themes einfügen und das S klein schreiben

ach ja, zu den Schatten...du weißt das dies nicht von allen Browsern unterstützt wird?!
also auch der Schatten um dein Theme, fehlt z.B. im IE

Ah, danke jetzt klappts :) Komisch nur, dass die das im Buch so beschrieben haben und es nicht funktioniert hat.

Ja das weiß ich, ich werd noch einen separaten Befehl für den IE hinzufügen.

Ok, nächstes Problem:

Wenn man mit der Maus auf "Anfänger" geht, addieren sich die zwei linken "border" und die linke Linie erscheint zu dick, hab schon verschiedene Befehle versucht um das wegzumachen, aber es hat nicht geklappt.

Meine Navigation baue ich zwischenzeitlich so auf:

Header.php:

<div id="menu">
  <ul>
<?php wp_list_pages('depth=2&include=59,65,19&title_li=<h2>Anfänger</h2>&sort_column=menu_order'); ?>
<?php wp_list_pages('depth=2&include=69,71,73&title_li=<h2>Fortgeschrittene</h2>&sort_column=menu_order'); ?>
<?php wp_list_pages('depth=2&include=75,77,79&title_li=<h2>Profis</h2>&sort_column=menu_order'); ?>
  </ul>
    </div>

Style.css:

#menu{
background:#9B141B;
border-top:4px solid #C81A1A;
border-bottom:1px solid black;
height:42px;
}


#menu ul {
list-style: none;
margin:0;
padding:0;
}


#menu ul li{
float:left;
}


#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
margin: 0;
text-align:center;
text-shadow:1px 1px 1px #000000;
}


#menu h2 {
color: #fff;
width:120px;
line-height:42px;
border-right: 1px solid black;
border-bottom: 1px solid black;
}


#menu h2:hover{
background: #C81A1A;
}


#menu a {
color: #fff;
background: #9B141B;
text-decoration: none;
display:block;
width:119px;
line-height:21px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}


#menu a:hover {
background: #C81A1A;
}


#menu li {position: relative;}


#menu ul ul ul {
position: absolute;
}


#menu ul ul {
position: absolute;
z-index: 500;
}


div#menu ul ul {
display: none;
}


div#menu ul li:hover ul 
{display: block;}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}


div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

Kann mir da jemand helfen?
Und wie kann ich der linken Box eine eigene ID oder Klasse zuweisen? Alle haben standardmäßig die Klasse "li class=pagenav".

Danke schonmal :)

Dann passiert folgendes wenn ich mich in Wp-Admin einloggen will:

Warning: Cannot modify header information - headers already sent by (output started at /home/massagee/public_html/meintestonline.de/wp-content/themes/Theme/functions.php:1) in ..../meintestonline.de/wp-includes/pluggable.php on line 890

Header.php:

<div id="menu">
 <?php wp_nav_menu(array('container'=>'ul','menu_id'=>'menu'));?>
     </div>

Functions.php:

<?php if ( function_exists( 'register_nav_menu' ) ) {
    register_nav_menu( 'Anfänger', 'Für Anfänger' );
}
; ?>

Ich habs jetzt endlich geschafft jedoch nur mit wp_list_pages. Aber das lässt sich verkraften und bevor ich nochmal 2 Tage daran sitze, lass ich es lieber so.

Einziges Problem was ich noch habe:

Schatten und Border sind links und rechts unterhalb der Navigation verschwunden und ich weiß nicht woran das liegt.

Tja irgendwas muss mit den div's passiert sein. Eigentlich waren alle div's im #Container drin und sind es meiner Meinung nach auch noch. Ich musste nur dem Container border und shadow zuweisen und es war überall zu sehen, jetzt ist es nicht mehr so.

Hab nun für content und footer border und shadow hinzugefügt. margin -1px war auch noch nötig, weil es irgendwie nach rechts verschoben war.

Die Darstellung ist jetzt perfekt, allerdings mit zuviel Code erreicht...