Hallo kaiser,
Danke für Deine prompte Antwort.
Genau an dieser Stelle sehe ich unterdessen wohl auch den Knackpunkt:
<div class="nav">
<ul>
<?php wp_list_pages("title_li=&class=trigger&sort_column=menu_order"); ?>
</ul>
</div>
Hier müssten wohl die Veränderungen erfolgen.
Ich habe mal testhalber den Teilcode
<?php wp_list_pages("title_li=&class=trigger&sort_column=menu_order"); ?>
entfernt und an dessen Stelle folgenden Code probiert:
<a href="http://www.tagesschau.de/">ARD Tagesschau</a><a href="http://www.heise.de/newsticker/">Heise Newsticker</a><a href="http://de.news.yahoo.com/">Yahoo Nachrichtenticker</a>
Das Ergebnis ist ansatzweise teilbefriedigend (siehe Grafikanlage).
Die Links funktionieren zwar aber der Style passt nun gar nicht mehr.
Daraufhin habe ich gleich meine style.css durchforscht, um eventuelle Anpassungen vorzunehmen.
Hier meine style.css auszugsweise:
/*
Theme Name: Real Estate 1
Theme URI: http://www.wordpresstemplates.com
Author: Jyot Vakharia
Author URI: http://www.wordpresstemplates.com
Description: Real Estate 1
*/
body
{
background:url(images/body_bg.jpg);
font-size:12px;
font-family:Arial;
margin:0px auto;
padding:0px;
border-top:solid 14px #DDD9D8;
border-bottom:solid 14px #000000;
}
#main
{
width:864px;
margin:0px auto;
padding-bottom:10px;
}
.blog_title
{
width:450px;
float:left;
color:#c0c0c0;
overflow:hidden;
}
.blog_title h1
{
font-family:"Trebuchet MS",Arial;
font-size:44px;
color:#c0c0c0;
padding-top:10px;
}
.blog_title a, .blog_title a:visited
{
color:#808080;
text-decoration:none;
}
.blog_title h2
{
font-family:"Trebuchet MS",Arial;
font-size:15px;
}
.blog_title h3
{
font-family:"Trebuchet MS",Arial;
font-size:12px;
}
/* Search Form Style */
form
{
padding:0px;
margin:0px;
vertical-align:middle;
}
.search
{
float:right;
width:306px;
}
.searchform
{
background:url(images/search_bg.jpg) no-repeat;
height:37px;
}
fieldset
{
margin: 0;
padding: 0;
border: none;
padding-left:13px;
padding-right:10px;
padding-top:3px;
}
#s
{
width: 192px;
padding: 2px 3px 2px 8px;
background:#fff;
border:solid 1px #cfb89c; !important;
float:left;
margin-top:2px;
}
#x {
width: 24px;
height: 18px;
padding: 0;
border: none;
text-transform: lowercase;
color: #FFFFFF;
float:left;
margin-left:5px;
}
/*-----------------Top Nav--------------------*/
.nav
{
background:url(images/nav_bg.jpg) repeat;
height:52px;
overflow:hidden;
padding-left:20px;
}
.nav ul, .nav li
{
margin:0px;
padding:0px;
list-style:none;
}
.nav li
{
display:inline;
}
.nav li a, .nav li a:visited
{
display:inline;
float:left;
text-transform:uppercase;
font-family:Arial,Verdana;
color:#808080;
text-decoration:none;
padding-left:30px;
padding-right:20px;
padding-top:15px;
padding-bottom:5px;
font-size:15px;
background:url(images/top_nav_left_img.jpg) no-repeat left 14px;
font-weight:bold;
}
.nav li a:hover
{
color:#ffffff;
}
/*-------------------------------------------------*/
#content
{
padding-top:2px;
}
img
{
border:none;
}
.rightColumn
{
float:right;
width:214px;
padding-bottom:10px;
padding-top:10px;
overflow:hidden;
}
h2
{
margin:0px;
padding:0px;
}
.contentColumn
{
width:622px;
float:left;
padding-bottom:10px;
padding-top:10px;
}
/*----------------------------------*/
#footer
{
padding-top:15px;
padding-bottom:5px;
color:#fdfdfd;
background-image: url(images/footer_bg.jpg);
font-size:14px;
font-weight:none;
}
a:link { color:#000000;
text-decoration:none; }
a, a:visited
{
color:#545454;
text-decoration:none;
}
a:hover
{
color:#ffcc00;
}
a:active
{
color:#ffffff;
}
/* COMMENT BUBBLES */
.commentlist, .commentlist li
{
margin:0px !important;
padding:0px !important;
list-style:none !important;
}
.commentlist
{
margin:0px;
padding:0px;
color:#000;
padding-right:10px;
}
.commentlist li
{
margin:0px;
padding:0px;
border:solid 1px #666;
border-left:solid 5px #666;
margin-bottom:5px !important;
color:#000;
height:1%;
background:#eeeeee;
}
.alt
{
color:#000;
border:solid 1px #aeaeae !important;
border-left:solid 5px #aeaeae !important;
}
/* CALENDER STYLE */
#wp-calendar {
background-color: transparent;
margin: 0px;
padding: 0px;
width: 100%;
}
#wp-calendar caption {
border-bottom: 1px dotted #C6C6C6;
color: #3a3a3a;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-variant: normal;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
text-align: left;
}
#wp-calendar td {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}
#wp-calendar td a, #wp-calendar td a:visited {
background: #CF3A0B;
border-left: none;
color: #FFFFFF;
text-decoration: none;
}
#wp-calendar td a:hover {
background: #CF3A0B;
border-left: none;
color: #FFFFFF;
text-decoration: none;
}
#wp-calendar td.pad {
background: transparent;
}
#wp-calendar tfoot td a:link, #wp-calendar tfoot td a:visited {
background: none;
border: 0px;
color: #000000;
text-decoration: underline;
}
#wp-calendar tfoot td a:hover {
background: none;
color: #363636;
text-decoration: none;
}
#wp-calendar tfoot td#next {
margin: 0px;
padding: 0px;
text-align: right;
}
#wp-calendar tfoot td#prev {
margin: 0px;
padding: 0px;
text-align: left;
}
#wp-calendar tfoot td, #wp-calendar tfoot td.pad {
background: transparent;
margin: 0px;
padding: 0px;
}
#wp-calendar th {
color: #CF3A0B;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
}
#wp-calendar ul{
clear: both;
list-style: none;
margin: 0px;
padding: 0px;
}
/* ADDITIONAL CSS */
.story ul, .story ol
{
margin: 10px;
margin-left: 20px;
padding: 0px;
}
.story ul, .story li
{
list-style: square;
padding: 0px;
}
.story li
{
margin-bottom: 10px;
}
.story ol, .story ol li
{
list-style: decimal;
background:none;
padding: 0px;
}
blockquote {
margin: 15px 30px 10px 10px;
padding-left: 30px;
padding-bottom:4px;
background:url(images/blockquote_bg.gif) repeat-y;
}
blockquote blockquote{
background:url(images/blockquote_bg2.gif) repeat-y;
}
.comment_text
{
padding: 5px;
margin-left: 70px;
}
.comment_avtar
{
float: left;
padding: 5px;
}
.commentlist li p
{
margin: 0px;
margin-bottom: 10px;
}
.clear_left
{
clear:left;
}
.commenter
{
padding-left:15px;
}
.navigation
{
padding-left:20px;
}
.navigation a, .navigation a:visited
{
color:#fdfdfd;
}
.navigation a:hover
{
color:#FEBF32;
}
.center
{
padding-top:30px;
padding-left:20px;
}
.clearer
{
clear:both;
}
.alignleft
{
float:right;
padding-right:20px;
}
.alignright
{
float:left;
}
Alles anzeigen
In der Sektion "-----------------Top Nav--------------------"
habe ich testweise ein paar Werte geändert.
Leider ohne wahrnehmbare Veränderung im Frontend.
Liegt es daran, dass dieser Bereich meiner style.css nicht mehr "zuständig" ist, da es sich ja nun um normale html-Links handelt?
Sollte ich eine neue Klasse definieren (z. B. "navheader")?
Wenn ja, wie mache ich so etwas?
Ich habe von css-Anweisungen keinen blassen Schimmer.
Zitat
außerdem würde ich den header als header belassen und da gar nichts von einem template rein schreiben, sondern (also umgekehrter weg) in den jeweiligen templates dann den header mit get_header() holen. kann aber auch sein, dass ich da was verwechsle. die funktion start_template() dürfte ja eine aus der functions.php von deinem theme sein.
Was meinst Du denn damit?
Ich verstehe nur Bahnhof.
Mit bloggien Grüßen
jwqlb