Skip to main content

HOW TO MAKE RESPONSIVE PHP SITE

HOW TO MAKE PHP WEBSITE RESPONSIVE


Past this coad into Notepad 




save it as index.php










<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Responsive Design with CSS</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="style.css" media="screen"/>
<script src="modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>
<body>


<!---Your Content gose here-->

</body>



Now copy and paste this style coad in to notepad 

and save as style.css

keep both file in same folder


{

// your defaut style gose here----------

}
@media only screen and (min-width: 480px)
{

// style for 480px screen gose here-------------

}
@media only screen and (min-width: 768px)
{
// style for 768px screen gose here-------------
}
@media only screen and (min-width: 480px)
{

// style for 480px screen gose here-------------


}
@media only screen and (min-width: 768px)
{



// style for 768px screen gose here-------------




}


Now you can start working on it

Labels:

Comments

Post a Comment

Popular posts from this blog

Wo-commerce sidebar navigation

There is Plus Minus Image you can change it in your own code
Post a Comment
Read more

How to add attribute in input type onload

Add this script this will target your input type submit and set an attribute on it when page load. <script> function functionAddAttribute(){     $("input:submit").attr("accesskey","g"); }; window.onload = functionAddAttribute; </script> <noscript>Your browser does not support JavaScript!</noscript> This is html <input type="submit" value="this is button" />
Post a Comment
Read more

HOW TO IMPLEMENT ADAPTIVE IMAGE IN WORDPRESS

If you don't know about Adaptive image please Read my last artical. STEP:1 COPY .htaccess , Adaptive-image.php, ai-cookie.php, DS_Store file in your root directory STEP 2: CREATE folder in wp-contant/uploads/adaptive/ai-cache if .htaccess file already exist then pest this code in it but be carefull take its backup CODE #START Adaptive-Images #Add any directories you wish to omit from the Adaptive-Images process on a new line. #Omit plugins, wp-includes and wp-admin content. RewriteCond %{REQUEST_URI} !wp-content/plugins RewriteCond %{REQUEST_URI} !wp-includes RewriteCond %{REQUEST_URI} !wp-admin #Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above directories #to adaptive-images.php so we can select appropriately sized versions RewriteRule .(?:jpe?g|gif|png)$ adaptive-images.php #END Adaptive-Images UNDER # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On STEP3: Open Adaptive-image.php change with it $cache_path    = "wp-content/upl...
Post a Comment
Read more