[TUTORIAL] Página de testes HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Página de testes HTML

Mensagem por Cream em 03/04/12, 06:03 pm



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


- 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)
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":

- 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
(carregue na imagem para aumentar)




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Página de testes HTML
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum