WpFunc » chrome http://www.wpfunc.com Awesome, Quick, Simple WordPress Functions! Fri, 09 Jul 2010 09:05:32 +0000 en hourly 1 http://wordpress.org/?v=abc Detect User Browser And Apply A StyleSheet http://www.wpfunc.com/wordpress/detect-user-browser-and-apply-a-stylesheet.html http://www.wpfunc.com/wordpress/detect-user-browser-and-apply-a-stylesheet.html#comments Tue, 15 Sep 2009 12:49:38 +0000 KaiseRCrazY http://www.wpfunc.com/?p=168
Related posts:
  1. Small Security Hole in WordPress!
  2. Udegbunam Asked “How i hide my content from IE6 Users?”
  3. How to Add Author Name to Author Archive
]]> You can detect user/visitors browser type and you can apply browser-base css styleshet for your theme. That’s siple and very useful. Firstly you have add this code below to your theme’s function.php. Let’s Begin…

We will change our functions.php. If you don’t know about WordPress coding or PHP dont touch this file. And Make backup if you know about WP and PHP!

Her is the code;

<?php
add_filter('body_class','browser_body_class');
function browser_body_class($classes) {
global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;

if($is_lynx) $classes[] = 'lynx';
elseif($is_gecko) $classes[] = 'gecko';
elseif($is_opera) $classes[] = 'opera';
elseif($is_NS4) $classes[] = 'ns4';
elseif($is_safari) $classes[] = 'safari';
elseif($is_chrome) $classes[] = 'chrome';
elseif($is_IE) $classes[] = 'ie';
else $classes[] = 'unknown';

if($is_iphone) $classes[] = 'iphone';
return $classes;
}
?>

After that you can save and upload to your fileserver. And you can create for all browser-base css files. And you can use this code with your body class like the example;

<body class="home blog logged-in safari">

That’s all! Have a nice day!

del.icio.usDiggFacebookFriendFeedRedditStumbleUponTechnoratiPDFPrint

Related posts:

  1. Small Security Hole in WordPress!
  2. Udegbunam Asked “How i hide my content from IE6 Users?”
  3. How to Add Author Name to Author Archive

]]> http://www.wpfunc.com/wordpress/detect-user-browser-and-apply-a-stylesheet.html/feed 0