w00t!! CSS Kaapt windows kleuren!

[Verwijderd]

http://www.pupius.net/pre_release.php

onderin zie je een aantal knopjes, waarvan 1 er linkt naar windows.css.

Ik wist niet eens dat dit kon!!

p{ font-family: arial, helvetica, courier; font-size: 11px; color:
buttontext }
a{ text-decoration: underline; color: blue }
a:visited { text-decoration: underline; color: purple }
a:hover{ text-decoration: none; color: red }
.aNoLine { text-decoration: none; color: blue; }
.aNoLine:visited { text-decoration: none; color: purple; }
.aNoLine:hover { text-decoration: none; color: red }

hr { border-top: 1 solid threedshadow; border-bottom: 1 solid threedhighlight; margin-top: 0; margin-bottom: 0 }

body { background-color: appworkspace; border-style: solid; border-width: 0 }
.pMenu { font-family: arial,helvetica,courier; font-size: 10px;
color: menutext; letter-spacing: 1 }
.pSmall{ font-family: tahoma, arial, helvetica, courier; font-size: 9px; color: buttontext;
margin-top: 0; margin-bottom: 0 }
.pLight{ font-family: verdana,tahoma,arial,helvetica,courier; font-size: 10px; color: captiontext }
.pNoBreaks { margin-top: 0; margin-bottom: 0 }
.pTitle{ font-family: tahoma,arial,helvetica,courier; font-size: 11px; color: buttontext; font-weight: bold; margin-top: 0; margin-bottom: 0 }
.pSubTitle { font-family: tahoma,arial,helvetica,courier; font-size: 10px; color: buttontext; font-weight: bold; margin-top: 0; margin-bottom: 3 }


.menuItemOver{ position: absolute; background-color: highlight; cursor: hand }
.menuItem { position: absolute; background-color: buttonface; cursor: hand }


.ShadowDark { position: absolute; background-color: threeddarkshadow; font-size: 1px; }
.Shadow{ position: absolute; background-color: threedshadow; font-size: 1px; }
.Highlight { position: absolute; background-color: threedhighlight; font-size: 1px }
.ShadowLow { position: absolute; background-color: threedshadow; font-size: 1px }
.HighlightLow{ position: absolute; background-color: threedhighlight; font-size: 1px }
.upbut { position: absolute; background-color: buttonface; background-image:
url('images/uparrow.gif'); cursor: hand }
.downbut { position: absolute; background-color: buttonface; background-image:
url('images/downarrow.gif'); cursor: hand }
.face { position: absolute; background-color: threedface; }
.butFace { position: absolute; background-color: threedface; cursor: hand; }
.pLoading { font-family: arial, helvetica, courier; font-size: 12px; font-style: italic;
font-weight: bold; border-style: inset; border-width: 1 }
.scroll{ position: absolute; background-color: scrollbar }
.dragarea2 { position: absolute; background-color: inactivecaption; filter:
Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=120, FinishY=0); cursor: move }
.dragarea1 { position: absolute; background-color: activecaption }

.cross { position: absolute; top: 7; left: 335; width: 9; height: 9; background-image:
url('images/cross_black.gif'); cursor: hand }
.min { position: absolute; top: 7; left: 320; width: 9; height: 9; background-image:
url('images/min_black.gif'); cursor: hand }
.max { position: absolute; top: 7; left: 320; width: 9; height: 9; background-image:
url('images/max_black.gif'); cursor: hand }
.indent{ position: absolute; }

.borderVert { position: absolute; background-color: buttonface; font-size: 1px; }
.borderHoriz { position: absolute; background-color: buttonface; font-size: 1px; }

.tooltip { background-color: infobackground; color: #000000; font-size: 11px;
font-family: arial, helvetica, courier; text-transform:
capitalize; border: 1 solid infotext; padding-left: 4;
padding-right: 4 }

Opens perspectives!

[Op.Lijntje]

? Waar?
? WaT?

[Verwijderd]

Op dinsdag 11 september 2001 12:07 schreef 2nra het volgende:
? Waar?
? WaT?

zie de bold gedeelten

[Op.Lijntje]

Ja, maar waar word die link gelegd dan? dat vind ik er niet in terug. Of ben ik dom?

[Verwijderd]

Op dinsdag 11 september 2001 12:23 schreef 2nra het volgende:
Ja, maar waar word die link gelegd dan? dat vind ik er niet in terug. Of ben ik dom?

ikke dus ook niet!!! daarom vind ik dit dus zo vaag! ik wist helemaal niet dat die dingen door css opgevraagd konden worden!

[Op.Lijntje]

Ik heb het net getest met verschillende kleuren en het werkt!

[Oefening]

het moet niet veel gekker worden............

[Op.Lijntje]

Op dinsdag 11 september 2001 12:37 schreef nelis het volgende:
het moet niet veel gekker worden............

Nou ja.. zo gek is dit ook weer niet. Erg makkelijk zelfs. Op die manier kan het je een hoop werk schelen om je pagina te personaliseren.

[Verwijderd]

leuk op je Linux bak of Mac...

[Maxonic]

Ho.. ff voor de duidelijkheid.

Dus als je een (tekst)linkje maakt naar een CSS file dan verandert hij direct de pagina is die stijl? Of gaat het daar niet om?

Het zou wel erug cwl zijn

[Verwijderd]

nee. daar heb je een stukje javascript voor nodig, dat je kan vinden op die page.

[Maxonic]

Op dinsdag 11 september 2001 12:54 schreef Razor_Blade het volgende:
nee. daar heb je een stukje javascript voor nodig, dat je kan vinden op die page.

en die venstertjes? Ok javascript?

[Verwijderd]

Op dinsdag 11 september 2001 12:49 schreef TrashNSk8 het volgende:
leuk op je Linux bak of Mac...

idd doet helemaal nix in Mozilla, echter IE 5 MAC doet het wel maar vreselijk traaaaaaaaaaaaaaaaaaaaaaaaaaaaaagggg

[Op.Lijntje]

Op dinsdag 11 september 2001 13:51 schreef Shadow3333 het volgende:

[..]

idd doet helemaal nix in Mozilla, echter IE 5 MAC doet het wel maar vreselijk traaaaaaaaaaaaaaaaaaaaaaaaaaaaaagggg

Joh.. het is dus waarschijnlijk een IE functie (Ik hier 5.0)

[KoeKk]

Dat is inderdaad een IE 5 functie, werkt niet echt goed en is design technish niet aan te raden. stel dat een gebruiken een afschrikwekkend kleurenschema gebruikt...

[Verwijderd]

stel dat een gebruiken een afschrikwekkend kleurenschema gebruikt...

Over smaak valt niet te twisten. Dan heeft hij de interface in iedergeval in kleuren die hij/zij mooi vind!

[oh,when?]

zoiets kon ook al met:

code:

document.stylesheets[0].href='blaat.css';

maar dat was ook weer zo'n leuk IE-only 'feature'. tja tis maar waar je je tijd in wilt steken

[SWINX]

niet echt helemaal geweldig
als ik een paar keer tussen die knoppen
snel wissel krijg ik een foutmelding

[ Voor 3% gewijzigd door SWINX op 03-04-2003 10:43 ]

[Jox444]

uhm dit is al OUD hoor Check hier heb je alle kleurtjes:

Bron: MSDN LIBRARY:

User-Defined System Colors
Microsoft® Windows® maintains a set of system colors for painting various parts of the display. In addition to the colors defined in the color table, as of Internet Explorer 4.0 these system colors may also be specified as color values in Web pages.

Users can set system colors for future Windows sessions using the Windows Control Panel. The following table illustrates the correspondence of these color names with the colors defined in the Control Panel.

Note The colors that do not correspond to any Control Panel colors can only be set programmatically using Windows APIs and cannot be defined by the user.

activeborder
activecaption
appworkspace
background
buttonface
buttonhighlight
buttonshadow
buttontext
captiontext
graytext
highlight
highlighttext
inactiveborder
inactivecaption
inactivecaptiontext
infobackground
infotext
menu
menutext
scrollbar
threeddarkshadow
threedface
threedhighlight
threedlightshadow
threedshadow
window
windowframe
windowtext

[Obi]

Er zitten nog een heleboel leuke truuckjes in de site.. Kijk maar bij "experimental". Zeer leuk geprogged allemaal

Bij de photofolio zijn de resizes bij de 'random photos' ook grappig gedaan.

[Verwijderd]

Op dinsdag 11 september 2001 21:16 schreef Jox444 het volgende:
uhm dit is al OUD hoor Check hier heb je alle kleurtjes:

Bron: MSDN LIBRARY:

User-Defined System Colors
Microsoft® Windows® maintains a set of system colors for painting various parts of the display. In addition to the colors defined in the color table, as of Internet Explorer 4.0 these system colors may also be specified as color values in Web pages.

Users can set system colors for future Windows sessions using the Windows Control Panel. The following table illustrates the correspondence of these color names with the colors defined in the Control Panel.

Note The colors that do not correspond to any Control Panel colors can only be set programmatically using Windows APIs and cannot be defined by the user.

activeborder
activecaption
appworkspace
background
buttonface
buttonhighlight
buttonshadow
buttontext
captiontext
graytext
highlight
highlighttext
inactiveborder
inactivecaption
inactivecaptiontext
infobackground
infotext
menu
menutext
scrollbar
threeddarkshadow
threedface
threedhighlight
threedlightshadow
threedshadow
window
windowframe
windowtext

Inderdaad, ik sta ook verbaast van deze thread. Ik gebruik dat al een behoorlijke tijd.