Writing Browser and OS Specific Styles
We have added the ability for you to write specific CSS code for each operating system and each browser that visits your website.
A few examples:
<style type="text/css">
.example {width: 100px; height: 100px;}
.ie .example {background-color: yellow}
.ie7 .example {background-color: orange}
.gecko .example {background-color: gray}
.win.gecko .example {background-color: yellow}
.linux.gecko .example {background-color: pink}
.opera .example {background-color: green}
.konqueror .example {background-color: blue}
.webkit .example {background-color: black}
.no_js {display: block}
.has_js {display: none}
.js .no_js {display: none}
.js .has_js {display: block}
</style>
Available OS Codes [os]:
- win - Microsoft Windows (all versions)
- vista - Microsoft Windows Vista new
- linux - Linux (x11 and linux)
- mac - Mac OS
- freebsd - FreeBSD
- ipod - iPod Touch
- iphone - iPhone
- ipad - iPad new
- webtv - WebTV
- j2me - J2ME Devices (ex: Opera mini) changed from mobile to j2me
- blackberry - BlackBerry new
- android - Google Android new
- mobile - All mobile devices new
Available Browser Codes [browser]:
- ie - Internet Explorer (All versions)
- ie8 - Internet Explorer 8.x
- ie7 - Internet Explorer 7.x
- ie6 - Internet Explorer 6.x
- ie5 - Internet Explorer 5.x
- gecko - Mozilla, Firefox (all versions), Camino
- ff2 - Firefox 2
- ff3 - Firefox 3
- ff3_5 - Firefox 3.5
- ff3_6 - Firefox 3.6 new
- opera - Opera (All versions)
- opera8 - Opera 8.x
- opera9 - Opera 9.x
- opera10 - Opera 10.x
- konqueror - Konqueror
- webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
- safari3 - Safari 3.x
- chrome - Google Chrome
- iron - SRWare Iron
Extra Codes:
js - Will be available when js is enable, so you can show/hide some stuffs
0 Comments