http://www.pontikis.net/blog/simple-rss-class-create-rss-feed
Friday, June 26, 2015
Wednesday, June 24, 2015
How to Use Google Map on Web Page
<head><style>
#map-canvas {
width: 500px;
height: 400px;
background-color: #CCC;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var mapOptions = {
center: new google.maps.LatLng(28.38, 77.12),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
Source to get Longitude and Latitude Values
http://www.latlong.net/
#map-canvas {
width: 500px;
height: 400px;
background-color: #CCC;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapCanvas = document.getElementById('map-canvas');
var mapOptions = {
center: new google.maps.LatLng(28.38, 77.12),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
Source to get Longitude and Latitude Values
http://www.latlong.net/
Tuesday, June 23, 2015
Must Use CSS
Body Right Side Image
body{
background: #FFFFFF url(http://3.bp.blogspot.com/- OmaZsi_XmgA/TzY787sKUrI/ AAAAAAAABPg/xYSLXr8epZI/s1600/ Gita+Blog+Side+Bar.jpg) repeat-y fixed top right;
}
Change Cursor for Site
<style>
body {
cursor: url('favicon.ico'), default;
}
</style>
Use Google Font:
Image Change on Mouseover
<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>
body{
background: #FFFFFF url(http://3.bp.blogspot.com/-
}
Change Cursor for Site
<style>
body {
cursor: url('favicon.ico'), default;
}
</style>
Block Right Click Disable
tr
{
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
}
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis. com/css?family=Open+Sans">
<style>
body {
font-family: 'Open Sans', sans-serif;
}
</style>
Style to First Letter
<style type="text/css">
p:first-letter{
font-size:200%;
color:#8A2BE2;
}
Login Form Focus
:focus{
border: thin black solid;
padding: 4px;
}
</style>
<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>
Wednesday, June 3, 2015
Subscribe to:
Posts (Atom)