Hallo,
ich weiß nicht mehr weiter bei folgendem. wäre nett wenn mir hier jmd. helfen könnte. und zwar möchte ich das wenn ich mich hier befinde http://wwwtest.galerie-beckers.de/?page_id=253
und auf einen beliebigen Artist klicke die Farben in der Navigation so bleiben wie zuvor.
ich hoffe ihr versteht was ich meine, wenn nicht führe ich es nochmal genauer aus.
meine style.css sieht wie folgt aus
Code
html>body #content {
height: auto;
min-height: 580px;
}
body{
font-family: arial;
font-size: 95%;
line-height: 115%;
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
background-position: center top;
text-align: center;
}
body,td,th {
color: #000000;
}
a, a:link {
padding: 1px;
color: #006363;
text-decoration: underline;
}
a:hover {
color: #009999;
text-decoration: none;
;
}
h1 {
font-family: arial;
font-weight: bold;
font-size: 190%;
padding-top: .1em;
padding-bottom: .5em;
}
h2 {
font-family: Arial;
font-weight: bold;
font-size: 150%;
}
h3 {
font-family: arial;
font-size: 150%;
}
h3archive {
font-family: arial;
font-size: 80%;
}
h4 {
font-size: 105%;
}
p {
font-size: 80%;
margin-bottom:1em;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr
{
font-size: 0.9em;
letter-spacing: .07em;
}
a img {
border: none;
}
#hd{
text-align: center;
padding-top: 24px;
padding-bottom: 24px
}
#hd h1{
font-size: 200%;
color: #006363;
}
#hd h1 a{
text-decoration: none;
color: #006363;
}
h3 a:link, h3 a:hover, h3 a:visited{
color: #000000;
}
.item {
padding: 10px;
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
text-align:left;
border: 0px #FFFFFF;
margin-bottom: 1em;
;
}
.item ul {
list-style-type: disc;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}
.item ol{
list-style-type: decimal;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}
.itemhead{
padding-top: 5px;
padding-bottom: 5px;
}
.chronodata {
display: inline;
text-align: right;
margin-left: 1em;
font-size: 80%;
}
.itemhead h3{
display: inline;
}
input{
font-size: 80%;
}
.metadata{
line-height: 190%;
font-size: 75%;
}
.metadata a:link, .metadata a:hover, .metadata a:visited{
color: #006363;
}
.tags, .catagory {
display: block;
}
.commentlist p {
clear: both;
font-size: 95%;
}
cite{
font-size: 95%;
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.commentmetadata {
font-size: 80%;
float: right;
}
.commentlist {
margin-top: 5px;
}
.commentlist li {
padding: 2px;
border-top: 1px solid #FFFFFF;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #006363;
}
.navigation a:link, .navigation a:hover, .navigation a:visited{
color: #006363;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
#secondary, #third{
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
text-align:left;
padding: 0px;
border: 0px #FFFFFF;
SP_GRADIENT
}
#secondary h4, #third h4{
color: #000000;
font-family: Trebuchet MS, arial, sans-serif;
margin-top: 5px;
padding: 3px;
}
#secondary p, #third p{
padding: 3px;
font-size: 70%;
}
#searchform {
clear: both;
margin-bottom: 5px;
margin-left: 2px;
padding: 3px;
}
#third {
margin-left: 9px;
}
#menu {padding:0; border:0px solid #fff }
#menu ul {list-style:none; margin:0; padding:0; font-size:14px; }
#menu ul li { padding:0; margin:0; border-bottom:1px dotted #000000; }
#menu ul li a { display:block; padding:4px 4px 4px 10px; text-decoration:none; color: #000000; }
#menu ul li a:hover { color:myheadttcolor; background: #009999; }
li .categories, li .linkcat, li .pagenav {
list-style: none;
margin: 0px;
padding: 0px;
}
.yui-nav{
margin-bottom: -1px;
}
.yui-navset .yui-nav a:hover {
background-color: #009999;
color: #000000;
}
.yui-navset .yui-nav li a {
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
border-bottom: 0px;
color: #000000;
padding: .3em .7em .3em .7em;
text-decoration:none;
font-size: 85%;
}
#wp-calendar {
empty-cells: show;
font-size: 90%;
margin: 0;
width: 90%;
padding: 3px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar td {
color: #000000;
font-size: 70%;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar #today {
background: ;
color: #009999;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
.wp-caption {
border: 1px solid #009999;
text-align: center;
background-color: #D1EEEE;
padding-top: 3px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-family: arial;
font-size: 12px;
// font-weight: bold;
line-height: 15px;
padding: 0 4px 5px;
margin: 0;
}
.current_page_item a {
background-color: #009999;
}
.current_page_item ul li a {
background-color: #D1EEEE;
}
#ft {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #006363;
}
#ft a:link, #ft a:hover, #ft a:visited{
color: #006363;
}