ilch Forum » Allgemein » HTML, PHP, SQL,... » Dropdown Menü Farbe

Geschlossen
  1. #1
    User Pic
    BladeDC Mitglied
    Registriert seit
    21.11.2009
    Beiträge
    53
    Beitragswertungen
    0 Beitragspunkte
    Hallo wollte mal fragen wie ich die Farbe im Dropdown Menü ändern kann habe eine Java Script Datei im Designs Ordner ahbe mit einen Editor schon einiges durchprobiert komme aber nicht weiter.Gibt es dort Einträge auf die ich achten muss. Wovor ich eine Date Poste frage ich erstmal vieleicht kann mir jemand sagen wonach ich suchen.

    Vielen Dank

    MFG aus Aachen:)lächeln

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Das ist eine in deiner CSS definierte Grafik! (nav.png / MenuItem.png)
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    BladeDC Mitglied
    Registriert seit
    21.11.2009
    Beiträge
    53
    Beitragswertungen
    0 Beitragspunkte
    Also hab die entsprechenden Einträge geändert jedoch tut sich nichts ich Poste sie mal


    /* begin Page */
    
    /* Generated with Artisteer version 2.2.0.17376, file checksum is 8F0EC246. */
    
    body
    {
    	margin: 0 auto;
    	padding: 0;
    	background-color: #343932;
    	background-image: url('images/Page-BgTexture.jpg');
    	background-repeat: repeat;
    	background-attachment: scroll;
    	background-position: top left;
    }
    
    #art-main
    {
    	position: relative;
    	width: 100%;
    	left: 0;
    	top: 0;
    }
    
    #art-page-background-glare
    {
    	position: absolute;
    	width: 100%;
    	height: 436px;
    	left: 0;
    	top: 0;
    }
    
    #art-page-background-glare-image
    {
    	background-image: url('images/Page-BgGlare.png');
    	background-repeat: no-repeat;
    	height: 436px;
    	width: 481px;
    	margin: 0;
    }
    
    html:first-child #art-page-background-glare
    {
    	border: 1px solid transparent; /* Opera fix */
    }
    
    
    #art-page-background-gradient
    {
    	position: absolute;
    	background-image: url('images/Page-BgGradient.jpg');
    	background-repeat: repeat-x;
    	top:0;
    	width:100%;
    	height: 253px;
    	
    }
    
    #art-page-background-gradient
    {
    	background-position: top left;
    }
    
    
    .cleared
    {
    	float: none;
    	clear: both;
    	margin: 0;
    	padding: 0;
    	border: none;
    	font-size:1px;
    }
    
    
    form
    {
    	padding:0 !important;
    	margin:0 !important;
    }
    
    table.position
    {
    	position: relative;
    	width: 100%;
    	table-layout: fixed;
    }
    /* end Page */
    
    /* begin Box, Sheet */
    .art-Sheet
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	width: 1000px;
    	min-width:51px;
    	min-height:51px;
    }
    
    .art-Sheet-body
    {
    	position: relative;
    	z-index:1;
    	padding: 8px;
    }
    
    .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
    {
    	width: 78px;
    	height: 78px;
    	background-image: url('images/Sheet-s.png');
    }
    
    .art-Sheet-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 39px, 39px, auto);
    }
    
    .art-Sheet-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 39px, 39px);
    }
    
    .art-Sheet-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(39px, 39px, auto, auto);
    }
    
    .art-Sheet-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(39px, auto, auto, 39px);
    }
    
    .art-Sheet-tc, .art-Sheet-bc
    {
    	left: 39px;
    	right: 39px;
    	height: 78px;
    	background-image: url('images/Sheet-h.png');
    }
    
    .art-Sheet-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 39px, auto);
    }
    
    .art-Sheet-bc
    {
    	bottom: 0;
    	clip: rect(39px, auto, auto, auto);
    }
    
    .art-Sheet-cr, .art-Sheet-cl
    {
    	top: 39px;
    	bottom: 39px;
    	width: 78px;
    	background-image: url('images/Sheet-v.png');
    }
    
    .art-Sheet-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 39px);
    }
    
    .art-Sheet-cl
    {
    	left:0;
    	clip: rect(auto, 39px, auto, auto);
    }
    
    .art-Sheet-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 39px;
    	left: 39px;
    	right: 39px;
    	bottom: 39px;
    	background-color: #F0EDE0;
    }
    
    
    .art-Sheet
    {
    	margin-top: 20px !important;
    }
    
    #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
    {
    	min-width:1000px;
    }
    
    /* end Box, Sheet */
    
    /* begin Header */
    div.art-Header
    {
    	margin: 0 auto;
    	position: relative;
    	z-index:0;
    	width: 984px;
    	height: 225px;
    }
    
    div.art-Header-png
    {
    	position: absolute;
    	z-index:-2;
    	top: 0;
    	left: 0;
    	width: 984px;
    	height: 225px;
    	background-image: url('images/Header.png');
    	background-repeat: no-repeat;
    	background-position: left top;
    }
    
    div.art-Header-jpeg
    {
    	position: absolute;
    	z-index:-1;
    	top: 0;
    	left: 0;
    	width: 984px;
    	height: 225px;
    	background-image: url('images/Header.jpg');
    	background-repeat: no-repeat;
    	background-position: center center;
    }
    /* end Header */
    
    /* begin Logo */
    .art-Logo
    {
    	display : block;
    	position: absolute;
    	left: 837px;
    	top: 10px;
    	width: 137px;
    }
    
    h1.art-Logo-name
    {
    	display: block;
    	text-align: center;
    }
    
    h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
    {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 16px;
    	font-style: normal;
    	font-weight: bold;
    	text-decoration: none;
    	padding:0;
    	margin:0;
    	color: #ECE9DA !important;
    }
    
    .art-Logo-text
    {
    	display: block;
    	text-align: center;
    }
    
    .art-Logo-text, .art-Logo-text a
    {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 10px;
    	font-style: normal;
    	font-weight: normal;
    	padding:0;
    	margin:0;
    	color: #FDFDFC !important;
    }
    /* end Logo */
    
    /* begin Menu */
    /* menu structure */
    
    .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
    {
    	height: 30px;
    	color: #000000;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: bold;
    	white-space : nowrap;
    	padding: 0 7px;
    	line-height: 30px;
    }
    
    .art-BlockHeader .l, .art-BlockHeader .r
    {
    	display:block;
    	position:absolute;
    	z-index:-1;
    	height: 30px;
    	background-image: url('images/BlockHeader.png');
    }
    
    .art-BlockHeader .l
    {
    	left:0;
    	right:1px;
    }
    
    .art-BlockHeader .r
    { 
    	width:984px;
    	right:0;
    	clip: rect(auto, auto, auto, 983px);
    }
    
    
    
    
    
    .art-header-tag-icon
    {
    	display:inline-block;
    	background-position:left top;
    	background-image: url('images/BlockHeaderIcon.png');
    	padding:0 0 0 10px;
    	background-repeat: no-repeat;
    	min-height: 9px;
    	margin: 0 0 0 5px;
    }
    
    
    /* end BlockHeader */
    
    /* begin Box, BlockContent */
    .art-BlockContent
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:1px;
    	min-height:1px;
    }
    
    .art-BlockContent-body
    {
    	position: relative;
    	z-index:1;
    	padding: 8px;
    }
    
    
    
    .art-BlockContent-body
    {
    	color:#5C6459;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: normal;
    }
    
    .art-BlockContent-body a:link
    {
    	color: #6D6237;
    	font-family: Arial, Helvetica, Sans-Serif;
    	text-decoration: underline;
    }
    
    .art-BlockContent-body a:visited, .art-BlockContent-body a.visited
    {
    	color: #848E80;
    	font-family: Arial, Helvetica, Sans-Serif;
    	text-decoration: underline;
    }
    
    .art-BlockContent-body a:hover, .art-BlockContent-body a.hover
    {
    	color: #BB991B;
    	font-family: Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    }
    
    .art-BlockContent-body ul
    {
    	list-style-type: none;
    	color: #232622;
    	margin:0;
    	padding:0;
    }
    
    .art-BlockContent-body li
    {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	text-decoration: none;
    }
    
    .art-BlockContent-body ul li
    {
    	padding:0px 0 0px 13px;
    	background-image: url('images/BlockContentBullets.png');
    	background-repeat:no-repeat;
    	margin:0.5em 0 0.5em 0;
    	line-height:1.2em;
    }
    
    /* end Box, BlockContent */
    
    /* begin Box, Post */
    .art-Post
    {
    	position:relative;
    	z-index:0;
    	margin:0 auto;
    	min-width:3px;
    	min-height:3px;
    }
    
    .art-Post-body
    {
    	position: relative;
    	z-index:1;
    	padding: 11px;
    }
    
    .art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
    {
    	position:absolute;
    	z-index:-1;
    }
    
    .art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
    {
    	width: 2px;
    	height: 2px;
    	background-image: url('images/Post-s.png');
    }
    
    .art-Post-tl
    {
    	top:0;
    	left:0;
    	clip: rect(auto, 1px, 1px, auto);
    }
    
    .art-Post-tr
    {
    	top: 0;
    	right: 0;
    	clip: rect(auto, auto, 1px, 1px);
    }
    
    .art-Post-bl
    {
    	bottom: 0;
    	left: 0;
    	clip: rect(1px, 1px, auto, auto);
    }
    
    .art-Post-br
    {
    	bottom: 0;
    	right: 0;
    	clip: rect(1px, auto, auto, 1px);
    }
    
    .art-Post-tc, .art-Post-bc
    {
    	left: 1px;
    	right: 1px;
    	height: 2px;
    	background-image: url('images/Post-h.png');
    }
    
    .art-Post-tc
    {
    	top: 0;
    	clip: rect(auto, auto, 1px, auto);
    }
    
    .art-Post-bc
    {
    	bottom: 0;
    	clip: rect(1px, auto, auto, auto);
    }
    
    .art-Post-cr, .art-Post-cl
    {
    	top: 1px;
    	bottom: 1px;
    	width: 2px;
    	background-image: url('images/Post-v.png');
    }
    
    .art-Post-cr
    {
    	right:0;
    	clip: rect(auto, auto, auto, 1px);
    }
    
    .art-Post-cl
    {
    	left:0;
    	clip: rect(auto, 1px, auto, auto);
    }
    
    .art-Post-cc
    {
    	position:absolute;
    	z-index:-1;
    	top: 1px;
    	left: 1px;
    	right: 1px;
    	bottom: 1px;
    	background-color: #F3F1E7;
    }
    
    
    .art-Post
    {
    	margin: 7px;
    }
    
    /* Start images */
    a img
    {
    	border: 0;
    }
    
    .art-article img, img.art-article
    {
    	border: solid 1px #161816;
    	margin: 1em;
    }
    
    .art-metadata-icons img
    {
    	border: none;
    	vertical-align: middle;
    	margin:2px;
    }
    /* Finish images */
    
    /* Start tables */
    
    .art-article table, table.art-article
    {
    	border-collapse: collapse;
    	margin: 1px;
    	width:auto;
    }
    
    .art-article table, table.art-article .art-article tr, .art-article th, .art-article td
    {
    	background-color:Transparent;
    }
    
    .art-article th, .art-article td
    {
    	padding: 2px;
    	border: solid 1px #C7BC8F;
    	vertical-align: top;
    	text-align:left;
    }
    
    .art-article th
    {
    	text-align:center;
    	vertical-align:middle;
    	padding: 7px;
    }
    
    /* Finish tables */
    /* end Box, Post */
    
    /* begin PostHeaderIcon */
    .art-PostHeaderIcon-wrapper
    {
    	text-decoration:none;
    	margin: 0.2em 0;
    	padding: 0;
    	font-weight:normal;
    	font-style:normal;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-variant:normal;
    	text-decoration:none;
    	font-variant:normal;
    	text-transform:none;
    	text-align:left;
    	text-indent:0;
    	line-height:inherit;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 22px;
    	font-style: normal;
    	font-weight: bold;
    	text-align: left;
    	color: #373B35;
    }
    
    .art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover
    {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 22px;
    	font-style: normal;
    	font-weight: bold;
    	text-align: left;
    	color: #373B35;
    }
    
    /* end PostHeaderIcon */
    
    /* begin PostHeader */
    .art-PostHeader a:link
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #5C522E;
    }
    
    .art-PostHeader a:visited, .art-PostHeader a.visited
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #596156;
    }
    
    .art-PostHeader a:hover, .art-PostHeader a.hovered
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      text-align: left;
      color: #BB991B;
    }
    /* end PostHeader */
    
    /* begin PostContent */
    /* Content Text Font & Color (Default) */
    body
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      color: #484E46;
    }
    
    .art-PostContent
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      text-align: justify;
      color: #484E46;
    }
    
    
    /* Start Content link style */
    /*
    The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
    http://www.w3schools.com/CSS/css_pseudo_classes.asp
    http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
    */
    a
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #8E8048;
    }
    
    /* Adds special style to an unvisited link. */
    a:link
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #8E8048;
    }
    
    /* Adds special style to a visited link. */
    a:visited, a.visited
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: underline;
      color: #343932;
    }
    
    /* :hover - adds special style to an element when you mouse over it. */
    a:hover, a.hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      text-decoration: none;
      color: #BB991B;
    }
    
    /* Finish Content link style */
    
    /* Resert some headings default style & links default style for links in headings*/
    h1, h2, h3, h4, h5, h6,
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
    {
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
    }
    
    
    /* Start Content headings Fonts & Colors  */
    h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 28px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #4F564D;
    }
    
    h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 22px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #687265;
    }
    
    h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 18px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #8E8048;
    }
    
    h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 16px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #5C6459;
    }
    
    h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #5C6459;
    }
    
    h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
    {
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: 14px;
      font-style: normal;
      font-weight: bold;
      text-align: left;
      color: #5C6459;
    }
    /* Finish Content headings Fonts & Colors  */
    /* end PostContent */
    
    /* begin PostBullets */
    /* Start Content list */
    ol, ul
    {
    	color: #373B35;
    	margin:1em 0 1em 2em;
    	padding:0;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    }
    
    li ol, li ul
    {
    	margin:0.5em 0 0.5em 2em;
    	padding:0;
    }
    
    li 
    {
    	margin:0.2em 0;
    	padding:0;
    }
    
    ul
    {
    	list-style-type: none;
    }
    
    ol
    {
    	list-style-position:inside;
    	
    }
    
    
    
    .art-Post li
    {
    	padding:0px 0 0px 13px;
    	line-height:1.2em;
    }
    
    .art-Post ol li, .art-Post ul ol li
    {
    	background: none;
    	padding-left:0;
    }
    
    .art-Post ul li, .art-Post ol ul li 
    {
    	background-image: url('images/PostBullets.png');
    	background-repeat:no-repeat;
    	padding-left:13px;
    }
    
    
    /* Finish Content list */
    /* end PostBullets */
    
    /* begin PostQuote */
    /* Start blockquote */
    blockquote p
    {
    	color:#0F100E;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-style: italic;
    	font-weight: normal;
    	text-align: left;
    }
    
    blockquote
    {
    		border:solid 1px #D4CCAA; 
    		margin:10px 10px 10px 50px;
    	padding:5px 5px 5px 41px;
    	background-color:#E9E4D3;
    	background-image:url('images/PostQuote.png');
    	background-position:left top;
    	background-repeat:no-repeat;
    }
    
    
    /* Finish blockuote */
    /* end PostQuote */
    
    /* begin Button */
    .art-button-wrapper .art-button
    {
    	display:inline-block;
    	width: auto;
    	outline:none;
    	border:none;
    	background:none;
    	line-height:28px;
    	margin:0 !important;
    	padding:0 !important;
    	overflow: visible;
    	cursor: default;
    	text-decoration: none !important;
    	z-index:0;
    }
    
    .art-button-wrapper
    {
    	display:inline-block;
    	position:relative;
    	height: 28px;
    	overflow:hidden;
    	white-space: nowrap;
    	width: auto;
    	z-index:0;
    }
    
    .art-button-wrapper .art-button
    {
    	display:block;
    	height: 28px;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: normal;
    	white-space: nowrap;
    	text-align: left;
    	padding: 0 15px !important;
    	line-height: 28px;
    	text-decoration: none !important;
    	color: #000000 !important;
    }
    
    input, select
    {
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 12px;
    	font-style: normal;
    	font-weight: normal;
    }
    
    .art-button-wrapper.hover .art-button, .art-button:hover
    {
    	color: #000000 !important;
    	text-decoration: none !important;
    }
    
    .art-button-wrapper.active .art-button
    {
    	color: #FCF9ED !important;
    }
    
    .art-button-wrapper .l, .art-button-wrapper .r
    {
    	display:block;
    	position:absolute;
    	z-index:-1;
    	height: 84px;
    	background-image: url('images/Button.png');
    }
    
    .art-button-wrapper .l
    {
    	left:0;
    	right:4px;
    }
    
    .art-button-wrapper .r
    {
    	width:409px;
    	right:0;
    	clip: rect(auto, auto, auto, 405px);
    }
    
    .art-button-wrapper.hover .l, .art-button-wrapper.hover .r
    {
    	top: -28px;
    }
    
    .art-button-wrapper.active .l, .art-button-wrapper.active .r
    {
    	top: -56px;
    }
    
    
    /* end Button */
    
    /* begin Footer */
    .art-Footer
    {
    	position:relative;
    	z-index:0;
    	overflow:hidden;
    	width: 984px;
    	margin: 5px auto 0px auto;
    }
    
    .art-Footer .art-Footer-inner
    {
    	height:1%;
    	position: relative;
    	z-index: 0;
    	padding: 8px;
    	text-align: center;
    }
    
    .art-Footer .art-Footer-background
    {
    	position:absolute;
    	z-index:-1;
    	background-repeat:no-repeat;
    	background-image: url('images/Footer.png');
    	width: 984px;
    	height: 150px;
    	bottom:0;
    	left:0;
    }
    
    
    .art-rss-tag-icon
    {
    	position: relative;
    	display:block;
    	float:left;
    	background-image: url('images/rssIcon.png');
    	background-position: center right;
    	background-repeat: no-repeat;
    	margin: 0 5px 0 0;
    	height: 32px;
    	width: 30px;
    }
    
    
    
    
    .art-Footer .art-Footer-text p
    {
    	margin: 0;
    }
    
    .art-Footer .art-Footer-text
    {
    	display:inline-block;
    	color:#2F2B18;
    	font-family: Arial, Helvetica, Sans-Serif;
    	font-size: 11px;
    }
    
    .art-Footer .art-Footer-text a:link
    {
    	text-decoration: none;
    	color: #695F35;
    	font-family: Arial, Helvetica, Sans-Serif;
    	text-decoration: underline;
    }
    
    .art-Footer .art-Footer-text a:visited
    {
    	text-decoration: none;
    	color: #191B18;
    	font-family: Arial, Helvetica, Sans-Serif;
    	text-decoration: underline;
    }
    
    .art-Footer .art-Footer-text a:hover
    {
    	text-decoration: none;
    	color: #8A7114;
    	font-family: Arial, Helvetica, Sans-Serif;
    	text-decoration: none;
    }
    /* end Footer */
    
    /* begin PageFooter */
    .art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
    {
    	font-family:Arial;
    	font-size:10px;
    	letter-spacing:normal;
    	word-spacing:normal;
    	font-style:normal;
    	font-weight:normal;
    	text-decoration:underline;
    	color:#E7C95A;
    }
    
    .art-page-footer
    {
    	margin:1em;
    	text-align:center;
    	text-decoration:none;
    	color:#C0B382;
    }
    /* end PageFooter */
    
    /* begin LayoutCell */
    .art-contentLayout .art-sidebar1
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 245px;
    }
    /* end LayoutCell */
    
    /* begin LayoutCell */
    .art-contentLayout .art-content
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 738px;
    }
    .art-contentLayout .art-content-wide
    {
    	position: relative;
    	margin: 0;
    	padding: 0;
    	border: 0;
    	float: left;
    	overflow: hidden;
    	width: 983px;
    }
    /* end LayoutCell */




    MFG Sven
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    BladeDC Mitglied
    Registriert seit
    21.11.2009
    Beiträge
    53
    Beitragswertungen
    0 Beitragspunkte
    Also ich habs gefunden die subitem.png ist es gewesen Farbe geändert und gut wars danke für die Tipps. lächelnlächeln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten