Thema: template rhuk_solarflare iii farbe vom menü ändern

hallo

folgender site : www.fcbissen.lu

jetz hab ich auf der linken seite rote buttons beim drüberscrollen. unter was finde ich die farbcodes im css. hab alles versucht aber nix gefunden. möchte die lieber gelb haben.


Danke und Grüsse
cliff

Zitat von MrDamage

Das ist eine Hintergrundgrafik.
Siehe: ../templates/rhuk_solarflare_ii/images/menu_bg.png

danke

d.h. einfach photoshop und farbe ändern dann neu uploaden ?

hab aber noch ein problem

wenn ich jetzt in den submenus oder auf buttons über die schrift scrolle, wird diese rot.. wo im css kann ich das ändern ?

Danke und Gruss
cliff

Zitat von MrDamage

Suche im CSS nach den Angaben zu
a.sublevel

Die Buttons (horizonal, oben) erreichst du mit:
ul#mainlevel-nav li a

mhmm.. hab jetzt nicht den sublevel gefunden. ich poste mal hier

/* CSS Document */
/* programmed : Mont-Bit International */
/* contact : http://www.mont-bit.com */
/* author : Andy Dietschi */
/* Description for this css-file and template see http://www.a-di.ch/kurs/index.html (german language)*/
/* Sie finden auf http://www.a-di.ch/kurs/index.html einen Kurs in deutsch, der diese css Datei und
eine Templateerstellung beschreibt */
/* ************************************************** **************************************************/


/* Die Body Definierung */
body{
font-family: Arial, Helvetica, sans-serif;
background-color: #DDDDDD;
font-size: 14px;
color: #333333;
}

/* ************************************************** *********** */
/* begin - Hier werden alle Rahmen aufgelistet */

/* Der Hauptrahmen mit Border 1*/
#body_outline{
/* width: 900px !important;*/
width: 900px;
border: 1px solid;
border-color: #999999;
padding: 2px;
/*background: #ffffff;*/
background: white;
}

/* user 3 Aussenrahmem mit Border 1 */
#user_3_outline{
width: 731px !important;
width: 733px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
height: 21px !important;
height: 23px;
margin-bottom: 2px;
}

/* user 4 Aussenrahmem mit Border 1 */
#user_4_outline{
width: 163px !important;
width: 165px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: right;
height: 21px !important;
height: 23px;
margin-bottom: 2px;
text-align: left;
}

/* Hack, damit der Rahmen der Searchbox in User 4 verschwindet */
#user_4_outline .inputbox {
border: 0px;
padding: 1px 0px 0px 5px;
font-size: 11px;
color: #000000;
}

/* Top Aussenrahmem mit Border 1 */
#top_out{
margin-top: 2px;
width: 159px !important;
width: 165px;
height: 161px !important;
height: 161px;
overflow: hidden;
border: 1px solid;
border-color: #999999;
padding: 2px;
background: #ffffff;

}

/* Menue left Aussenrahmen mit border 1 */
#left_outline{
margin-top: 2px;
width: 159px !important;
width: 165px;
border: 1px solid;
border-color: #999999;
padding: 2px;
background: #ffffff;
float: left;
font-size: 11px;
text-align: left;
}

/* Menue right Aussenrahmen mit border 1 */
#right_outline{
margin-top: 2px;
width: 159px !important;
width: 165px;
border: 1px solid;
border-color: #999999;
padding: 2px;
background: #ffffff;
float: right;
font-size: 11px;
text-align: left;
}

/* Banner Aussenrahmen mit Border */
#banner_outline{
margin-top: 2px;
width: 727px !important;
width: 733px;
border: 1px solid;
border-color: #999999;
padding: 2px;
background: #ffffff;
float: left;
}

/* User 1 schmal **************/
#user1_out_1{
width: 276px !important;
width: 282px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

/* User 1 mittel **************/
#user1_out_2{
width: 560px !important;
width: 566px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

/* User 1 breit**************/
#user1_out_3{
width: 359px !important;
width: 365px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}
/* User 1 large **************/
#user1_out_4{
width: 727px !important;
width: 733px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

/* User 2 schmal **************/
#user2_out_1{
width: 276px !important;
width: 282px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: right;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

/* User 2 mittel **************/
#user2_out_2{
width: 560px !important;
width: 566px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

/* User 2 breit**************/
#user2_out_3{
width: 360px !important;
width: 366px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: right;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}
/* User 2 large **************/
#user2_out_4{
width: 727px !important;
width: 733px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}
/* Pathway mit Border 1 */
#pathway_out_1{
width: 560px !important;
width: 566px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

#pathway_out_2{
width: 727px !important;
width: 733px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
text-align: left;
font-size: 11px;
}

/* Hauptausgabe 1 mit Border 1 (fuer Menu Left Standart) */
#main_out_1{
width: 560px !important;
width: 566px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
font-size: 11px;
}

#main_out_2{
width: 727px !important;
width: 733px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
font-size: 11px;
}

#footer {
width: 894px !important;
width: 900px;
border: 1px solid;
border-color: #999999;
background: #ffffff;
float: left;
margin-top: 2px;
padding: 2px;
font-size: 11px;
}


/* end - Ende der Rahmenliste */
/* ************************************************** *********** */

/* Zeilenumbruch erzwingen */
.clr {
clear:both
}

/* ************************************************** *********** */

/* Header Area = Container fuer die Grafik */
#header_area {
width: 900px;
}

/* Die Header Grafik */
#header {
background: url(../images/head01.jpg) no-repeat;
width: 900px;
height: 237px;
}

/* Container User 3 und 4, damit Elemente beim Verschieben nicht ausbrechen */
#con_u_34 {
width: 900px;
}

/* Container Rechts fuer alle Elemente ausser left */
#sandbox_1{
width: 733px;
float: right;
margin-right: 0px !important;
margin-right: -4px;
}
#sandbox_2{
width: 900px;
float: left;
margin-left: 0px !important;
margin-left: 0px;
}

/* Container Links fuer left und top */
#con_left{
width: 165px;
float: left;
margin-left: 0px !important;
margin-left: 0px;
}

/* Container Rechts fuer right und top */
#con_right{
width: 165px;
float: right;
margin-right: 0px !important;
margin-right: 0px;
}

/* Container fuer User1, User2, Pathway und Main */
#con_main1{
width: 566px;
float: left;
margin-left: 0px !important;
margin-left: 0px;
}

#con_main2{
width: 733px;
float: left;
margin-left:0px !important;
margin-left: 0px;
}

/* das grosse Banner rechts */
#hauptbanner{
/* background: url(../images/osmbanner2.png) no-repeat; */
background-color:#eeeeee;
width: 552px !important;
width: 560px;
height: 60px !important;
height: 68px;
float: left;
padding: 3px;
margin-top: 0px !important;
margin-top: 0px ;
background-position: center;
border: 1px solid;
border-color: #999999;
}

/* das kleine Banner links */
#klein_banner {
background: url(../images/powered_by.png) no-repeat;
width: 165px;
height: 68px;
float: right;
}
/* ************************************************** *********** */
/* Ab jetzt kommen Joomla spezifische Eintrge */

/* User 3 - Das Menue Top */
ul#mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li {
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #999999; /* cccccc */
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a {
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}

/* User 3 - Das Menue Top */
#buttons>ul#mainlevel-nav li a {
width: auto;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a:hover {
color: #fff;
/*background: #000000;*/
background: #99acbb;
}

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

li {
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

.inputbox {
font-size: 11px;
border: solid 1px #999999;
background : #FFFFFF;
padding: 1px 2px;
margin-top: 2px !important;
margin-top: 1px;
}

#mod_login_remember.inputbox { /* Extra wegen MS-IE, damit kein verrutschter Border */
border: none; /* das Layout verunstaltet */
}

/* Menu Left/Right formatierung */
table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

table.moduletable th, div.moduletable h3 {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-left: 4px;
height: 21px;
line-height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
margin: 0 0 2px 0;
}

table.moduletable td {
font-size: 11px;
padding: 0px;
margin: 0px;
font-weight: normal;
}

a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #ccc;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 20px !important;
height: 25px;
width: 100%;
text-decoration: none;
}

a.mainlevel:hover {
background-position: 0px -25px;
text-decoration: none;
color: #fff;
}

a.mainlevel#active_menu {
background: url(../images/menu_bg.png) no-repeat;
background-position: 0px -25px;
color:#fff;
font-weight: bold;
}

a.mainlevel#active_menu:hover {
color: #fff;
}

td {
text-align: left;
font-size: 11px;
}

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpaneopen td {
padding-right: 5px;
}

table.contentpaneopen td.componentheading {
padding-left: 4px;
}

table.pollstableborder td {
padding: 2px;
}

.sectiontableentry1 {
background-color : #ffffff;
}

.sectiontableentry2 {
background-color : #f9f9f9;
}

.button {
color: #000000;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}

a:link, a:visited {
color: #000000; text-decoration: none;
font-weight: bold;
}

a:hover {
color: #900; text-decoration: none;
font-weight: bold;
}

.contentheading {
height: 30px;
color: #000000;
font-weight: bold;
font-size: 14px;
white-space: nowrap;
}

.small {
color: #999999;
font-size: 11px;
}

.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}

.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}

.pathway {
/* overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
border: 1px solid #ccc;
margin-bottom: 2px;*/
}

#pathway_text img {
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}

.back_button {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenav-prev {
/*text-align: center;*/
font-size: 11px;
font-weight: bold;
/*border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 10px;
line-height: 20px;
margin: 1px;*/
}

table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #999999;
}

.componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}

hallo
ja dies ist eine 3. versioun, die jemand angefertigt hat. kopier ich die dann einfach aus dem ii rein oder ? und wohin genau