Thursday, 9 February 2012

LinkedIn JavaScript API Developer Console

http://developer.linkedinlabs.com/jsapi-console/#examples/member/badge.html&{%22framework%22:%22platform.linkedin.com/in.js%22,%22frameworkurl%22:%22%22,%22apikey%22:%22%22,%22apioptions%22:%22onLoad:%20onLinkedInLoad\n%22,%22sessionbuttons%22:true,%22async%22:false}

Tuesday, 7 February 2012

Linkedin

https://developer.linkedin.com/forum/login-button-script-firstname-and-lastname-blocking-my-website

Thursday, 2 February 2012

How to configure multi store in OpenCart?



Many of you might use opencart for online store development. Opencart can also be used for multi store with single admin; you can manage both stores with same admin.
I am using wamp so first I will tell you to configure multi stores with opencart on wamp.
I installed wamp in D drive and opencart directory path is D:\wamp\www\opencart. Main store url is http://localhost/opencart and I am going to make new store by the name of store.
  1. There is a file httpd.conf in wamp\bin\apache\Apache2.2.21\conf\. Open it and write following lines to create Alias for opencart new store.
Alias \store “D:/wamp/www/opencart/”
Note: Alias is pointing to same directory that is for my main store. It will be same for any other store too if you want to create.
Now save file and restart Apache services.
  1. Now you have to change OpenCart configurations. Login to opencart admin then go System>Settings, create new store. You can give any name to the store and give Url http://localhost/store/.
  2. Now save your settings and you can access your both stores by http://locahost/opencart/ and http://localhsot/store/ urls.
You can create multi store on xamp too; just you need to make Alias in D:\xampp\apache\conf\httpd.conf file
Note: D is the drive where xamp is installed; your location might be different.
Have fun with multi store on opencart.

Tuesday, 17 January 2012

Cache css and js in .htaccess for speed up your site

AddOutputFilterByType DEFLATE text/css application/x-javascript

Check Apache module is enable or not in Drupal

ob_start ();                              // Capturing
  phpinfo ();                               // phpinfo ()
  $info = trim (ob_get_clean ());           // output
  if(!strpos($info,"mod_headers")) {
    drupal_set_message('headers file module for apache2 is not installed in your system. See the readme for instructions.', 'error');
  }
  else {
    drupal_set_message('headers file module is installed in your system. Follow the instructions carefully to success rest of isntalling.');
  }

Thursday, 15 September 2011

Web browser hacks/Fix, Css hacks - ie, firefox, chrome, safri, Opera


CSS hacks take advantage of browser bugs for hiding CssRules from specific web browsers. Listed below are the hacks for major browsers like ie6, ie7, firefox2, firefox3, Google chrome, safari and opera.

Inline Hack for IE
* (star) can be used as the inline hack for both ie6 and ie7.

For Example:
Syntax: .selector{*property:value;}
.logo{*margin-left:10px;}

IE6 browser inline Hack
_ (underscore) can be using only for ie6

For Example:
Syntax: .selector{_property:value;}
.logo{_margin-left:10px;}

Firefox inline style
content:"\"/*" can be used for firefox only where IE cannot recognize it.

Internal Style
Use * html for ie6 and *+html hack for ie7

For Example:
Synatax: * html .selector{property:value;} , * + html .selector{property:value;}

* html .logo{margin-left:10px;} for ie6
* + html .logo{margin-left:20px;} for ie7

IE7 and Firefox browser Hack
Use html>body hack for ie7 and firefox.

For Example:
Syntax: html>body .selector{property:value;}

html>body .logo{margin-left:10px} will take only in ie7 and firefox

Mordern browser Hack or Firefox Hack
Use html>/**/body {} hack which will support only in both firefox2 and firefox3.

For Example:
Syntax: html>/**/body .selector{property:value;}

html>/**/body .logo{margin-left:10px} will take only in firefox.

Browser hack for Opera versions 9 and below
Use html:first-child {} for opera browser. Also you use
Syntax: @media all and (min-width:0px) {head~body .selector {property:value;}}

For Example:
@media all and (min-width:0px) {head~body .logo {margin-left:10px;}} only for opera

Firefox3 browser hack
Use html>/**/body .selector, x:-moz-any-link, x:default {property:value;} for firfox3 only.

For Example:
Syntax: html>/**/body .pro_yl, x:-moz-any-link, x:default {background:red;}

Google Chrome browser hack
Use body:nth-of-type(1) .elementOrClassName{property:value;} only for google chrome.

For Example:
body:nth-of-type(1) .logo{margin:20px;}

Safari browser hack
Use Syntax: body:first-of-type .elementOrClassName{property:value;}

Fox Example:
body:first-of-type .logo{margin-top:10px;} only for safari.