Login

rikku · 16.02.2007, 13:09

Ich benutze Folgende Css datei:

Code:
/*////////////////////////////////////////23.11.2005

||||||||||||||||||||||||||||||||||||||||||||||||||||

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

                  DCS-Skin

              2nd-Edition v2.6

           CSS-Design by Riku

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

||||||||||||||||||||||||||||||||||||||||||||||||||||

/////////////////////////////////////////////////*/

body.style center table[width="110"] { width:190px; }

.style {    background:black url('pic/bkgd_navi.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position: 0 75; }

body.style center { font-family:Verdana, Tahoma, Helvetica, sans-serif; color:#DFDFDF; }

body.style center p { color:#DFDFDF; font-size:12px; }

body.style center p a:link { color:#DFDFDF; text-decoration:underlined; }

body.style center p a:visited { color:#DFDFDF; text-decoration:none; }

body.style center p a:hover { color:white; text-decoration:underlined; }

body.style center p a:active { color:white; font-weight:bold; text-decoration:underlined; }

body.style center p a:focus { color:white; text-decoration:underlined; }

body.style table { border-width:0px; border-color:grey; border-style:ridge; }

body.style table tr td {    border-width:0px; border-color:grey; border-style:ridge; line-height:19px; font-size:10px; text-align:left; padding-left:20px; }

body.style table tr td div[align="center"] { text-align:left; padding-left:20px; }

body.style table tbody tr td img[height="19"] { visibility:hidden; height:0px; }

body.style table tbody tr td img[height="35"] { position:fixed; bottom:5px; left:25px; }

body.style table tbody tr td center { text-align:left; padding-left:20px; }

body.style table tr td div a:link { color:grey; text-decoration:none; }

body.style table tr td div a:visited { color:grey; text-decoration:none; }

body.style table tr td div a:hover { color:lightgrey; text-decoration:underlined; }

body.style table tr td div a:active { color:lightgrey; font-style:bold; text-decoration:underlined; }

body.style table tr td div a:focus { color:lightgrey; text-decoration:underlined; }

body { color:lightgrey; font-size:12px; font-family:Verdana, Tahoma, Helvetica, sans-serif; background:black url('pic/bkgd_main.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position: 0 75; }

p { color:lightgrey; font-size:12px; font-family:Verdana, Tahoma, Helvetica, sans-serif; }

., #, td, th, textarea, body { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-align:center; }

img { border:0px; }

p table { border:0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }

p td { text-align:center; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }

table { empty-cells: show }

table table { border: 0px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }

table table td { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }

body center h1 { text-align:center; }

body form table th table input { width:60px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:14px; }

td.a, td.b, td.c, td.f, input, select, td.g, td.h, td.i, td.j, td.k, td.l, td.m, td.n, td.o, td.q, td.r, td.v, textarea, p td, table.s th img { border:1px #2C2C2C solid; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }

th, td.a, td.b, td.c, td.f, input, select, td.g, td.h, td.i, td.j, td.k, td.m, td.o, td.q, td.r, td.v, td.s, p td { background-color:transparent; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;  font-size:11px }

th {  border:1px solid #333333;  text-align:center;  padding-left:3px;  padding-right:3px;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; }

td.a {  height:37px;  text-align:center; }

td.b {  padding:3px; }

td.c {  text-align:center;  font-weight:bold;  color:lightgrey;  padding-left:3px;  height:22px;  background-image:url('img/bkd.gif'); }

td.c a {  text-align:center;  font-weight:bold;  color:lightgrey; }

td.f, input, select, textarea {  border:1px solid #606060;  color: #ffffff;  background-color: #232425; }

textarea {  width:100%; }

td.k input {  text-align:center; }

td.g {  text-align:right;  color:#B6C6E5; }

td.h {  text-align:center;  color:#B6C6E5; }

td.i {  text-align:center;  color:#000000; }

td.j {  text-align:center;  color:#B6C6E5; }

td.k, td.k input {  text-align:center;  color:#FFffff; }

td.l {  background-color:transparent;  color:#ffffff;  vertical-align:top;  padding:0px;  opacity:50%; }

td.m {  text-align:right;  width:86px;  color:#B6C6E5; }

td.n {  text-align:right;  width:88px;  text-align:center;  color:#B6C6E5; }

td.o {  text-align:center;  color:#B6C6E5; }

td.q {  font-size:11px;  text-align:center;  vertical-align:middle;  color:#B6C6E5; }

td.r {  text-align:right; color:#B6C6E5; }

td.v {  text-align:right;  color:#B6C6E5; }

td.s {  color:#B6C6E5; }

table.s tr th {  border:0px;  color:lightgrey;  font-size:12px; }

table.s th img {  width:60px;  height:60px; }

table.s th center {  color:grey;  font-size:11px; }

div.z {  color:#FFFFFF;  color:lightgrey;  font-size:12px;  font-family:Verdana, Tahoma, Helvetica, sans-serif; }

a {  color:#FFFFFF;  text-decoration:none;  font-weight:bold; }

a.s {  color:#FFFFFF; }

a.t {  color:#FFFFFF; }

a:hover {  color:#A7A955;  text-decoration:underline; }

h1 {  font-size:11px; border-bottom:0px #2C2C2C solid;  width:98%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; text-align:right; }

center {  color:#B6C6E5; }

td[align="center"][width="85"] font[color="#ff0000"] { font-size: 11px; font-weight:bold; text-decoration:blink; color:#ff0000;     -moz-opacity:1.75; }

body center table tr th font a[title]:after { content:" ("attr(title)")"; color:orange; }

a[title~="Trümmerfeld:"]:after { content:" ("attr(title)")"; color:yellow; }

a[title~="Geschwindigkeit:"]:after { content:" ("attr(title)")"; color:lime; }

th.tooltip_border table tbody tr th { color: #CFCFCF; border:0px; border-color:#CFCFCF; background-color:#5F5F5F; }

td.l a[title]:after { content:" ("attr(title)")"; color:orange; }

th a[title~="Bebaute"] { color: #FFCC55 }

th a[title~="Bebaute"]:after { content: " bebaute"; color: #FFCC55;}

th a[title="max. bebaubare Felder"] { color: #33CC00 }

th a[title="max. bebaubare Felder"]:before { content: " max. "; color: #33CC00;}

th a[title="max. bebaubare Felder"]:after { content: " verfügbare"; color: #33CC00;}

table[width="519"] td a[title="Planetenmenü"]:before {content: "Willkommen auf ";}

table[width="519"] td a[title="Planetenmenü"]:after {content: "";}

select[name="speed"] {color:#00FF00}

select[name="speed"] option[value="10"]{color:#00FF00}

select[name="speed"] option[value="9"]{color:#33FF00}

select[name="speed"] option[value="8"]{color:#66FF00}

select[name="speed"] option[value="7"]{color:#99FF00}

select[name="speed"] option[value="6"]{color:#CCFF00}

select[name="speed"] option[value="5"]{color:#FFFF00}

select[name="speed"] option[value="4"]{color:#FFCC00}

select[name="speed"] option[value="3"]{color:#FF9900}

select[name="speed"] option[value="2"]{color:#FF6600}

select[name="speed"] option[value="1"]{color:#FF3300}

select[name="speed"] option[value="0"]{color:#FF0000}

select[name="start"] option[value="1"]{color:#00FF00}

select[name="start"] option[value="101"]{color:#00FF33}

select[name="start"] option[value="201"]{color:#33FF33}

select[name="start"] option[value="301"]{color:#66FF33}

select[name="start"] option[value="401"]{color:#99FF33}

select[name="start"] option[value="501"]{color:#99FF00}

select[name="start"] option[value="601"]{color:#CCFF00}

select[name="start"] option[value="701"]{color:#FFFF00}

select[name="start"] option[value="801"]{color:#FFEA00}

select[name="start"] option[value="901"]{color:#FFCC00}

select[name="start"] option[value="1001"]{color:#FF9900}

select[name="start"] option[value="1101"]{color:#FF8300}

select[name="start"] option[value="1201"]{color:#FF6600}

select[name="start"] option[value="1301"]{color:#FF3300}

select[name="start"] option[value="1401"]{color:#FF0000}

option[value="100"]{color:#00FF00}

option[value="90"]{color:#33FF00}

option[value="80"]{color:#66FF00}

option[value="70"]{color:#99FF00}

option[value="60"]{color:#CCFF00}

option[value="50"]{color:#FFFF00}

option[value="40"]{color:#FFCC00}

option[value="30"]{color:#FF9900}

option[value="20"]{color:#FF6600}

option[value="10"]{color:#FF3300}

option[value="0"]{color:#FF0000}

select[name="auftr"]  option {color:#E6EBFB}

select[name="pziel"] option[value="0"]{color:#E6EBFB}

select[name="bew"] option[value="0"]{color:#E6EBFB}

select[name="bewforce"] option[value="0"]{color:#E6EBFB}

img[height="30"] { border : 0px;    width : 22px; height : 22px; }

.flight { color: #00AA00; }

tr.flight th { color: #00FF00; }

span.flight { color: #00AA00; }

tr.flight th span.flight a { color: #AEFFAE; }

.return {color: #DFDFDF; }

tr.return th { color: #FF9F00; }

span.return { color: #AEFFAE; }

tr.return th span.owntransport a { color: #AEFFAE; }

span.flight.owntransport { color: #00AA00; }

tr.flight th span.flight.owntransport a { color: #00FF00; }

body center table tbody tr.flight th span.flight.owntransport a[title]:after { content:" ("attr(title)")"; color: #00AA00; }

span.return.owntransport { color: #00AA00; }

tr.return th span.return.owntransport a { color: #AEFFAE; }

body center table tbody tr.return th span.return.owntransport a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

.flight.owndeploy { color: #00AA00; }

tr.flight th span.flight.owndeploy a { color: #00FF00; }

body center table tbody tr.flight th span.flight.owndeploy a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

span.flight.ownespionage { color: #ff9900; }

tr.flight th span.flight.ownespionage a { color: #FF9F00; }

body center table tbody tr.flight th span.flight.ownespionage a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }

span.return.ownespionage { color: #FF9F00; }

tr.return th span.return.ownespionage a { color: #FF9F00; }

tr.return th span.return.ownespionage span.class { color: #FF9F00; }

body center table tbody tr.return th span.return.ownespionage a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }

span.flight.ownattack { color: #00AA00; }

tbody tr.flight th span.flight.ownattack a.ownattack { color: #ffffcc; }

body center table tbody tr.flight th span.flight.ownattack a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

tr span.owndestroy { color:#ff0000; }

tr span.owndestroy a {color:#FF0000; }

body center table tbody tr.flight th span.flight.owndestroy a[title]:after { content:" ("attr(title)")"; color: #339933; }

span.return.ownattack { color: #339933; }

tr.return th span.return.ownattack a.ownattack { color: #339933; }

tr.return th span.return.ownattack span.class { color: #339933; }

body center table tbody tr.return th span.return.ownattack a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

span.flight.owncolony { color: #00AA00; }

tr.flight th span.flight.owncolony a { color: #00FF00; }

body center table tbody tr.flight th span.flight.owncolony a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

span.return.owncolony { color: #AEFFAE; }

tr.return th span.return.owncolony a.owncolony { color: #AEFFAE; }

tr.return th span.return.owncolony span.class { color: #AEFFAE; }

body center table tbody tr.return th span.return.owncolony a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

span.flight.ownhold { color: #00AA00; }

tr.flight th span.flight.ownhold a { color: #82B4FF; }

body center table tbody tr.flight th span.flight.ownhold a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }

span.return.ownhold { color: #AEFFAE; }

tr.return th span.return.ownhold a.ownhold { color: #AEFFAE; }

tr.return th span.return.ownhold span.class /* <-- iss das absicht? */ { color: #AEFFAE; }

body center table tbody tr.return th span.return.ownhold a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

.holding { color: #82B4FF; }

span.ownhold { color:#00AA00; }

span.ownhold a { color:#82B4FF; }

body center table tbody tr.holding th span.holding.ownhold a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }

span.flight.ownharvest { color: #00AA00; }

tr.flight th span.flight.ownharvest a { color: #FFFF00; }

body center table tbody tr.flight th span.flight.ownharvest a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

span.return.ownharvest { color: #AEFFAE; }

tr.return th span.return.ownharvest a.ownharvest { color: #AEFFAE; }

tr.return th span.return.ownharvest span.class { color: #AEFFAE }

body center table tbody tr.return th span.return.ownharvest a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

.ownmissile { color: #00FF00; }

tbody tr th span.flight.ownattack a.ownattack { color:#82B4FF; }

span.flight.ownattack a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }

span.flight.ownfederation { color:#00AA00;}

.ownfederation { color: #82B4FF; }

span.flight.ownfederation a[title]:after { content:" ("attr(title)")"; color: #82B4FF; }

.return.ownfederation { color:#AEFFAE; }

span.return.ownfederation a { color:#AEFFAE; }

span.return.ownfederation a[title]:after { content:" ("attr(title)")"; color: #AEFFAE; }

.flight.attack { color:#FF0000; }

.flight.attack a { color:#FF0000; text-decoration:blink; }

.flight.attack a[title] { text-decoration:none; }

body center table tr.flight th span.flight.attack a[title]:after { content:" ("attr(title)")"; color:#FF9F00; }

tr.flight th span.flight.destroy { color:#FF0000; text-decoration:blink; }

tr.flight th span.flight.destroy a.destroy { color:#FF0000; }

body center table tr.flight th span.flight.destroy a[title]:after { content:" ("attr(title)")"; color:#FF9F00; }

.flight.federation {color:#FF0000;}

.flight.federation a {color:#FF0000; text-decoration:blink;}

.flight.federation a[title] {color:#FF9F00; text-decoration:none;}

span.flight.attack a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }

span.flight.federation a[title]:after { content:" ("attr(title)")"; color: #FF9F00; }

span.flight.transport { color: #0090E0; }

span.flight.transport a.transport { color: #0090E0; }

span.flight.transport a[title]:after { content:" ("attr(title)")"; color: #00AFFF; }

.hold { color: #3399CC; }

.holding { color:#FFFFFF; }

.flight.espionage { color:#FF0000; }

.flight.espionage a { color:#FF0000; text-decoration:blink; }

.flight.espionage a[title] { text-decoration:none; }

body center table tr.flight th span.flight.espionage a[title]:after { content:" ("attr(title)")"; color:#FF9F00; }

.missile { color: #FF6600; }

.combatreport { color: #FF0000; }

.espionagereport { color:#FFBF00; }

/* für Commander die sich Spioberichte erstmal ohne Details anzeigen lassen

tbody tr th a font[color="orange"] {color: orange; } */

.allymember { color: lime; }

.noob { color: #a0ffa0; }

.strong { color: #ffa0a0; }

.vacation { color: skyblue; }

.inactive { color: CCCCCC; }

.longinactive { color: 999999; }

.banned { text-decoration: line-through; }

.success { color: lime; }

.error { color: red; text-decoration:blink; }

.warning { color: orange; text-decoration:blink; background-color:#FF0000; }

.notice { color: yellow; text-decoration:blink; background-color:#FF0000; }

.timeremaining { font-weight: bold; }

.noresources { font-weight: bold; }

table tr th b:before{content:" "}

table tr th b + b:before{content:" "}

table tr th b + b + b:before{content:" "}

table tr th b + b + b + b:before{content:" "}

i > b > font:before {content: "[  "}

i > b > font:after {content: " ]"}

table[width="100%"] tr + tr + tr > td + td[width="85"]:before{content: "«  "; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td[width="85"]:after {content: "  »"; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td[width="85"]:before{content: "«  "; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td[width="85"]:after {content: "  »"; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td + td[width="85"]:before{content: "«  "; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td + td[width="85"]:after {content: "  »"; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td + td + td[width="85"]:before{content: "« "; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td + td + td[width="85"]:after {content: " »"; font-size: 9px;}

table[width="100%"] tr + tr + tr > td + td + td + td + td + td[width="85"]:before{content: ""}

table[width="100%"] tr + tr + tr > td + td + td + td + td + td[width="85"]:after {content: ""}

center table tr td + td center table tr td + td {padding-right:20px;}

td[width="85"] { width:0; padding-top : 0px; padding-bottom : 0px; padding-left : 10px; padding-right : 10px; }

select[name="u"] option[value="2"]{color:#FF0000}

select[name="u"] option[value="1"]{color:#FFFF00}

select[name="u"] option[value="0"]{color:#00FF00}

/*

Versions-Log

To-Do-List:

    - all done 19.08.2006

v0.2.6 online + download 19.08.2006

    - fehler bei der Hintergrundanzeige Imperiumsansicht gefixt

         - Prozentanzeige bei Schiffsgeschwindigkeit eingefärbt und diverse andere Grafik-Gimmicks

         - Planetenbilder in der Galaansicht verkleinert

    - Leere Tabellenzellen werden mit Rahmen angezeigt

         - farbe verbündeter, haltender Flotten geändert und blinken abgestellt

         - überflüssige Dateien entfernt (Archiv um 600kb kleiner ;)

v0.2.5 online + DL 01.03.2006

    - .noresources und .timeremaining hinzugefügt

         - Direktanzeige der fehlenden "Ress-bis Baubeginn-möglich"

v0.2.4 online + DL 24.12.2005

    - Grösse des TF wird wieder direkt in der Gala angezeigt

v0.2.3 Online 14.12.2005

    - Bilder für Buddylist und Trümmerfeld hinzugefügt

    - fremde Spionageflotten sind jetzt rot statt grün

v0.2.2 DL + Online 12.12.2005 auf http://www.exelor.de/skins/wolfskin/

    - 26.11.2005 fremde Transportflotten angepasst (Blau)

v0.2.1 Online 25.11.2005

    - Java Tooltips wieder sichtbar gemacht und dem Skin angepasst (wegen Statistik Tooltips).

    - Fehler bei der Anzeige feindlicher Verbandsflotten gefixt.

v0.2 DL + Online 23.11.2005 - 2nd Edition

    - Navi aufgeräumt

    - Hintergrund über Navi und Mainframe "verteilt"

    - Die neuen CSS-Klassen implementiert.

    - Neuer Planet (dschjungelanet04.jpg)

v0.1 DL + Online 04.09.2005 - first Release

    - erstes Release mit direkter Tooltip-Anzeige

mfg Riku    

*/

und möchte wie im folgenden Screen die Trennstriche haben
erstmal ist die Farbe egal(hauptsache nicht schwarz ^^)
wie muss der code aussehen damit ich diese bekomme?

[Bild: http://www.inice.de/upload/show.php?bild...87d11d81b1]

Mak · 16.02.2007, 13:11

Das geht mit reinem CSS nicht. Du kannst im HTML an diesen Stellen ein <hr /> einfügen.

rikku · 16.02.2007, 13:14

sicher?
Weil in einem anderen "skin" ist das glaube auch in css geschrieben und da sind diese striche.

rikku · 16.02.2007, 13:19

[Bild: http://www.inice.de/upload/show.php?bild...3f37354f6c]

Siehst du?!

Mak · 16.02.2007, 13:26

Ja, sicher. Mit CSS kannst du nur das Aussehen von Sachen definieren. Wenn da nicht ist, dann kann da auch nichts aussehen.

rikku · 16.02.2007, 13:29

ich hab die ja eigentlich in meinem Webspace.
Einmal soll da wo der erste strich ist das bild bkd.gif
und bei dem zweiten soll info-help.jpg rein

wo genau muss der code rein und wie muss er lauten?

wie ich das mit dem Hintergrund bild mache weiß ich ja aber wie bekomme ich die info-help trennlinie und die bkd trennlinie dahin?

Michael · 16.02.2007, 17:27

Wenn du ein HIntergrundbild benutzen willst kannst du ja einen einfachen Div-Container benutzen: <div class="info-help"></div>

Code:
.info-help {

    height: 15px;

    width: 100%;

    background: url(urlzumbild/bild.gif) top left repeat-x;

}

rikku · 16.02.2007, 19:33

das ist ja nicht mein problem aber trotzdem danke.

Michael · 17.02.2007, 03:28

Was genau ist denn das Problem in einem Satz?

rikku · 17.02.2007, 11:11

ich möchte die bkd.gif bei der ersten linie im oberen screen angezeigt bekommen und die Info help da wo die zweite linie ist angezeigt haben, wie muss der code aussehen? (in css)

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen…
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	[PHP] Error - brauche kleine Hilfe	Waluigi	4	2.912	14.07.2009, 07:29 Letzter Beitrag: Marti95.
	Brauche eure Hilfe MySQLi error: 145	aman	7	4.803	27.03.2009, 10:20 Letzter Beitrag: RebelAce
	Brauche eure Hilfe bitte	aman	2	2.094	30.09.2007, 19:27 Letzter Beitrag: aman
	Brauche Hilfe für Header Template!	Krone37	15	6.898	30.08.2006, 07:56 Letzter Beitrag: Garlant