jQuery Navigation/ Promotional Banner- Cookie

Following is the code for a  Promotional banner which is supposed to be seen on all the pages of the website. The banner would have the following functionalities: It should be displayed above the header. It has a close button. If anyone closes the banner it should not be displayed again on any page for […]

Read More

jQuery Navigation/ Promotional Banner- Session

Following is the code for a  Promotional banner which is supposed to be seen on all the pages of the website. The banner would have the following functionalities: It should be displayed above the header. It has a close button. If anyone closes the banner it should not be displayed again on any page for […]

Read More

Image Map On background Image-Responsive

Following is the code to use mapping in the responsive background image.  Code written here is for the rectangular image. First half[50%] of the image is linked to one URL, and another 50%[half] image is linked to another URL. /* HTML code for imap */ <div id=”demo”>  <a id=”link1″ title=”link1″ href=”#”></a>  <a id=”link2″ title=”link2″ href=”#”></a> </div> […]

Read More

Include different PHP files depending on the screen size

Following is the way to include a different header on different screen sizes: I have used 2 different headers: mobile_header.php desktop_header.php   <style type=”text/css”> @media only screen and (min-width: 768px) { /* tablets and desktop */ div#mobile { display: none } } @media only screen and (max-width: 767px) { /* phones */ div#desktop { display: none […]

Read More