[rel] light.my.dark

[spacefrog]

Hello,
I made a modification of the "PixelPost-Light"-template.

>> Demo

Preview (klick image to see full preview):




Info:
- English and German version avaiable.
- looks horrible with Internet Explorer
- maximum width of images should be 680px
- this is a modification of the "pixelpost-light"-template!
- psd-files included

hope you like it! :wink:

>> Download light.my.dark (english) or get it here

>> Download light.my.dark (german) or get it here

-spacefrog

[Joe[y]+]

very similar to my 'light white' template


perhaps you were sub conciously influenced.


but i like it a lot!

[spacefrog]

oh, sorry...!
i don't know your 'light white' template...i wanted to make the template similar to my weblog-template (www.sfrog.de) and so i made this.
i will change the name of the template as soon as possible 8)

the css brings validation errors because you use CSS-elements which are no standard at all, Mozilla-elements,

instead of moz-opacity you should use "opacity", that's the correct element

so that's the reason for the validator problems
please clean that before you post it in public

[spacefrog]

but moz-opacity causes no errors in IE or something else.

Originally Posted by css4you

Auch die Mozilla-Entwickler haben einige (noch) nicht standardkonforme Eigenschaften in ihrem Browser eingebaut. "Noch" deshalb, weil einige von ihnen bereits große Ähnlichkeit mit zukünftigen CSS3-Eigenschaften haben.
Browser, die diese Eigenschaften nicht kennen, ignorieren sie einfach, sodass du sie durchaus einsetzen kannst, auch wenn sie nicht zum offiziellen Standard gehören.

Kein offizieller Standard des W3C Diese Eigenschaften gehören nicht zum offiziellen Standard des W3C, sondern sind in Anlehnung an die kommenden CSS-3-Eigenschaften von den Mozilla-Entwicklern eingeführt worden. Du kannst sie jederzeit einsetzen, musst aber damit rechnen, dass sie durch die CSS-3-Eigenschaften ausgetauscht werden, sobald diese offiziell verabschiedet sind.

[Joe[y]+]

you'll actually find there is no valid css function for opacity in all browsers. you need to use filters in IE but that's invalid.


also - don't fret over the name. perhaps think up a new name before you submit it when the main site is back up... to save confusion! there are already a few hundred downloads of my light white template.

as you say in your german citation, these tags are browser-special

and the validator is nothing browser-special, it is neutral and it validates against the standard, so this code is invalid

there is no need to say "they do something bad, and these do something bad", what is wrong is wrong
but to be fair: Most of the "wrong" is done by IE 8)

[blinking8s+]

i was under the impression that moz opacitiy had more functionality for some reason, concidering almost everything opacity is used on uses moz-opacity

[spacefrog]

is it okay to use moz-opaciaty?
i think so. maybe it's invalid but it's the only possibility to make such a "mouse-over"-effect and causes no errors.

@Joe[y]...your 'light white' template is great! i like it!

edit: is 'light my dark' correct english? this could be the name of my template...

[Joe[y]+]

personally i would always make cross-browser compatibility a priority over w3c validation. moz-opacity achieves neither of these.

i use, for example 70% opacity:

opacity: 0.70;
	filter: alpha(opacity=70);

filter: is for IE but will bring about a validation error unfortunately. there's not much else you can do. there is no perfect solution.