![[TUTORIAL] Página de testes HTML Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
Moedas![[TUTORIAL] Página de testes HTML Html](https://2img.net/i/fa/admin/icones/big_ico/html.png) | Página de testes HTML |
Neste
tutorial, você aprenderá como criar uma nova página HTML em seu fórum,
que produz uma ferramenta que testa automaticamente qualquer código HTML
colocado no mesmo. É bem simples de se fazer!
--> Lista de Tutoriais, Dicas e Astúcias <--
Página de testes HTML
Página de testes HTML
1º - Temos que criar uma nova página HTML:
Em primeiro lugar, será necessário criar uma página HTML para hospedar o código:
Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> Gestão das Páginas HTML
Em seguida clicar no botão "Criar uma nova página HTML".
(clique na imagem para aumentar)
![[TUTORIAL] Página de testes HTML 110](https://i.servimg.com/u/f31/11/61/24/05/110.gif)
![[TUTORIAL] Página de testes HTML 110111](https://i.servimg.com/u/f36/11/66/91/15/110111.gif) | ![[TUTORIAL] Página de testes HTML 398853](https://2img.net/u/2112/28/77/07/smiles/398853.gif) Criar uma nova página HTML -Terá de clicar neste botão para poder criar a sua nova página. Se pretende editar uma página já existente, apenas terá de clicar em "Modificar": ![[TUTORIAL] Página de testes HTML Editer](https://2img.net/i/fa/admin/icones/editer.png) |
2º - Código a ser utilizado:
Já
na modificação da página criada, em "Você deseja utilizar o início e o
final da página do seu fórum?" marque "não", e logo após insira o código
de nossa página de testes em "Código HTML":
- Código:
<html>
<head>
<script>
function stoperror()
{
return true
}
window.onerror=stoperror
</script>
<script LANGUAGE="JavaScript">
<!-- Comienza
function verHTML(form) {
var inf = form.codigo.value;
win = open("","DisplayWindow","toolbar=no,directories=no,menubar=no,location=no,directories=no");
win.document.write("" + inf + "");
}
// Termina -->
</script>
</head>
<body bgcolor="#14192a">
<p style="margin-top: 0; margin-bottom: 0" align="center">
</font><p style="margin-top: 0; margin-bottom: 0"
align="center"> <div align="center">
<center>
<table border="1" cellspacing="0" cellpadding="6"
style="border-collapse: collapse" bordercolor="#ffffff" width="90%">
<tr>
<td width="734" align="center">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<font size="1">
<p style="margin-top: 0; margin-bottom: 0" align="center">
<font face="Arial" size="2"
color="yellow"><b>Insira o seu codigo completo HTML e clique em
"Visualizar resultado"</b></font>
</font></td>
</tr>
<tr>
<td width="100%"><hr noshade size="1" color="#ffffff"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="10" cellpadding="0">
<tr>
<td width="100%"></td>
</tr>
</table>
<div align="center">
<center>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
<form target="_self">
<p align="center"><textarea name="codigo" cols="65" rows="12"></textarea><br>
<input type="button" value="Visualizar resultado" onclick="verHTML(this.form)">
<input type="reset" value="Cancelar"></p>
</form>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
</font>
</body>
</html>
Volte à gestão das páginas HTML, e acesse o link da página criada. Nela,
você poderá testar os seus códigos HTML, colocando no campo de texto, e
logo após clicando em "Visualizar resultado", ou cancelar o mesmo.
Resultado
![[TUTORIAL] Página de testes HTML 2m7yiv6](https://2img.net/h/oi42.tinypic.com/2m7yiv6.png)
