Farbe der Button im Menü anpassen.

cms2day Projekt Spender

Donnerstag, 4. Juni 2009, 13:48

Hallo,

kann mir jemand hekfen?

Ich möchte die Farbe der Button im Menü und Untermenü anpassen bzw. den Hintergrund der Button.

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

2

Donnerstag, 4. Juni 2009, 16:32

Wie wärs mal in der CSS Datei vom Template zu stöbern ?

-> includes/templates/(dein template name)/css/main.css

LG Rico

Zum Seitenanfang

schoen

cms2day Projekt Spender

Beiträge: 214

3

Freitag, 5. Juni 2009, 08:06

Hallo,
wo das ist ist mir schon klar, aber wie sich die einzelnen felder nennen (unter welchem Namen ich das finde).

lg

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

4

Freitag, 5. Juni 2009, 12:02

Von welchen Buttons denn ?

LG Rico

Zum Seitenanfang

schoen

cms2day Projekt Spender

Beiträge: 214

5

Freitag, 12. Juni 2009, 11:31

Im Menü

lg Karl

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

6

Freitag, 12. Juni 2009, 12:13

ja dann zeig mal die seite.. ich zeig dir wo du es ändern musst..

LG Rico

Zum Seitenanfang

schoen

cms2day Projekt Spender

Beiträge: 214

7

Freitag, 12. Juni 2009, 13:35

www.sammer.eu
z.B.: Home und Untermenü

lg. Karl

Zum Seitenanfang

Rico

Fortgeschrittener

Beiträge: 253

8

Samstag, 13. Juni 2009, 15:11

Ok, also z.b. um die Farbe für einen Menüpunkt im Hauptmenü zu ändern:

Quellcode

}

#content #sidebar #fullmenu ul li a {

width: 177px;
height: 33px;
padding: 0px 10px;
text-decoration: none;
color: #FFFFFF;
line-height: 32px;
display: block;
background: #808080;
border: 1px solid #F9F9F9;
font-size: 11px;

}

#content #sidebar #fullmenu ul li a:hover {

width: 177px;
height: 33px;
padding: 0px 10px;
text-decoration: none;
color: #545248;
line-height: 32px;
display: block;
background: url(../images/submenu_hover.gif) repeat-x;
border: 1px solid #F9F9F9;
font-size: 11px;

}

#content #sidebar #fullmenu ul li a.aktiv, #content #sidebar #fullmenu ul li a:hover.aktiv {

width: 177px;
height: 33px;
padding: 0px 10px;
text-decoration: none;
color: #fff;
line-height: 32px;
display: block;
background: #CC0000;
border: 1px solid #F9F9F9;
font-size: 11px;

}

Jeweils einmal den normalen Zustand (1), dann den Hover Zustand (2), und den AktivHover Zustand (3)

Klar geworden?

LG Rico