Tutorial Escribe en botones
Escribir en botones
Para escribir ariba de una imagen es simple pero debes tener mucho cuidado
<table width="188" height="30">
<tbody>
<tr>
<td width="33" valign="top" height="35" background="http://pixelea.com/s/9af309802e.jpg" align="center">
</td>
</tr>
</tbody>
</table>
Primero el background sera la url de la imagen del boton
Ahora le agregaremos la palabra que queramos :
<table width="188" height="30">
<tbody>
<tr>
<td width="33" valign="top" height="35" background="http://pixelea.com/s/9af309802e.jpg" align="center">
<font face="Comic Sans MS"><strong>Home</strong></font>
</td>
</tr>
</tbody>
</table>
El rojo es la parte del contenido tipo de letra y se puso negrita pueden modificarlo como quieran
El azul es el texto que dice el boton
Quedara así si hiciste todo bien :
Home |
Y si sigues este paso podrás tener botones donde quieras así :
Home |
Scripts |
Contacto |
Libro de visitas |
Descargas |
Codigos |
Para el tamaño :
<table width="188" height="30">
<tbody>
<tr>
<td width="33" valign="top" height="35" background="http://pixelea.com/s/9af309802e.jpg" align="center"><font face="Comic Sans MS"><strong>Home</strong></font></td>
</tr>
</tbody>
</table>
Puede deformarse el boton se no tieenes en cuenta el tamaño
El widht es el ancho a modificar
el height es el largo a modificar
Para enlazarlo :
<a href="Url de la web a enlazar">
<table width="188" height="30">
<tbody>
<tr>
<td width="33" valign="top" height="35" background="http://pixelea.com/s/9af309802e.jpg" align="center"><font face="Comic Sans MS"><strong>Home</strong></font></td>
</tr>
</tbody>
</table>
</a>
Quedará de esta forma :
Home |
Para que al pasar el mouse se vean diferentes :
<table width="188" height="30">
<tbody>
<tr>
<td width="33" valign="top" height="35" align="center" style="background: transparent url(http://pixelea.com/s/9af309802e.jpg) repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" onmouseover="this.style.background='url(http://pixelea.com/s/8185dea471.jpg)'" onmouseout="this.style.background='url(http://pixelea.com/s/9af309802e.jpg)'"><font face="Comic Sans MS"><strong>Home</strong></font></td>
</tr>
</tbody>
</table>
Home |
Contacto |
Libro de visitas |
Descargas |
Códigos |
Scripts |
Donde se pega ¿?
Donde quieras ! , puedes pegarlo controlar paginas => agregar página => fuente html