[TUTORIAL] Página de testes HTML

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

Membro Proficiente
  • 0

[TUTORIAL] Página de testes HTML Empty [TUTORIAL] Página de testes HTML

Mensagem por Cream 03.04.12 22:03


[TUTORIAL] Página de testes HTML Html

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)
[TUTORIAL] Página de testes HTML 110
[TUTORIAL] Página de testes HTML 110111 [TUTORIAL] Página de testes HTML 398853 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

- 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)
[TUTORIAL] Página de testes HTML 2m7yiv6




© Fórum dos Fóruns


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

Cream
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11643

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos