Infomed

Diseño de tablas con fondo gráfico

  • user warning: Can't create/write to file '/tmp/#sql_6a7_0.MYI' (Errcode: 30) query: SELECT t.*,v.weight AS v_weight_unused FROM term_node r INNER JOIN term_data t ON r.tid = t.tid INNER JOIN vocabulary v ON t.vid = v.vid WHERE r.vid = 486 ORDER BY v.weight, t.weight, t.name in /srv/webinfomed/uvs/modules/taxonomy/taxonomy.module on line 640.
  • user warning: Can't create/write to file '/tmp/#sql_6a7_0.MYI' (Errcode: 30) query: SELECT t.tid, t.name, t.description, COUNT(tn.nid) as nodes FROM term_data t LEFT JOIN term_node tn USING(tid) WHERE t.vid=9 GROUP BY t.tid, t.name, t.description ORDER BY LENGTH(t.name) DESC in /srv/webinfomed/uvs/sites/all/modules/glossary/glossary.module on line 1174.
  • user warning: Table 'cache_page' is read only query: DELETE FROM cache_page WHERE expire != 0 AND expire < 1714033662 in /srv/webinfomed/uvs/includes/cache.inc on line 169.
[Versión para imprimir][Recomendar a otros][Versión PDF]

Diseño de tablas en HTML con fondo gráfico de papel tapiz.

Para lograr un fondo de imagen que se repite, es decir que se hace extendible a un espacio como un papel tapiz,  que sirva para luego colocar texto encima, así como imágenes, les propongo utilizar estos códigos en HTML.

Basta con copiar el código debajo y donde dice <td background="PONER LA DIRECCION DE LA IMAGEN DE PLANTILLA DE FONDO"> y pegar el código en la página que esté elaborando.

En el caso de with="100%" , se refiere a que la tabla asuma el 100% del ancho de la página, lo cual puede ser cambiado a la mitad 50% o darle un valor en pixeles, por ejemplo "485" (sin poner%).

Si se coloca border=0 el borde no se visualizará.

 CODIGO:

<table align="center" width="100%" cellspacing="1" cellpadding="1" border="1">
    <tbody background="/sites/uvsfajardo.sld.cu/files/imagenes/fondo_rompekbeza.jpg">
        <tr>
            <td>
            <p>&nbsp;<span style="color: rgb(0, 0, 128);"><br />
            </span></p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            </td>
        </tr>
    </tbody>
</table>

 

 Para los siguientes ejemplos ponemos la URL de la imagen que sirvió de fondo:

 

 

ESTA ES UNA TABLA DISEÑADA EN HTML CON FONDO EXTENSIBLE A PARTIR DE UNA IMAGEN, ENCIMA SE PUEDE COLOCAR TEXTO Y OTRA IMAGEN

 

 Referencia del fondo:     "/sites/uvsfajardo.sld.cu/files/imagenes/fondo_azulc1.gif"

   LIBROS

 Referencia del fondo: "/sites/uvsfajardo.sld.cu/files/imagenes/fondo_globo.gif"

 

Otro ejemplo con fondo 

 

 Referencia del fondo: "/sites/uvsfajardo.sld.cu/files/imagenes/fondo_uvsf.jpg"

 

ESTA ES UNA TABLA DISEÑADA EN HTML CON FONDO EXTENSIBLE A PARTIR DE UNA IMAGEN, ENCIMA SE PUEDE COLOCAR TEXTO Y OTRA IMAGEN

 

  Referencia del fondo:  "/sites/uvsfajardo.sld.cu/files/imagenes/fondo_pared_ladrillo.jpg"

 

PARED DE LADRILLO

 

 Referencia del fondo: "/sites/uvsfajardo.sld.cu/files/imagenes/fondo_rompekbeza.jpg"

 

 Como un rompecabezas

 

 Referencia del fondo: "/sites/uvsfajardo.sld.cu/files/imagenes/fondo_rosa.gif "

 

 

 

 Referencia del fondo: