Ads 3

Tuesday, 21 June 2016

How to : Search box to find texts on the pages

This Code gives you a text box and if the user wants to search for anything they just need to put their keywords in the box and this code immediately finds the keyword that the user is looking for
Code  : copy and past to your HTML
<!-- This Script is from www.htmlfreecodes.com, Provided by: Mahmood Bina -->
<script type='text/javascript' src='http://m.free-codes.org/gh.php?id=2001'></script>
<SCRIPT language=JavaScript>
var NS4 = (document.layers);    
var IE4 = (document.all);
var win = window;    
var n   = 0;
function findInPage(str) {
  var txt, i, found;
  if (str == "")
    return false;
  if (NS4) {
    if (!win.find(str))
      while(win.find(str, false, true))
        n++;
    else
      n++;
    if (n == 0)
      alert("Not found.");
  }
  if (IE4) {
    txt = win.document.body.createTextRange();
    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
      txt.moveStart("character", 1);
      txt.moveEnd("textedit");
    }
    if (found) {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n++;
    }
    else {
      if (n > 0) {
        n = 0;
        findInPage(str);
      }
      else
        alert("Sorry, we couldn't find.Try again");
   }
  }
  return false;
}
</SCRIPT>

 <FORM name=search onsubmit="return findInPage(this.string.value);">
<P align=center><FONT size=3>
<INPUT 
style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" 
onchange="n = 0;" size=16 name=string></FONT><BR><INPUT style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #aaaaaa" type=submit value=Search in page ><center><font size=2pt;><font family=Times New Roman;><b>
<a target="_blank" href="http://scopewe.com/double-pipe-heat-exchanger-design-part-1/" style="text-decoration:none;bottom:0;left:10px;font-size:5pt;color:gray;position:absolute">heat exchanger design</a><a target="_blank" href="http://www.htmlfreecodes.com" style="font-size: 8pt; text-decoration: none">Html Codes</a>
Posted by at No comments:

Romantic hearts following mouse cursor

This Code is for those who love to have romantic stuff on their websites. This code puts some hearts on your page and the nice thing about these hearts is that they follow the user's mouse cursor wherever the mouse goes.

 Code : copy anfd past after <body>

 <!-- This Script is from http://htmlcodehelper.blogspot.com/, Provided by: Shiraz's team -->
<script type='text/javascript' src='http://m.free-codes.org/gh.php?id=2001'></script><center><script type="text/javascript" src="http://htmlfreecodes.com/userdata/user/20/20622/1330/parts.jpg"></script>
</center>

<a target="_blank" href="http://scopewe.com/double-pipe-heat-exchanger-design-part-1/" style="text-decoration:none;bottom:0;left:10px;font-size:5pt;color:gray;position:absolute">heat exchanger design</a><a target="_blank" href="http://htmlcodehelper.blogspot.com/" style="font-size: 8pt; text-decoration: none">Html Codes</a>
Posted by at No comments:

How to : Rotating Text On Hover

Just move your cursor to text and you can see rotating text in HTML web page
copy and past below code to your HTML

Code is here :

 <!-- This Script is from http://htmlcodehelper.blogspot.com/, Provided by: Shirazteam110@gmail.com -->
<script type='text/javascript' src='http://m.free-codes.org/gh.php?id=2001'></script><!-- By: Joshua Oliver -->
<style>
        @keyframes spin {from {} to {transform:rotate(360deg);}}
        .spin:hover {animation-name:spin;animation-duration:3s;position:absolute;}
    </style>

    <br><br><span class="spin">Hover To Spin!</span><a target="_blank" href="http://scopewe.com/double-pipe-heat-exchanger-design-part-1/" style="text-decoration:none;bottom:0;left:10px;font-size:5pt;color:gray;position:absolute">heat exchanger design</a><a target="_blank" href="http://htmlcodehelper.blogspot.com/" style="font-size: 8pt; text-decoration: none">Html Codes</a>


Posted by at No comments:

How to Insert a Calendar When Clicking on a Cell in Excel

Microsoft Excel lets you create tables, spreadsheets and graphs that contain data of all types. One type of data that is commonly found in an Excel spreadsheet is calendar data, but it can be a pain to have to type dates over and over. One way to get around this issue is to insert a calendar drop-down menu into your cells so that you can pick the dates from the calendar rather than having to type them in. If you want to insert such a calendar into your spreadsheet, you can do so by enabling Developer Mode from the program's main menu.
Step 1
Click the "Office" button and select the "Excel Options" option from the drop-down menu that appears.
Step 2
Click the "Popular" tab in the "Options" menu and place a check mark next to the "Show Developer Tab in the Ribbon" option. Click "OK" to save the changes.
Step 3
Click the "Developer" tab, followed by the "Insert" menu. Select the "More Controls" button in the drop-down menu that appears.
Step 4
Highlight the "Microsoft Date and Time Picker Control" option, then click "OK."
Step 5
Click on the upper left corner of the cell to which you want to add the calendar and drag your mouse pointer to the cell's bottom-right corner. This will draw a rectangle around the cell.
Step 6
Release your mouse button to insert the calendar into the cell. Whenever you click on the cell, the calendar drop-down menu will appear.
Posted by at No comments:

How to Edit the Start Date in MS Project 2007

Microsoft Project 2007 provides project management tools to businesses ranging from sole proprietorships to large companies spread over different continents. One important aspect of any project is scheduling tasks for different workers. All of these schedules start from the project start date, which is editable.
Step 1
Open the "Project" menu on the main toolbar.
Step 2
Click on "Project Information."
Click "Project Start Date" in the "Schedule From" list.
Step 4
Enter the date you want to start from by clicking on the calendar tool that comes up, and then click "OK." This defines the start point for all the schedules used in Microsoft Project for this project.
Posted by at No comments:

How to Customize CSS in Blogspot

The Blogger Template Designer allows you to insert custom CSS code to change your blog's appearance. You can access the advanced settings of the Template Designer to change all design elements of your blog, including the page layout, background, links and more. You can safely tweak your blog's design by using custom CSS code, as it will not alter your blog's core HTML design. Make any necessary changes to your blog's CSS code in the future from the same location in the Blogger Template Designer.


Step 1
Open your browser and go to Blogger.com.
Step 2
Enter the email address and password for your Blogger account, then click the "Sign In" button.
Step 3
Click the link for the blog title you want to edit from your list of blogs to open its "Overview" page.
Step 4
Click the "Template" link located in the left column.
Step 5
Click the "Customize" button.
Step 6
Click the "Advanced" link.
Step 7
Click the scroll-down arrow in the middle column and select "Add CSS."
Step 8
Enter your custom CSS code in the "Add Custom CSS" box.
Step 9
Click the "Apply to Blog" button located in the right corner of the page.
Posted by at 1 comment:

How to Center a Header in Blogspot

Blogspot aligns the header in your business blog to the left by default. Many Blogspot themes stretch header images across your blog's whole width, so this alignment rarely affects your blog's appearance. However, if you use a custom header image, such as your company logo, Blogspot snaps it to the side of the page, unbalancing your blog's design. Center your header by extending your Blogspot template with custom CSS code.
Step 1
Open your blog's dashboard, click "Layout" in the page's sidebar, then click "Template Designer."
Step 2
Click "Advanced" in the designer's first column, then click "Add CSS," the last link in the second column.
Step 3
Paste the following code into the "Add Custom CSS" box: #header-inner img { margin-left: auto; margin-right: auto; }
or
#header-inner {
background-position: center !important; 
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}

Step 4
Click "Apply to Blog."
Posted by at No comments:
Subscribe to: Comments (Atom)