www.freewar.de

Leider weiß ich nicht, wie man CSS-Datein uploadet, also stell ich erstmal den Code hier rein.

/*Adler-Style*/


/*Global*/
p,ul,ol,div,td,span,layer,table,body	{color: #C7C7C7; font-size: 11px; font-family: Cambria, Arial, sans-serif}
p				{color: #EBEBEB; margin: 0px; padding: 0px;}
fieldset				{color: #C7C7C7; border:solid 1px #FFFF87;}
legend				{color: #C7C7C7; border:solid 1px #FFFF87; font-size: 11px; font-weight: bold;}
tr 				{color: #000000;}

/*Body*/
body				{background-color: #000000; color: #FFFF87; margin: 0px;}

/* Table */
table 				{border:0px; border-collapse: collapse;}  
td 				{padding:0px; margin:0px;}

/*Links*/
a:link				{color: #EAEAC7; text-decoration: none; font-weight: bold}
a:visited 				{color: #EAEAC7; text-decoration:none; font-weight: bold;}
a:active 				{color: #EAEAC7; text-decoration:hover; font-weight: bold;}
a:hover  				{color: #FFFF87; text-decoration:none; font-weight: bold;}

/*Fonts*/
h1				{color: #C7C7C7; font-size: 13px; font-family: Cambria, Arial, sans-serif; font-weight: bold; margin-bottom: 0px;}
.medium				{color: #C7C7C7; font-size: 11px; font-family: Cambria, Arial, sans-serif;}
.small				{color: #C7C7C7; font-size: 9px; font-family: Cambria, Arial, sans-serif; border: solid 0px #FFFF87; padding: 0px,3px,0px,3px;}

/*Colors*/
.fontcolor				{color: #C7C7C7;}
.white				{color: #FFFFFF;}

/*Backgrund-Colors*/
.body				{background-color: #000000;}
.divider				{background-color: #006363;}
.outline				{background-color: #C7C7C7;}
.menubg				{background-color: #F1F1F1;}
.brightbg				{background-color: #000000;}
.verybrightbg			{background-color: #454545;}
.reallybrightbg			{background-color: #999999;}
.whitebg 				{background-color: #333333;}
.blackbg 				{background-color: #000000;}
.brownbg 			{background-color: #993300;}

/*Forms*/
.registerinput 			{width: 100%; font-size: 10px;}
.registersubmit 			{font-size: 10px;}
.logininput 			{width: 100%; font-size: 10px;}
.loginsubmit 			{width: 100%; font-size: 10px;}

input 				{font-size: 11px; background-color: #000000; color:#C7C7C7; border: solid 1px #FFFF87; margin-left: 1px; margin-right: 2px;}
.input 				{font-size: 11px; background-color: #000000; color:#C7C7C7; border: solid 1px #FFFF87;}
.submitsagen 			{font-size: 11px; font-weight: bold; background-color:#000000; color:#ACACAC; border: solid 1px #FFFF87; width: 75px; margin-left: 1px; margin-right:2px;}
.submitschreien 			{font-size: 11px; font-weight: bold; background-color:#000000; color:#69AFF0; border: solid 1px #FFFF87; width: 75px; margin-right: 2px;}
.submitclan 			{font-size: 11px; font-weight: bold; background-color:#000000; color:#C67300; border: solid 1px #FFFF87; width: 75px; margin-right: 2px;}
.submitgroup 			{font-size: 11px; font-weight: bold; background-color:#000000; color: #4BD60A; border: solid 1px #FFFF87; width: 75px; margin-right: 2px;}
.submitworldsay 			{font-size: 11px; font-weight: bold; background-color:#000000; color: #FF1919; border: solid 1px #FFFF87; width: 75px; margin-right: 2px;}
.submitwhisper 			{font-size: 11px; font-weight: bold; background-color:#000000; color: #DCD561; border: solid 1px #FFFF87; width: 75px; margin-left: 1px; margin-right:2px;} 

textarea                        		{font-size: 12px; background-color: #C7C7C7; border: 1px solid #FFFF87;}
select                              		{font-size: 11px; background-color: #C7C7C7;}	

/*Banner Stuff */
.bannerad 			{border: 1px solid #FFFF87;}

/*Text Classes*/
.chattext   			{background-color: #000000; color: #ACACAC; font-size: 12px; font-family: Cambria,Arial}
.chattextscream  			{background-color: #000000; color: #69AFF0; font-size: 12px; font-family: Cambria,Arial}
.chattextclan  			{background-color: #000000; color: #C67300; font-size: 12px; font-family: Cambria,Arial}
.chattextgroup 			{background-color: #000000; color: #4BD60A; font-size: 12px; font-family: Cambria,Arial}
.chattextinfo   			{background-color: #000000; color: #FF9600; font-size: 12px; font-family: Cambria,Arial; font-style: italic;}
.chattextworldsay  			{background-color:#FF1919; color: #000000; font-size: 16px; font-family: Cambria,Arial}
.healthmed 			{color: #FFF000; font-weight:bold;}
.healthok 			{color: #00FF00; font-weight:bold;}
.healthcritical 			{color: #FF1E1E; font-weight:bold;}
.chatpics 			{display:none;}
.chattextwhisper 			{color: #AEC609; font-size: 12px;}

/*Worldsay Hintergrund*/
p.worldsay table tr 			{background-color:#FF1919;}

/*Worldsay Schriftfarbe*/
p.worldsay table tr td 		{color: #000000;}

/*Frames Bg*/
.framebannerbg  			{height:50px; background-image: url(freewar_banner.gif); background-repeat: no repeat; background-color:#000000; border-bottom: 1 solid #000000}
.framechatformbg  			{background-color:#000000; color:#000000;}
.framechattextbg 			{margin: 11px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px;}
.framemainbg  			{background-image: url(adlerstyle_hintergrund.jpg); background-attachment: fixed; repeat: no repeat; background-color:#000000; background-position: 

right bottom; margin:0px; 		padding:0px; color:#BE812A; }
.frameitembg  			{background-color:#000000; margin: 11px; color:#EBEBEB;}
.framemapbg  			{background-color:#000000; margin: 3px 10px 10px; color:#EBEBEB;}
.framemapbg table tr td a 		{}
.framemenubg  			{background-color:#000000; color:#EBEBEB;}

/*Main Module*/
td.mainheader    			{background-color:#000000; color: #C7C7C7; font-size: 22px; font-family: "Cambria, serif"; height: 36px;}
td.mainheader img 			{height: 50px; width: 50px;}
table.areadescription     		{color: #EAEAC7; width: 100%; border: solid 1px #FFFF87;}
td.areadescription   		{padding: 11px; color:#C7C7C7; font-size: 13px;}
.imageborder 			{border: 0px solid #228866; background-color: #000000; margin-right: 10px; margin-bottom: 0px;}
p.maincaption     			{color: #505CCD; font-size: 22px; font-family: "Cambria, serif"; padding: 2px 2px 2px 5px; border:solid 1px #FFFF87; }
p.maincaption img 			{height:36px; width:36px;}
p.maincaption2   			{color: #505CCD; width:300px; font-size: 12px; font-weight: bold; padding: 2px 2px 2px 5px }
p.maindesc1  			{padding: 2px 2px 2px 5px; width: 300px; border-style:solid; border-width: 1px; border-color:  #FFFF87;}
p.maindesc2  			{width: 100%; border: solid 1px #FFFF87;}
p.listusersrow  			{color: #505CCD; padding: 1px 1px 1px 5px; border-style:solid; border:1px; border-color: #FFFF87;}
p.listplaceitemsrow  		{color: #505CCD; padding: 1px 1px 1px 5px; border-style:solid; border:1px; border-color: #FFFF87;}

/*Item Module*/
p.listcaption  			{background-image:url(); font-weight: bold; color:#FCFDC8; padding: 2px 2px 2px 5px; border: solid 1px #FFFF87;}
p.listsubcaption 			{border-bottom: 0px solid #FFFF87;}
p.listrow 	 			{padding: 1px 1px 1px 12px; border-style:solid; border-width: 0px; border-color:  #FFFF87;}
p.listitemrow  			{margin-bottom: 3px; padding: 2px 2px 2px 5px; border: solid 1px #FFFF87;}
p.listmainrow  			{padding: 2px 2px 2px 5px; bottom: 55px; border-style:solid; border-width:1px; border-color: #FFFF87;}
.valueincreased 			{font-weight: bold; color: #00A0FF;}
.itemamount 			{font-weight: bold; color: #E6AB05;}
.itemequipped 			{font-weight: bold; color: #00A0FF;}
.itemmagic 			{font-weight: bold; color: #009000;}
.iteminventorypics 			{display:none;}

/*Map Module */
p.positiontext   			{color: #D5D5D5; font-size: 11px; margin-right: 0; margin-bottom: 3px; margin-left: 0; padding-right: 0; padding-left: 0; width: 100%; border: solid 1px 		

				#228866;}

/*Main Module*/
p.personlistcaption   		{font-weight: bold; width:400px; color:#69AFF0; padding: 2px 2px 2px 5px; border: solid 1px #FFFF87;}
p.itemlistcaption   			{font-weight: bold; width:400px; color:#69AFF0; padding: 2px 2px 2px 5px; border: solid 1px #FFFF87;} 

/*Misc*/
.borderbg 			{background-color: #C7C7C7;}

/* Profil */
				legend {
 				background-color:#111111;
				border:solid #000000 1px;
  				color:#22FFFF;
				}
				fieldset {
  				background-color:#111111;
  				border:0px;
  				color:#22FFFF;
				}

Hab den Code ein paar mal überflogen und mir en paar andere Styles angeschaut, hab aber leider nicht rausbekommen, wie:

Ich das Hintergrundbild nur einmal darstellen kann (und zwar unten rechts im Mainframe)
Ich das Banner nur einmal darstellen kann
Ich dafür sorge, dass es links einen Rand gibt
Ich dafür sorge, dass die Felder im Inventar (wo anschauen, ablegen, transferieren steht) farbig ausfüllen
kann
Außerdem würd ich gern wissen, wie man diese CSS-Datein ins Netz stellt

Vielen Dank im Voraus

Hintergrundbilder nur einmal anzeigen machst du mit:
background-repeat:no-repeat;

Was meinst du mit "Rand" bei den Links?

CSS Uploaden kannst du eig. nur auf nem eigenen Webspace, den du dir irgendwo im Netz kostenlos holen kannst

Ich dafür sorge, dass die Felder im Inventar (wo anschauen, ablegen, transferieren steht) farbig ausfüllen
kann < und das versteh ich nun leider auch nicht :/

Mheatus hat geschrieben:Was meinst du mit "Rand" bei den Links?

Hier meine ich den linken Bildschirmrand. Bei meinen "Probeläufen" waren z.T. die ersten Buchstaben der Feldbeschreibung nicht mehr zu sehen.

Mheatus hat geschrieben:Ich dafür sorge, dass die Felder im Inventar (wo anschauen, ablegen, transferieren steht) farbig ausfüllen
kann < und das versteh ich nun leider auch nicht :/

Das hier mein ich: http://img139.imageshack.us/my.php?image=itemsry9.jpg

Das mit dem no-repeat habe ich geändert, allerdings nicht hier im Forum sondern nur auf meiner Festplatte

Itemframe farbig ausfüllen:
.frameitembg { background-color: #000000; }

Das mit dem Rand scheint wohl ein grober Fehler zu sein, da muss ich mir erstmal den Style anschauen gehen

edit: also style gerade lokal getestet, da sind die Ränder alle da *hmm*

Okay, glaub hab das mit dem "Rand" falsch verstanden.. du meinst wohl nen kleinen Abstand?
Probier es mal auf dem Wege:

.framemainbg { margin: 10px; }

Das kann auch an meinen Rechner gelegen habe. Mir fällt grad ein, dass ich zeitlich auch probleme mit dem Editor und OpenOffice hatte, dort verschwand auch ein Teil des linken andes. Ich probiers jetzt auch noch mal.
EDIT: Der Rand ist wieder da, lag also wahrscheinlich am Rechner
Nur das .frameitembg macht mehr andersfarbig als nur den kleinen Bereich bei den Items, nämlich von der Namens/XP-Anzeige bis hin zur Position

Lies mal bitte den edit meines Letzten Beitrages

Mit ".framemainbg { margin: 10px; }" kannst du nen Abstand nach Links machen.. vll hilft das

Das hilft sogar sehr gut, thx
Jetzt passt es traumhaft

Aber Banner und Hintergrundbild werden trotz no-repeat immernoch wiederholt

dann mach mal statt .frameitembg ".listitemrow"

wegen dem Hintergrund werd ich nachher probieren, hab nur gerade keines bei meinem teststyle gehabt

.framemainbg {background-image: url(adlerstyle_hintergrund.jpg); background-repeat:no-repeat; background-attachment:fixed; background-repeat: no repeat; background-color:#000000; background-position: right bottom; margin:10px; padding:0px; color:#BE812A; }

@mheahus
herlichen dank, damit hat es fast geklappt, hab noch einen bindestrich hinzufügen müssen

.framemainbg {background-image: url(adlerstyle_hintergrund.jpg); background-repeat:no-repeat; background-attachment:fixed; background-repeat: no-repeat; background-color:#000000; background-position: right bottom; margin:10px; padding:0px; color:#BE812A; }

Da werde ich noch ein anderes Banner basteln und evtl ein anderes hintergrundbild suchen, dann kann der Style in die Öffentlichkeit

www.freewar.de

Bitte um Korrekturen an diesem Style

Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style

Re: Bitte um Korrekturen an diesem Style