PHP Script showing Google map route b/w Bangalore to Bagalkote

http://php.example.org/Implementaion/map.php
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
iframe width="325" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
src="http://maps.google.co.in/maps?f=d&source=s_d&saddr=Bangalore&daddr=Bagalkot,+Karnataka&
hl=en&geocode=%3BFbP29gAdcwiDBA&mra=ls&sll=13.019945,77.624588&sspn=0.288335,0.441513&
ie=UTF8&ll=14.577975,76.6477&spn=3.22181,1.903&output=embed">
/iframe
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

style="color:#0000FF;text-align:left">View Larger Map

Float image in Center of an column.

reff : http://bv.example.co.in/


<div class="his_img">

<img width="155" height="58" border="0" src="/images/design/HIS_2.png" alt="example"/>

div>

.his_img img {

display:block;

margin:auto;

}

Search Box

reff: file:///home/Yoga/Back%20up/Beginning%20CSS%20examples/chapter%2010/bbc2.html
------------------------------------------------------------------------------------------------------------------
HTML Code:
------------------------------------------------------------------------------------------------------------------

=================================================
CSS code :

#searchfield {
background:transparent url(images/search.gif) no-repeat scroll -66px center;
border:0 none;
height:30px;
line-height:1.1;
margin-right:-4px;
padding:9px 2px 0 4px;
width:194px;
text-align:left;
outline:none;
}

#searchbutton {
margin:0;background:url(images/search.gif) no-repeat scroll 0 center;
border:medium none;
width:66px;
height:29px;
font-weight:normal;
vertical-align:bottom;
cursor:pointer;
font-size:1.5em;
font-family:sans-serif;
color:#FF0004;
padding-bottom:3px;
outline:none;
}

Creating Scroll view, using overflow property.

===============================================
HTML file
----------------------------

The below paragraph put in a div & include .stream class as in css file

reff: file:///home/Yoga/Back%20up/Beginning%20CSS%20examples/Chapter%2015/exp1.html

below is the dummy data.
By giving the box a set height, you ensure that it does not expand or contract based on the
content it holds. If there is more content than the box can hold, the scrollbar will automatically
appear, allowing you to scroll through the whole text, as you see in Figure

Now define the stream selector. First, the size of the box is declared (here it is a square
300×300 pixels), and some padding is declared to ensure the content does not touch the border.
Most importantly, the overflow property is given the auto value.

Note that for this example, you will need to paste plenty of content into this container to
see the effect of the overflow, such as masses of Lorem Ipsum text. With that taken care of, we
can move on to the nifty styling.
content it holds. If there is more content than the box can hold, the scrollbar will automatically
appear, allowing you to scroll through the whole text, as you see in Figure

================================================
CSS file
-----------------------
.stream {
width:150px;
height:250px;
padding:10px;
border:1px solid #999;
background-color:#FFF;
overflow:auto;
}

Removing The Dotted Outline

Removing The Dotted Outline that appears in web browser, when mouse is moved on link or button / icon :

Solution:

a {
  outline: none;
}

a:hover, a:active, a:focus {
   outline: none;
}

PHP-GD

==============================================
1) Creating a simple text image using GD.
-----------------------------------------------------------------------------------------------------------
solution:
reff: http://php.example.org/Book/ch42/example_5.php
================================================

// Set the content-type
header('Content-type: image/png');

// Create the image
$im = imagecreatetruecolor(900, 100);

// Create some colors
$green = imagecolorallocate($im,134,255,195);
$grey = imagecolorallocate($im, 128, 128, 128);
$white = imagecolorallocate($im,5 , 50, 250);
imagefilledrectangle($im, 0, 0, 899,99, $green);

// The text to draw
$text = 'SUDHAKAR NAIDU';
// Replace path by your own font path
$font = 'arial.ttf';

// Add some shadow to the text
//imagettftext($im, 30, 0, 11, 21, $grey, $font, $text);

// Add the text
imagettftext($im, 55, 0, 100, 60, $white, $font, $text);
//imagepng($im, './sudha.png');
$degrees = 90;
$rotate = imagerotate($im, $degrees, 0);
// Output
imagepng($rotate);
imagepng($rotate, './sudha.png');
imagedestroy($im);
?>