WELCOME  TO   ENJOY  ELECTRONICS  WITH  PARTH.  PLEASE  LIKE  US  ON   FACEBOOK.

ebooks

websites

electronics
projects

microcontoller
8051

robotics

8085
microprocessor

HTML/JavaScript

Tuesday, 28 June 2011

New improved menubar for blog

This new HTML code for menu bar provides the facility of "background changing color".When you take the mouse near the link color becomes light.It really looks nice.The code does not contain any kind of javascript it is very easy to understand.you can modify this code according to this page.

code:

<table cellpadding=0 cellspacing=0 >
<tr>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html" ><b><font face="verdana" color=blue>ebooks</font></b></a> </p> </td>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html" ><b><font face="verdana" color=blue>websites</font></b></a> </p> </td>
<td width="120" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html " ><b><font face="verdana" color=blue>electronics <br />projects</font></b></a> </p> </td>
<td width="120" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/8085-8051-study-material.html " ><b><font face="verdana" color=blue>microcontoller <br />8051</font></b></a> </p> </td>
<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href="http://parthppandya.blogspot.com/2011/04/websites-only-for-you.html " ><b><font face="verdana" color=blue>robotics</font></b></a> </p> </td>
<td width="150" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/8085-8051-study-material.html " ><b><font face="verdana" color=blue>8085<br /> microprocessor</font></b></a> </p> </td>
<td width="200" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><a href="http://parthppandya.blogspot.com/2011_06_01_archive.html" > <p><b><font face="verdana" color=blue>HTML/JavaScript</font> </b></p></a> </td>
</tr>
</table>

The code used here is:

<td width="100" align="center" onmouseover="this.bgColor='#66bbdd'" onmouseout="this.bgColor='#0080ff'" bgcolor=#0080ff><p><a href=" http://parthppandya.blogspot.com/2011/06/free-electronics-ebooks-for-you.html" >   </td>









To add this code to your blog the steps as shown on this page can be followed 

No comments:

Post a Comment