1º Passo - Código completo
- Código:
<table style="border: 1px solid rgb(221, 221, 221); background: url(http://i47.tinypic.com/wjcqht.png) rgb(230, 254, 255); padding-right: 15px; color: rgb(0, 0, 0); position: relative; width: 100%;"><tbody><tr></tr><tr><td><img src="http://i50.tinypic.com/5bxtas.png"></td><td>Este tutorial foi testado por Premotheus / Diskete e funciona perfeitamente.</td></tr></tbody></table>
2º Passo - Entendendo os elementos
Os elementos deste aviso são basicamente uma tabela um texto e uma imagem, nada complicado. O elemento table é o que forma a tabela principal, dentro da table temos tr e td. dentro do tr temos dois td's, no primeiro td temos a imagem do ícone e no segundo td temos o texto do aviso.
3º Passo - Utilizando o código
Para utiliza-lo basta colar ele em um tópico ou em uma página HTML.
OBS: O HTML precisa estar ativado em tópicos.
- Resultado:
PRECISA DE SUPORTE?
Criador: Premotheus / Diskete Site: http://staffergroupbr.stuning.net/t1033-alerta-personalizado-nos-topicos |