Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.09.2007 um 18:58 (UTC)    
Titel: Faben?

hi,

ich hab auf www.66954.kilu3.de ein neues design.

aber oben die navigation spinnt 3stück sind grün und einer orage?

ich wollte das alle normal orange sind und wen man sie berührt ihre fabe orange behalten aber ich bekomme es net hin.

was muss ich in der style datei bearbeiten?

Zitat:
/* VuduRado3 */
/* VuduRado.Lv */
/* 2007 */

/* global */

* { margin: 0; padding: 0; }

body { background: url(images/outbg.PNG); font-family: Tahoma,sans-serif; font-size: 12px; color: #000; }

.clear { clear: both; }

/* clear floats */

p { margin-bottom: 5px; padding: 0; }

/* link styles */

a { color: #CC3300; text-decoration: none; }

a:hover { color: #000; text-decoration: none; }

/* tables */

table { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }

td { text-align: left; vertical-align: top; padding-left: 2px; padding-right: 2px; }

.bodytable { padding: 4px; border: 1px solid #c1c0cd; background: #ededed url(images/newsbg.png) repeat-x bottom; }

/* headings */

h1, h2, h3, h4, h5, h6 { margin-top: 7px; color: #fff; font-size: 12px; text-align: center; padding: 4px; background: url(images/h3.jpg); }

/* theme layout */

.wrapper { width: 988px; margin: 0 auto; padding: 0; background: url(images/bg.gif) repeat-y; }

.innerwrapper { padding: 0 25px; }

/* header area */

.header { height: 145px; background: url(images/header.jpg) no-repeat; }

/* main navigation */

.nav { background: url(images/h3.jpg); border-bottom: 0px solid #000; height: 20px; }

#topmenu { margin: 0; padding: 0; list-style-type: none; list-style-image: button.jpg; }

#topmenu li { display: inline; }

#topmenu a { border: 0px solid #FFB400; border-bottom: 0px solid #FFB400; color: #fff; display: block; padding: 3px 12px; text-align: center; background: url(images/h3.jpg); float: left; text-decoration: none; }

#topmenu a:hover { color: #fff; display: block; background: url(images/clickd.png); border-bottom: 0px solid #fd7508; text-decoration: none; }

#topmenu a.onpage { color: #fff; display: block; background: url(images/clickd.png); border-bottom: 0px solid #fd7508; text-decoration: none; }

/* end of navigation and header */

/* content area */

.main { padding: 2px 4px; }

/* left menu */

.leftmenu { width: 175px; float: left; text-align: center; font-size: 11px; }

/* center area */

.central { width: 572px; float: left; padding: 0 0 0 4px; font-size: 11px;}

.central h3 { margin-top: 7px; color: #c1c0cd; font-size: 12px; text-align: center; padding: 4px; background: url(images/h3.jpg); }

/* news styles */

.story { text-align: left; padding: 4px 0; border: 1px solid #dddddd; margin-top: 7px; background: #ededed url(images/newsbg.png) repeat-x bottom; }

.story h3 { margin: 0; padding: 0; color: #000; background: none; font-size: 12px; text-align: left; border-bottom: 1px solid #000; }

.newsleft { width: 0%; float: left; padding: 0 7px; }

.newsimage { width: 60px; height: 60px; margin: 0 auto; }

.newsdate { margin: 7px 0 0 0; text-align: center; }

.newstext { float: left; width: 95%; padding: 4px; font-size: 11px; }

.postby { margin: 0 0 7px 0; text-align: right; padding: 0 5px; height: 20px; }

/* right menu */

.rightmenu { width: 175px; float: right; text-align: center; font-size: 11px; }

/* footer */

.footer { background: #121212 url(images/h3.jpg) repeat-x; }

.disclaimer { padding: 4px; text-align: center; color: #fff; font-size: 10px; }


/* end of theme layout structure */

/* E107 STYLES */

.button { color: #494949; font-size: 11px; background: white; border-top: 1px solid #D4D2CF; border-left: 1px solid #D4D2CF; border-bottom: 1px solid #868686;
border-right: 1px solid #868686; padding: 2px; margin: 2px auto; }

.button:hover { color: #FFF; background: #000; }

.indentchat { padding: 4px; border: 1px solid #dddddd; margin-bottom: 4px; text-align: center; background: #fafafa url(images/newsbg.png) repeat-x bottom; }

.indent { background: #fafafa url(images/newsbg.png) repeat-x bottom; color: #b40000; font-size: 10px; padding: 4px; border: 1px solid #dddddd; margin: 4px; }

.small { color: #b40000; font: 10px verdana, tahoma, arial, helvetica, sans-serif; }

.smalltext { font: 10px verdana, tahoma, arial, helvetica, sans-serif; color: #b40000; }

.smallbottom { font-size: 10px; color: #666666; text-align:left; }

.tbox { color: #E0691A; font-weight: bold; font-size: 12px; border: 1px solid #dddddd; margin: 2px auto; padding: 0 2px; }

.tbox:hover { color: #000; border: 1px solid #000; }

.tbox:focus { color: #000; border: 1px solid #000; }

.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */

.fcaption { padding: 4px; line-height:21px; color: #fff; background: #444444; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; border-top: 1px solid #313A3D; border-bottom: 1px solid #313A3D; }

.fcaption span.smalltext { color: #fd7508; }

.fcaption span.smalltext a:hover { color: #fff; }

.fcaption a { color: #fd7508; text-decoration: none; }

.fcaption a:hover { color: #fff; }

a.forumlink { color: #fd7508; text-decoration: none; }

a.forumlink:hover { color: #fff; }

.fborder { border: none; background-color: transparent; }

.forumheader { background: none; padding: 7px 5px 7px 5px; height:20px; line-height:16px; font-weight:bold; border-bottom: 2px solid #313A3D; }

.forumheader2 { color: #000; padding: 7px 5px 7px 5px; }

.forumheader3 { color: #000; padding: 7px 5px 7px 5px; }

.forumheader4 { color: #000; padding: 7px 5px 7px 5px; }

.finfobar { padding: 4px; background: #444444; color: #000; }

.finfobar a { color: #fd7508; }

.finfobar a:hover { color: #fff; }
Beitrag01.09.2007 um 19:17 (UTC)    
Titel:

vllt klappts...probiers mal so...:
Zitat:

/* VuduRado3 */
/* VuduRado.Lv */
/* 2007 */

/* global */

* { margin: 0; padding: 0; }

body { background: url(images/outbg.PNG); font-family: Tahoma,sans-serif; font-size: 12px; color: #000; }

.clear { clear: both; }

/* clear floats */

p { margin-bottom: 5px; padding: 0; }

/* link styles */

a { color: #CC3300; text-decoration: none; }

a:hover { color: #000; text-decoration: none; }

/* tables */

table { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }

td { text-align: left; vertical-align: top; padding-left: 2px; padding-right: 2px; }

.bodytable { padding: 4px; border: 1px solid #c1c0cd; background: #ededed url(images/newsbg.png) repeat-x bottom; }

/* headings */

h1, h2, h3, h4, h5, h6 { margin-top: 7px; color: #fff; font-size: 12px; text-align: center; padding: 4px; background: url(images/h3.jpg); }

/* theme layout */

.wrapper { width: 988px; margin: 0 auto; padding: 0; background: url(images/bg.gif) repeat-y; }

.innerwrapper { padding: 0 25px; }

/* header area */

.header { height: 145px; background: url(images/header.jpg) no-repeat; }

/* main navigation */

.nav { background: url(images/h3.jpg); border-bottom: 0px solid #000; height: 20px; }

#topmenu { margin: 0; padding: 0; list-style-type: none; list-style-image: button.jpg; }

#topmenu li { display: inline; }

#topmenu a { border: 0px solid #FFB400; border-bottom: 0px solid #FFB400; color: #fff; display: block; padding: 3px 12px; text-align: center; background: url(images/h3.jpg); float: left; text-decoration: none; }

#topmenu a:hover { color: #fff; display: block; border-bottom: 0px solid #fd7508; text-decoration: none; }

#topmenu a.onpage { color: #fff; display: block; border-bottom: 0px solid #fd7508; text-decoration: none; }

/* end of navigation and header */

/* content area */

.main { padding: 2px 4px; }

/* left menu */

.leftmenu { width: 175px; float: left; text-align: center; font-size: 11px; }

/* center area */

.central { width: 572px; float: left; padding: 0 0 0 4px; font-size: 11px;}

.central h3 { margin-top: 7px; color: #c1c0cd; font-size: 12px; text-align: center; padding: 4px; background: url(images/h3.jpg); }

/* news styles */

.story { text-align: left; padding: 4px 0; border: 1px solid #dddddd; margin-top: 7px; background: #ededed url(images/newsbg.png) repeat-x bottom; }

.story h3 { margin: 0; padding: 0; color: #000; background: none; font-size: 12px; text-align: left; border-bottom: 1px solid #000; }

.newsleft { width: 0%; float: left; padding: 0 7px; }

.newsimage { width: 60px; height: 60px; margin: 0 auto; }

.newsdate { margin: 7px 0 0 0; text-align: center; }

.newstext { float: left; width: 95%; padding: 4px; font-size: 11px; }

.postby { margin: 0 0 7px 0; text-align: right; padding: 0 5px; height: 20px; }

/* right menu */

.rightmenu { width: 175px; float: right; text-align: center; font-size: 11px; }

/* footer */

.footer { background: #121212 url(images/h3.jpg) repeat-x; }

.disclaimer { padding: 4px; text-align: center; color: #fff; font-size: 10px; }


/* end of theme layout structure */

/* E107 STYLES */

.button { color: #494949; font-size: 11px; background: white; border-top: 1px solid #D4D2CF; border-left: 1px solid #D4D2CF; border-bottom: 1px solid #868686;
border-right: 1px solid #868686; padding: 2px; margin: 2px auto; }

.button:hover { color: #FFF; background: #000; }

.indentchat { padding: 4px; border: 1px solid #dddddd; margin-bottom: 4px; text-align: center; background: #fafafa url(images/newsbg.png) repeat-x bottom; }

.indent { background: #fafafa url(images/newsbg.png) repeat-x bottom; color: #b40000; font-size: 10px; padding: 4px; border: 1px solid #dddddd; margin: 4px; }

.small { color: #b40000; font: 10px verdana, tahoma, arial, helvetica, sans-serif; }

.smalltext { font: 10px verdana, tahoma, arial, helvetica, sans-serif; color: #b40000; }

.smallbottom { font-size: 10px; color: #666666; text-align:left; }

.tbox { color: #E0691A; font-weight: bold; font-size: 12px; border: 1px solid #dddddd; margin: 2px auto; padding: 0 2px; }

.tbox:hover { color: #000; border: 1px solid #000; }

.tbox:focus { color: #000; border: 1px solid #000; }

.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */

.fcaption { padding: 4px; line-height:21px; color: #fff; background: #444444; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; border-top: 1px solid #313A3D; border-bottom: 1px solid #313A3D; }

.fcaption span.smalltext { color: #fd7508; }

.fcaption span.smalltext a:hover { color: #fff; }

.fcaption a { color: #fd7508; text-decoration: none; }

.fcaption a:hover { color: #fff; }

a.forumlink { color: #fd7508; text-decoration: none; }

a.forumlink:hover { color: #fff; }

.fborder { border: none; background-color: transparent; }

.forumheader { background: none; padding: 7px 5px 7px 5px; height:20px; line-height:16px; font-weight:bold; border-bottom: 2px solid #313A3D; }

.forumheader2 { color: #000; padding: 7px 5px 7px 5px; }

.forumheader3 { color: #000; padding: 7px 5px 7px 5px; }

.forumheader4 { color: #000; padding: 7px 5px 7px 5px; }

.finfobar { padding: 4px; background: #444444; color: #000; }

.finfobar a { color: #fd7508; }

.finfobar a:hover { color: #fff; }
Beitrag01.09.2007 um 19:27 (UTC)    
Titel:

ja der code geht......

aber noch eine kleine sache wäre da,

der login knopf oder wie das nochmal heißt wird wen man drauf get schwart kannste das machen das der weiß bleibt ?

wäre net Embarassed


Zuletzt bearbeitet von swatpolice am 01.09.2007, 20:28, insgesamt einmal bearbeitet
Beitrag02.09.2007 um 15:00 (UTC)    
Titel:

Hi,

nochmals den Code ersetzen, durch diesen:
Zitat:

/* VuduRado3 */
/* VuduRado.Lv */
/* 2007 */

/* global */

* { margin: 0; padding: 0; }

body { background: url(images/outbg.PNG); font-family: Tahoma,sans-serif; font-size: 12px; color: #000; }

.clear { clear: both; }

/* clear floats */

p { margin-bottom: 5px; padding: 0; }

/* link styles */

a { color: #CC3300; text-decoration: none; }

a:hover { color: #000; text-decoration: none; }

/* tables */

table { margin: 0px; padding: 0px; border: none; border-collapse: collapse; }

td { text-align: left; vertical-align: top; padding-left: 2px; padding-right: 2px; }

.bodytable { padding: 4px; border: 1px solid #c1c0cd; background: #ededed url(images/newsbg.png) repeat-x bottom; }

/* headings */

h1, h2, h3, h4, h5, h6 { margin-top: 7px; color: #fff; font-size: 12px; text-align: center; padding: 4px; background: url(images/h3.jpg); }

/* theme layout */

.wrapper { width: 988px; margin: 0 auto; padding: 0; background: url(images/bg.gif) repeat-y; }

.innerwrapper { padding: 0 25px; }

/* header area */

.header { height: 145px; background: url(images/header.jpg) no-repeat; }

/* main navigation */

.nav { background: url(images/h3.jpg); border-bottom: 0px solid #000; height: 20px; }

#topmenu { margin: 0; padding: 0; list-style-type: none; list-style-image: button.jpg; }

#topmenu li { display: inline; }

#topmenu a { border: 0px solid #FFB400; border-bottom: 0px solid #FFB400; color: #fff; display: block; padding: 3px 12px; text-align: center; background: url(images/h3.jpg); float: left; text-decoration: none; }

#topmenu a:hover { color: #fff; display: block; border-bottom: 0px solid #fd7508; text-decoration: none; }

#topmenu a.onpage { color: #fff; display: block; border-bottom: 0px solid #fd7508; text-decoration: none; }

/* end of navigation and header */

/* content area */

.main { padding: 2px 4px; }

/* left menu */

.leftmenu { width: 175px; float: left; text-align: center; font-size: 11px; }

/* center area */

.central { width: 572px; float: left; padding: 0 0 0 4px; font-size: 11px;}

.central h3 { margin-top: 7px; color: #c1c0cd; font-size: 12px; text-align: center; padding: 4px; background: url(images/h3.jpg); }

/* news styles */

.story { text-align: left; padding: 4px 0; border: 1px solid #dddddd; margin-top: 7px; background: #ededed url(images/newsbg.png) repeat-x bottom; }

.story h3 { margin: 0; padding: 0; color: #000; background: none; font-size: 12px; text-align: left; border-bottom: 1px solid #000; }

.newsleft { width: 0%; float: left; padding: 0 7px; }

.newsimage { width: 60px; height: 60px; margin: 0 auto; }

.newsdate { margin: 7px 0 0 0; text-align: center; }

.newstext { float: left; width: 95%; padding: 4px; font-size: 11px; }

.postby { margin: 0 0 7px 0; text-align: right; padding: 0 5px; height: 20px; }

/* right menu */

.rightmenu { width: 175px; float: right; text-align: center; font-size: 11px; }

/* footer */

.footer { background: #121212 url(images/h3.jpg) repeat-x; }

.disclaimer { padding: 4px; text-align: center; color: #fff; font-size: 10px; }


/* end of theme layout structure */

/* E107 STYLES */

.button { color: #494949; font-size: 11px; background: white; border-top: 1px solid #D4D2CF; border-left: 1px solid #D4D2CF; border-bottom: 1px solid #868686;
border-right: 1px solid #868686; padding: 2px; margin: 2px auto; }

.button:hover {color: #CC3300;}

.indentchat { padding: 4px; border: 1px solid #dddddd; margin-bottom: 4px; text-align: center; background: #fafafa url(images/newsbg.png) repeat-x bottom; }

.indent { background: #fafafa url(images/newsbg.png) repeat-x bottom; color: #b40000; font-size: 10px; padding: 4px; border: 1px solid #dddddd; margin: 4px; }

.small { color: #b40000; font: 10px verdana, tahoma, arial, helvetica, sans-serif; }

.smalltext { font: 10px verdana, tahoma, arial, helvetica, sans-serif; color: #b40000; }

.smallbottom { font-size: 10px; color: #666666; text-align:left; }

.tbox { color: #E0691A; font-weight: bold; font-size: 12px; border: 1px solid #dddddd; margin: 2px auto; padding: 0 2px; }

.tbox:hover { color: #000; border: 1px solid #000; }

.tbox:focus { color: #000; border: 1px solid #000; }

.helpbox { background-color: #fff; border: 1px solid #DFDFDF; color: #000; font-size: 9px; padding: 4px 5px 4px 5px; }

/* FORUM STYLES */

.fcaption { padding: 4px; line-height:21px; color: #fff; background: #444444; font: bold 11px verdana, tahoma, arial, helvetica, sans-serif; border-top: 1px solid #313A3D; border-bottom: 1px solid #313A3D; }

.fcaption span.smalltext { color: #fd7508; }

.fcaption span.smalltext a:hover { color: #fff; }

.fcaption a { color: #fd7508; text-decoration: none; }

.fcaption a:hover { color: #fff; }

a.forumlink { color: #fd7508; text-decoration: none; }

a.forumlink:hover { color: #fff; }

.fborder { border: none; background-color: transparent; }

.forumheader { background: none; padding: 7px 5px 7px 5px; height:20px; line-height:16px; font-weight:bold; border-bottom: 2px solid #313A3D; }

.forumheader2 { color: #000; padding: 7px 5px 7px 5px; }

.forumheader3 { color: #000; padding: 7px 5px 7px 5px; }

.forumheader4 { color: #000; padding: 7px 5px 7px 5px; }

.finfobar { padding: 4px; background: #444444; color: #000; }

.finfobar a { color: #fd7508; }

.finfobar a:hover { color: #fff; }


Ich hab den Button mal mit ner Hover-Farbe versehen... (ROT makiert)....sollte dir das nicht gefallen, dann ersetz den Hex-Code, also das "CC3300" einfach durch "464646", dann bleibt der Hover-Effekt aus... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de