WarioTeAyuda

Tutorial escribir 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

Actualmente conseguimos: 116189 visitantes (363423 clics a subpáginas)