Skip to main content

Posts

Showing posts from September, 2014

HOW TO MAKE BACKGROUND THINGS RESPONSIVE

HOW TO MAKE BACKGROUND THINGS RESPONSIVE USE THIS CSS IN YOUR WEBPAGE Formal syntax: < bg-size > # /* Keywords syntax */ background-size: cover background-size: contain /* One-value syntax: the value defines the width of the image, the height is implicitly set to 'auto' */ background-size: 50% background-size: 3em background-size: 12px background-size: auto /* Two-value syntax: the first value defines the width of the image, the second its height */ background-size: 50% auto background-size: 3em 25% background-size: auto 6px background-size: auto auto /* Values for the multiple backgrounds, defined by background-image, may be listed separated by commas */ background-size: auto, auto /* Do not confuse this with background-size: auto auto */ background-size: 50%, 25%, 25% background-size: 6px, auto, contain background-size: inherit
Post a Comment
Read more

Create responsive html webpage

<?xml version='1.0' encoding='UTF-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Lingo Chaps Chinese Translators</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=UTF-8" /> <meta http-equiv="Content-Language" content="en" /> <script src="http://code.jquery.com/jquery-1.11.1.js" type="text/javascript"></script> <link href="css/style.css" rel="stylesheet"  type="text/css"></link> <script  type="text/javascript"> $(document).ready(function(){ $(".mcmb").cli...
Post a Comment
Read more

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-...
Post a Comment
Read more

HOW TO USE FONT FACE IN HTML WEBSITE

HOW TO USE FONT FACE IN HTML SITE when we work on localhost font work properly but when we upload project and run online font not worked  to solve this problem we have to set font-face property or make font online runable http://www.fontsquirrel.com/tools/webfont-generator click on this link  to online generate font face  in this page add font and create font-face kit it will download auto matic copy all file except stylesheet and html file  and past it in a new folder  rename tha folder into font copy this code in your stylesheet  @charset "utf-8"; /* CSS Document */ @font-face {     font-family: 'azo_sanslight';     src: url('../fonts/rui_abreu_-_azosans-light-webfont.eot');     src: url('../fonts/rui_abreu_-_azosans-light-webfont.eot?#iefix') format('embedded-opentype'),          url('../fonts/rui_abreu_-_azosans-light-webfont.woff') format('woff'),          url('../fonts/rui...
Post a Comment
Read more