On-click and blur in the input text field

 Welcome to designers blog here i have posted how to  Clear text box using on-click and blur  in the input text field

Code:

<input type="text"  size="2" name="textfield" id="textfield" class="search_box" value="Search" onclick="if(this.value=='Search'){this.value=''}" onblur="if(this.value==''){this.value='Search'}" />

Welcome to designers blog here i have posted how to add the custom fonts using  Google web fonts

Step1 : Go to this link http://www.google.com/webfonts/

Step2:  Select Preview text  type the font u like to customized

Step3:  Click Add to Collection

Step4:  Click on to Choose, Review, Use




Step5:  To integrate in website Choose Use

Step6:  Add this Tag in your header tag

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>

Step7: Integrate the fonts into your CSS:

            font-family: 'Lato', sans-serif;

How to Draw a Straight Line in coral draw

Welcome to designers blog here i have posted how to draw a Straight Line in coral draw

 Steps:

1.You have to click on the Freehand tool at the Curve fly-out and click the location whereyou want to start the line.

2.Finally, click where you want to end it.


Screenshot:

How to duplicate a page and maintain its layer structure and content

To Duplicate the Page1 as the same in page 2 following steps to be done

1. Click View > Page Sorter View
   
2. While holding down Ctrl key, drag the page and drop a duplicate where you want

You can select more than one page with Ctrl or Shift keys before duplicating.

ScreenShot:

Rounded Corners Gap issue

Welcome to designers blog Here i have posted how to  fix rounded corner images when it shows gap in  zoom out

Screenshot :

Align:

 Align the  images to the right and top and if u call the images  in css  give

 background: url(../images/left_bg.png) repeat-y top  right ;

<td width="1%"  align="right" valign="top"><img src="images/top_left.png" width="13" height="8" /></td>

<td  align="right" valign="top" width="1%"><img src="images/bottom_left.png" width="13" height="8" /></td>

Css:

.left_bg
{
    margin:0px;
    padding:0px;
    background: url(../images/left_bg.png) repeat-y top  right ;

}