(bisher) unbekannte Codeteilchen auf einen Blick

Hier wird über DarkFleet-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Antworten
Benutzeravatar
Yakumo
Beiträge: 215
Registriert: 15.03.2007, 17:21

(bisher) unbekannte Codeteilchen auf einen Blick

Beitrag von Yakumo » 14.12.2007, 19:08

Ja hier ein paar Code-Teilchen die es bisher noch nicht gab...
Hiermit kann man den Rahmen der Landschaftsbilder auf Planeten ändern:
p.listlandrow { padding: 1px; background-color: #333355; border: 1px solid #444499; border-top: 0px; }
p.landlistcaption { border: 1px solid #444499; font-weight: bold; padding: 2px; padding-left: 5px; background-image: url(../images/starfall/buttonblue_bg.jpg); }
Hiermit kann man die Kartenpfeile per CSS steuern:
a.ore:hover {background: url(../images/map/re-o.gif) top left no-repeat; cursor: default;}
a.oben:hover {background: url(../images/map/oben.gif) top left no-repeat; cursor: default;}
a.oli:hover {background: url(../images/map/li-o.gif) top left no-repeat; cursor: default;}
a.links:hover {background: url(../images/map/links.gif) top left no-repeat; cursor: default;}
a.uli:hover {background: url(../images/map/li-u.gif) top left no-repeat; cursor: default;}
a.unten:hover {background: url(../images/map/unten.gif) top left no-repeat; cursor: default;}
a.ure:hover {background: url(../images/map/re-u.gif) top left no-repeat; cursor: default;}
a.rechts:hover {background: url(../images/map/rechts.gif) top left no-repeat; cursor: default;}
Hiermit kann man den mouseover Tooltip (bei Bank, Item als Geschenk verpackent etc) per CSS steuern:
#ttCaption {font-size: 11px; color: #FFFFFF; background-color: #000035; font-weight: bold; padding-left: 2px; padding-right: 2px; border-bottom: 2px solid #007F9F; background-image: url(../images/starfall/button_bg.jpg);}
#ttContent {font-size: 11px; color: #FFFFFF; background-color: #000060; filter: alpha(opacity=90); -moz-opacity: 0.90;}
Hiermit kann man die Energieanzeige per CSS steuern:
#fullenergydisp {border: 1px solid rgb(68, 68, 153); background-image: url("../images/starfall/buttonorange_bg.jpg");}
#curshield {border: 1px solid rgb(68, 68, 153); background-image: url("../images/starfall/buttonblue_bg.jpg");}
#test {}

Auf Positionierungs-, Höhen- und Breitenangaben sollte verzichtet werden.
EVTL. auf wichtig stellen, wird ergänzt!
Zuletzt geändert von Phönix am 14.07.2010, 16:40, insgesamt 1-mal geändert.
Grund: Update
Bild

Benutzeravatar
Forseti
Beiträge: 4
Registriert: 21.12.2007, 18:16
Wohnort: Bayern
Kontaktdaten:

Re: (bisher) unbekannte Codeteilchen auf einen Blick

Beitrag von Forseti » 26.12.2007, 02:53

stimmen diese codes?

bei mir klappt das nicht - siehe auch
viewtopic.php?f=13&t=1119
Bild

J_D
Beiträge: 2
Registriert: 28.12.2007, 17:56

Re: (bisher) unbekannte Codeteilchen auf einen Blick

Beitrag von J_D » 28.12.2007, 18:18

1. Kann jemand mal den kompletten css-code oder alle classes des "Blue Starfall" - Styles posten?

2. Wär es möglich eine "worldsay"-Class nicht nur in die p - sektion, sondern auch in die td, oder tr - sektion einzubauen?
- Hintergrund hierfür: die "worldsay"-Meldungen sind in eine Tabelle gefasst. Ändert man die Hintergrundfarbe für die p-Sektion, liegt aber immer noch die Tabelle mit ihrer eigenen Hintergrundfarbe #333388 davor, was bei manchen Schriftfarben zu Unleserlichkeiten führt.

Benutzeravatar
Phönix
Beiträge: 2329
Registriert: 04.04.2007, 18:10
Wohnort: Gleich neben Bulli
Kontaktdaten:

Re: (bisher) unbekannte Codeteilchen auf einen Blick

Beitrag von Phönix » 14.07.2010, 16:41

Ich hab mal die Erklärung für Tooltip und Energieanzeige hinzugefügt. Eventuell wird noch was folgen oder fragt hier, wenn ihr was wissen wollt.
What more can I say?

Benutzeravatar
Päddy94
Beiträge: 165
Registriert: 04.02.2009, 11:52
Wohnort: [::1]

Re: (bisher) unbekannte Codeteilchen auf einen Blick

Beitrag von Päddy94 » 26.07.2011, 17:12

"Sprung abbrechen" beeinflussen, wurde von jmnd gefragt und denke das ist nicht ganz soo einfach zu finden:

#wormhole~a {/*zB*/font-size: 25px;}
Bild

Antworten