Como adicionar um trecho de HTML a página inicial do fórum?

[MarcosSchultz]

Detalhes da questão

Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PhpBB3

Descrição

Olá meus caros. Tenho um trecho de HTML bem simples, que mostra as regras do meu fórum... o trecho é este:

Código:

<meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <style>
#tabela1 {
display: table;
background: #FFFAF0;
width: 90%;
height: 320px;
float: center;
border: 1px solid black;
margin-top: 20px;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
}
body{
background: url(http://2img.net/s/t/16/90/42/i_background.jpg);
background-attachment: fixed;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.redesociais {
position: center;
}

</style> <link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Avisos</title>  
   <table id="tabela1">
      <tbody>
         <tr>  
            <td>  
                <div style="border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;">
                   <br />    
                     <center>
                       <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong><br />    
                       <hr /></center>

                       <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum.
                       <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h.
                       <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante.
                       <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a>
                       <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D
                       <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente.
                       <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente.
                       <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral".
                          
                       <hr />
                                    
                       <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;">
                                  
                        <tbody>  
                        <tr valign="top">  
                    <td>
                <strong>Consulte: </strong><br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a>  
            </td>  
        </tr>    
    </tbody>      
</table>

Um esboço pode ser visto através deste link: http://www.schultzgames.com/h2-teste-popup

O que eu gostaria de fazer é adicionar o que está aparecendo nesta página, na minha página inicial, na parte onde está destacado na figura. 



Como eu poderia fazer isto?

[Fraise]

Olá!

Crie um novo JS com investimento No Índice utilizando o seguinte código:

Código:

$(function() {
$('#main-content').before(' <style>#tabela1 {display: table;background: #FFFAF0; width: 90%;height: 320px;float: center;border: 1px solid black;margin-top: 20px;border: 1px solid rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;}body{background: url(http://2img.net/s/t/16/90/42/i_background.jpg);background-attachment: fixed;color: #5a5a5a;font: normal 11px tahoma,helvetica,arial,sans-serif;padding-bottom: 20px;}.redesociais {position: center;}</style> <link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Avisos</title> <table id="tabela1"> <tbody> <tr> <td> <div style="border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;"> <br /> <center> <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong><br /> <hr /></center> <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum. <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h. <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante. <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a> <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente. <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente. <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral". <hr /> <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;"> <tbody> <tr valign="top"> <td> <strong>Consulte: </strong><br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a> </td> </tr> </tbody> </table>');
});

Até mais.
Fraise

[MarcosSchultz]

É exatamente o que eu queria, só que o texto acabou perdendo formatação...

[Fraise]

Na verdade, ele só perdeu o tamanho. Troque por este:

Código:

$(function() {
$('#main-content').before(' <style>#tabela1 {display: table;background: #FFFAF0; width: 90%;height: 320px;float: center;border: 1px solid black;margin-top: 20px;border: 1px solid rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;}body{background: url(http://2img.net/s/t/16/90/42/i_background.jpg);background-attachment: fixed;color: #5a5a5a;font-size: 15px !important; font: normal 11px tahoma,helvetica,arial,sans-serif;padding-bottom: 20px;}.redesociais {position: center;}</style> <link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Avisos</title> <table id="tabela1"> <tbody> <tr> <td> <div style="border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;"> <br /> <center> <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong><br /> <hr /></center> <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum. <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h. <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante. <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a> <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente. <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente. <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral". <hr /> <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;"> <tbody> <tr valign="top"> <td> <strong>Consulte: </strong><br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a> </td> </tr> </tbody> </table>');
});

Até mais.
Fraise

[MarcosSchultz]

hahaah, surgiu um novo problema. O tamanho afeta toda a página inicial.

[Fraise]

Acho que é desta:

Código:

$(function() {
$('#main-content').before(' <style>#tabela1 {display: table;background: #FFFAF0; width: 90%;height: 320px;float: center;border: 1px solid black;margin-top: 20px;border: 1px solid rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;}body{background: url(http://2img.net/s/t/16/90/42/i_background.jpg);background-attachment: fixed;color: #5a5a5a;font-size: 15px !important; font: normal 11px tahoma,helvetica,arial,sans-serif;padding-bottom: 20px;}.redesociais {position: center;}</style> <link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Avisos</title> <table id="tabela1"> <tbody> <tr> <td> <div style="border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;"> <br /> <center> <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong><br /> <hr /></center> <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum. <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h. <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante. <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a> <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente. <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente. <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral". <hr /> <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;"> <tbody> <tr valign="top"> <td> <strong>Consulte: </strong><br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a> </td> </tr> </tbody> </table>');
});

Até mais.

[MarcosSchultz]

Ainda não... as letras continuam gigantes

[Fraise]

Okay. Veja assim:

Código:

$(function() {
$('#main-content').before(' <style> #tabela1 { display: table; background: #FFFAF0; width: 90%; height: 320px; float: center; border: 1px solid black; margin-top: 20px; border: 1px solid rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px; box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px; } body { background: url(http://2img.net/s/t/16/90/42/i_background.jpg); background-attachment: fixed; color: #5a5a5a; font: normal 11px tahoma, helvetica, arial, sans-serif; padding-bottom: 20px; } .redesociais { position: center; }</style><link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Avisos</title><table id="tabela1"> <tbody> <tr> <td> <div style="font-size: 15px; border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;"> <br /> <center> <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong> <br /> <hr /> </center> <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum. <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h. <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante. <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a> <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente. <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente. <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral". <hr /> <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;"> <tbody> <tr valign="top"> <td> <strong>Consulte: </strong> <br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a> </td> </tr> </tbody> </table> ');
});

Até mais.
Fraise

[MarcosSchultz]

Perfeito! A formatação(minha) ainda está deixando um pouco a desejar na centralização, etc... más acho que isto é detalhes do HTML...

Muito obrigado

[Fraise]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".