Ergebnis 1 bis 2 von 2
  1. #1
    BladeDC ist offline Grünschnabel
    registriert
    06-06-2011
    Beiträge
    1

    Menü Dropdown

    Hallo

    Ich habe ein Dmenü Dropdown in Java auf meiner HP www.xtremefeed.de
    wie man sieht ist die Farbe im Dropdown Lila diese möchte ich gerne geändert haben hab schon viel versucht nun sagte man mir diese ist in der css datei definiert könnte mir jemand sagen wo ich die ändern muss, hier mal meine ccs datei

    Code:
    .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
    {
    	text-align:left;
    	text-decoration:none;
    	outline:none;
    	letter-spacing:normal;
    	word-spacing:normal;
    }
    
    .art-menu, .art-menu ul
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	list-style-type: none;
    	display: block;
    }
    
    .art-menu li
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	display: block;
    	float: left;
    	position: relative;
    	z-index: 5;
    	background:none;
    }
    
    .art-menu li:hover
    {
    	z-index: 10000;
    	white-space: normal;
    }
    
    .art-menu li li
    {
    	float: none;
    }
    
    .art-menu ul
    {
    	visibility: hidden;
    	position: absolute;
    	z-index: 10;
    	left: 0;
    	top: 0;
    	background:none;
    }
    
    .art-menu li:hover>ul
    {
    	visibility: visible;
    	top: 100%;
    }
    
    .art-menu li li:hover>ul
    {
    	top: 0;
    	left: 100%;
    }
    
    .art-menu:after, .art-menu ul:after
    {
    	content: ".";
    	height: 0;
    	display: block;
    	visibility: hidden;
    	overflow: hidden;
    	clear: both;
    }
    .art-menu, .art-menu ul
    {
    	min-height: 0;
    }
    
    .art-menu ul
    {
    	background-image: url(images/spacer.gif);
    	padding: 10px 30px 30px 30px;
    	margin: -10px 0 0 -30px;
    }
    
    .art-menu ul ul
    {
    	padding: 30px 30px 30px 10px;
    	margin: -30px 0 0 -10px;
    }
    
    
    
    
    
    /* menu structure */
    
    .art-menu
    {
    	padding: 0px 0px 0px 0px;
    }
    
    .art-nav
    {
    	position: relative;
    	height: 41px;
    	z-index: 100;
    }
    
    .art-nav .l, .art-nav .r
    {
    	position: absolute;
    	z-index: -1;
    	top: 0;
    	height: 41px;
    	background-image: url('images/nav.png');
    	color: #232622;
    }
    
    .art-nav .l
    {
    	left: 0;
    	right:0px;
    }
    
    .art-nav .r
    {
    	right: 0;
    	width: 984px;
    	clip: rect(auto, auto, auto, 984px);
    }
    
    
    /* end Menu */
    
    /* begin MenuItem */
    .art-menu ul li
    {
    	clear: both;
    }
    
    .art-menu a
    {
    	position:relative;
    	display: block;
    	overflow:hidden;
    	height: 41px;
    	cursor: pointer;
    	text-decoration: none;
    	margin-right: 0px;
    	margin-left: 0px;
    }
    
    
    .art-menu a .r, .art-menu a .l
    {
    	position:absolute;
    	display: block;
    	top:0;
    	z-index:-1;
    	height: 123px;
    	background-image: url('images/MenuItem.png');
    	
    	
    }
    
    .art-menu a .l
    {
    	left:0;
    	right:0px;
    }
    
    .art-menu a .r
    {
    	width:400px;
    	right:0;
    	clip: rect(auto, auto, auto, 400px);
    }
    
    .art-menu a .t 
    {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: normal;
    	color: #C5CAC4;
    	padding: 0 22px;
    	margin: 0 0px;
    	line-height: 41px;
    	text-align: center;
    }
    
    .art-menu a:hover .l, .art-menu a:hover .r
    {
    	top:-41px;
    }
    
    .art-menu li:hover>a .l, .art-menu li:hover>a .r
    {
    	top:-41px;
    }
    
    .art-menu li:hover a .l, .art-menu li:hover a .r
    {
    	top:-41px;
    }
    .art-menu a:hover .t
    {
    	color: #E5E7E4;
    }
    
    .art-menu li:hover a .t
    {
    	color: #E5E7E4;
    }
    
    .art-menu li:hover>a .t
    {
    	color: #E5E7E4;
    }
    
    
    .art-menu a.active .l, .art-menu a.active .r
    {
    	top: -82px;
    }
    
    .art-menu a.active .t
    {
    	color: #070807;
    }
    
    
    /* end MenuItem */
    
    /* begin MenuSeparator */
    .art-nav .art-menu-separator
    {
    	display: block;
    	width: 2px;
    	height: 41px;
    	background-image: url('images/MenuSeparator.png');
    }
    
    /* end MenuSeparator */
    
    /* begin MenuSubItem */
    .art-menu ul a
    {
    	display:block;
    	text-align: center;
    	white-space: nowrap;
    	height: 20px;
    	width: 180px;
    	overflow:hidden;
    	line-height: 20px;
    	margin-right: auto;
    
    
    	background-image: url('images/subitem-bg.png');
    	background-position: left top;
    	background-repeat: repeat-x;
    	border-width: 1px;
    	border-style: solid;
    	border-color: #161816;
    }
    
    .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    {
    	display: inline;
    	float: none;
    	margin: inherit;
    	padding: inherit;
    	background-image: none;
    	text-align: inherit;
    	text-decoration: inherit;
    }
    
    .art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
    {
    	text-align: left;
    	text-indent: 12px;
    	text-decoration: none;
    	line-height: 20px;
    	color: #F3F1E7;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: normal;
    }
    
    .art-menu ul ul a
    {
    	margin-left: auto;
    }
    
    .art-menu ul li a:hover
    {
    	color: #7D713F;
    	border-color: #161816;
    	background-position: 0 -20px;
    }
    
    .art-menu ul li:hover>a
    {
    	color: #7D713F;
    	border-color: #161816;
    	background-position: 0 -20px;
    }
    
    .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
    {
    	color: #7D713F;
    }
    
    .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
    {
    	color: #7D713F;
    }
    
    
    /* end MenuSubItem */
    
    /* begin ContentLayout */
    .art-contentLayout
    {
    	position: relative;
    	margin-bottom: 3px;
    	width: 984px;
    }
    /* end ContentLayout */
    
    /* begin Box, Block */
    .art-Block
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:3px;
    	min-height:3px;
    }
    
    .art-Block-body
    {
    	position: relative;
    	z-index:1;
    	padding: 7px;
    }
    
    .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
    {
    	width: 2px;
    	height: 2px;
    	background-image: url('images/Block-s.png');
    }
    
    .art-Block-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 1px, 1px, auto);
    }
    
    .art-Block-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 1px, 1px);
    }
    
    .art-Block-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(1px, 1px, auto, auto);
    }
    
    .art-Block-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(1px, auto, auto, 1px);
    }
    
    .art-Block-tc, .art-Block-bc
    {
    	left: 1px;
    	right: 1px;
    	height: 2px;
    	background-image: url('images/Block-h.png');
    }
    
    .art-Block-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 1px, auto);
    }
    
    .art-Block-bc
    {
    	bottom: 0;
    	clip: rect(1px, auto, auto, auto);
    }
    
    .art-Block-cr, .art-Block-cl
    {
    	top: 1px;
    	bottom: 1px;
    	width: 2px;
    	background-image: url('images/Block-v.png');
    }
    
    .art-Block-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 1px);
    }
    
    .art-Block-cl
    {
    	left:0;
    	clip: rect(auto, 1px, auto, auto);
    }
    
    .art-Block-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 1px;
    	left: 1px;
    	right: 1px;
    	bottom: 1px;
    	background-color: #F3F1E7;
    }
    
    
    .art-Block
    {
    	margin: 7px;
    }
    
    /* end Box, Block */
    
    /* begin BlockHeader */
    .art-BlockHeader
    {
    	position:relative;
    	z-index:0;
    	height: 30px;
    	padding: 0 8px;
    	margin-bottom: 7px;
    }
    
    .art-BlockHeader .t

    Hab mal die mit meü defienierten partien gepostet hoffe ihr könnt mir helfen.


    MFG aus Aachen

  2. #2
    slap ist offline Grünschnabel
    registriert
    01-06-2011
    Beiträge
    9

    AW: Menü Dropdown

    Hi, bist bisschen falsch "zwinker"

    Das ist ein Bild => Ich denke images/MenuItem.png
    (nachtrag) und images/subitem-bg.png

    Einfach mal andere nehmen.

    Danach Cache leeren nicht vergessen
    Geändert von slap (07-06-2011 um 20:21 Uhr)

Ähnliche Themen

  1. Dropdown Menü
    Von liesing im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 23-01-2011, 19:49
  2. Dropdown menü
    Von pc-jedi im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 18-01-2011, 23:17
  3. Dropdown Menü
    Von marcschroemges im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 06-07-2007, 21:39
  4. Dropdown Menü
    Von x16 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 27-07-2005, 22:57
  5. dropdown menü
    Von snake14 im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 26-01-2003, 16:19

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •