Portal html

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

Resolvido Portal html

Mensagem por Kori em 24/05/13, 09:43 am

Qual é minha questão:
Então, eu gostaria de fazer a página inicial do meu forum em html igualzinho a desse forum:
http://www.suportedesign.net/

mas tipo, eu gostaria de trocar a imagem, me lembro que tinha um tutorial, falando sobre isso mas eu não achei

Endereço do meu fórum:
http://residentevilrpg.livreforum.com

Versão do fórum:
PHPBB3
avatar

Kori
Nível 7

Masculino
Inscrito dia : 28/12/2011
Mensagens : 93
Pontos Ativos : 110

Ver perfil do usuário http://residentevilrpg.livreforum.com/forum

Resolvido Re: Portal html

Mensagem por TiagoDJ-7.0 em 24/05/13, 09:46 am

Amigo você que troca que imagem ?
avatar

TiagoDJ-7.0
Nível 7

Masculino
Inscrito dia : 20/01/2013
Mensagens : 83
Pontos Ativos : 175

Ver perfil do usuário http://wapsitebr.wikiforum.net https://www.facebook.com/Tiagojdanin.tiago

Resolvido Re: Portal html

Mensagem por Kori em 24/05/13, 09:51 am

a imagem de fundo (sem falar que eu não sei o código HTML)
avatar

Kori
Nível 7

Masculino
Inscrito dia : 28/12/2011
Mensagens : 93
Pontos Ativos : 110

Ver perfil do usuário http://residentevilrpg.livreforum.com/forum

Resolvido Re: Portal html

Mensagem por TiagoDJ-7.0 em 24/05/13, 10:04 am

Adicione no seu html
Código:
<style>
body{
banckgruonde-imagem: url="http://link da imagem.com"
}
<style/>
avatar

TiagoDJ-7.0
Nível 7

Masculino
Inscrito dia : 20/01/2013
Mensagens : 83
Pontos Ativos : 175

Ver perfil do usuário http://wapsitebr.wikiforum.net https://www.facebook.com/Tiagojdanin.tiago

Resolvido Re: Portal html

Mensagem por inFows em 24/05/13, 10:26 am

Olá,

Asçenda

Painel de controle :seta2: Módulos :seta2: HTML & JAVASCRIPT :seta2: Gestão das página HTML.

Titulo: oque quiser
Você deseja utilizar o início e o final da página do seu fórum ? Não
Usar esta página como página inicial? Sim

Código a ser adicionado.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Suporte Design - O teu fórum de suporte de Design !</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->
 
<!--/                                                                                              ///-->
   
<!--/                                                                                              ///-->
   
<!--/                    Portal Versão 1.0                                              ///-->
 
<!--/                    Editado por Henrique                              ///-->
 
<!--/                                                                                              ///-->
 
<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
      </script>
   
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
 
      <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
      <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
           
              var $selected  = $menu.find('li:first');
           
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
           
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
           
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
           
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script>
      <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://i83.servimg.com/u/f83/16/43/60/45/123210.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
     
        <div>
                <span class="reference">
                    SUPORTE DESIGN 2013 | HOSPEDADO POR <target="_Blank" alt="Forumeiros">FORUMEIROS</a>
                </span>
      </div>
   
      <div id="slidingMenuDesc" class="slidingMenuDesc">
 
                <div><span>Entre neste mundo espantoso da internet e faca amizades e muito mais</span></div>
            <div><span>Antes de participar nesta aventura leia o nosso Regulamento</span></div>
            <div><span>Conheca a nossa Staff que lhe vai ajudar durante esta aventura</span></div>
            <div><span>Tire as suas duvidas e veja os tutoriais</span></div>
            <div><span>Veja os nosso servicos extras que temos</span></div>
            <div><span>Divulgue o seu forum sem problemas, que e gratis !</span></div>
          </div>
 
 
<ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal">Portal</a></li>
            <li><a href="/forum" title="">Forum</a></li>
            <li><a href="http://suportedesign.forumeiros.com/t2-regulamento-geral-do-forum-dos-designers" title="">Regulamento</a></li>
            <li><a href="http://suportedesign.forumeiros.com/t3-staff-suportedesign" title="">Equipe</a></li>
            <li><a href="http://suportedesign.forumeiros.com/f12-questoes-sobre-forumeiros" title="">Servico de Forumeiros</a></li>
            <li><a href="http://suportedesign.forumeiros.com/c7-servicos-para-usuarios" title="">Servicos Oferecidos</a></li>
 
            <li><a href="http://suportedesign.forumeiros.com/f49-espaco-publicidade" title="">Publicidade</a></li>
 
      </ul>
 
  </body>
</html><a href="http://www.forumeiros.com/">
para troca imagen de fundo basta procura pelos ultimos simbolos PNG, JPEG, GIF.
Até mais.

inFows
Nível 9

Masculino
Inscrito dia : 20/04/2013
Mensagens : 217
Pontos Ativos : 315

Ver perfil do usuário

Resolvido Re: Portal html

Mensagem por Gaaratsu em 24/05/13, 04:29 pm

Saudações senhor!

Eu editei o código da página, para que o senhor possa colocar o que realmente deseja sem copiar imagens e escritas de outros fóruns.

Aceda à sua "Gestão das páginas HTML":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão das páginas HTML Seta Adicionar Criar uma nova página HTML

Título Seta O título que desejar.
Você deseja utilizar o início e o final da página do seu fórum ? Seta Marque não.
Usar esta página como página inicial? Seta Marque sim.

Código HTML:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Suporte Design - O teu fórum de suporte de Design !</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->
 
<!--/                                                                                              ///-->
   
<!--/                                                                                              ///-->
   
<!--/                    Portal Versão 1.0                                              ///-->
 
<!--/                    Editado por Dr.House / Código editável                              ///-->
 
<!--/                                                                                              ///-->
 
<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
      </script>
   
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
 
      <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
      <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
           
              var $selected  = $menu.find('li:first');
           
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
           
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
           
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
           
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script>
      <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('link_da_imagem_de_fundo') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
     
        <div>
                <span class="reference">
                    NOME DO SEU FÓRUM DATA DESEJADA | HOSPEDADO POR <target="_Blank" alt="Forumeiros">FORUMEIROS</a>
                </span>
      </div>
   
      <div id="slidingMenuDesc" class="slidingMenuDesc">
 
                <div><span>Descrição quando o mouse estiver ativo no menu "Fórum"</span></div>
            <div><span>Descrição quando o mouse estiver ativo no menu "Portal"</span></div>
            <div><span>Descrição quando o mouse estiver ativo no menu "Nome01"</span></div>
            <div><span>Descrição quando o mouse estiver ativo no menu "Nome02"</span></div>
            <div><span>Descrição quando o mouse estiver ativo no menu "Nome03"</span></div>
            <div><span>Descrição quando o mouse estiver ativo no menu "Nome04"</span></div>
            <div><span>Descrição quando o mouse estiver ativo no menu "Nome05"</span></div>
          </div>
 
 
<ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal" title="">Portal</a></li>
            <li><a href="/forum" title="">Forum</a></li>
            <li><a href="link01" title="">Nome01</a></li>
            <li><a href="link02" title="">Nome02</a></li>
            <li><a href="link03" title="">Nome03</a></li>
            <li><a href="link04" title="">Nome04</a></li>
 
            <li><a href="link05" title="">Nome05</a></li>
 
      </ul>
 
  </body>
</html><a href="http://www.forumeiros.com/">

Atenciosamente! Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Portal html

Mensagem por MateusA em 25/05/13, 09:24 pm

Olá!

Aceda em:<br />
Painel de Controle Seta Módulos Seta Gestão das Paginas Html & JavaScript Seta Gestão das Paginas HTML Seta Criar Nova Pagina HTML

<br />
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
          <title>Suporte Design - O teu fórum de suporte de Design !</title>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

          <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
    <script type="text/css">
     
<!--////////////////////////////////////////////////////////////////////////////////-->
 
<!--/                                                                                              ///-->
   
<!--/                                                                                              ///-->
   
<!--/                    Portal Versão 1.0                                              ///-->
 
<!--/                    Editado por Henrique                              ///-->
 
<!--/                                                                                              ///-->
 
<!--////////////////////////////////////////////////////////////////////////////////-->
      <script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28009881-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
      </script>
   
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>
 
      <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
      <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
<script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>
      <script type="text/javascript">
        $(function() {
            Cufon.replace('a, span').CSS.ready(function() {
              var $menu      = $("#slidingMenu");
           
              var $selected  = $menu.find('li:first');
           
              var $moving      = $('<li />',{
                  className  : 'move',
                  top        : $selected[0].offsetTop + 'px',
                  width      : $selected[0].offsetWidth + 'px'
              });
           
              $('#slidingMenuDesc > div').each(function(i){
                  var $this = $(this);
                  $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
              });
           
              $menu.bind('mouseleave',function(){
                    moveTo($selected,400);
                    })
                  .append($moving)
                  .find('li')
                  .not('.move')
                  .bind('mouseenter',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide in the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                    //move the absolute div to this item
                    moveTo($this,400);
                    })
                    .bind('mouseleave',function(){
                    var $this = $(this);
                    var offsetLeft = $this.offset().left - 20;
                    //slide out the description
                    $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                    });;
           
              function moveTo($elem,speed){
                  $moving.stop(true).animate({
                    top      : $elem[0].offsetTop + 'px',
                    width  : $elem[0].offsetWidth + 'px'
                  }, speed, 'easeOutExpo');
              }
            }) ;
        });
      </script>
      <style>
          span.reference{
              position:fixed;
              left:10px;
              bottom:10px;
              font-size:14px;
          }
          span.reference a{
  color:#aaa;
  text-decoration:underline;
          }
body {
    background-image: url('http://i83.servimg.com/u/f83/16/43/60/45/123210.jpg') !important;
    background-repeat: no-repeat;
    }
      </style>
  </head>
  <body>
     
        <div>
                <span class="reference">
                    SUPORTE DESIGN 2013 | HOSPEDADO POR <target="_Blank" alt="Forumeiros">FORUMEIROS</a>
                </span>
      </div>
   
      <div id="slidingMenuDesc" class="slidingMenuDesc">
 
                <div><span>Entre neste mundo espantoso da internet e faca amizades e muito mais</span></div>
            <div><span>Antes de participar nesta aventura leia o nosso Regulamento</span></div>
            <div><span>Conheca a nossa Staff que lhe vai ajudar durante esta aventura</span></div>
            <div><span>Tire as suas duvidas e veja os tutoriais</span></div>
            <div><span>Veja os nosso servicos extras que temos</span></div>
            <div><span>Divulgue o seu forum sem problemas, que e gratis !</span></div>
          </div>
 
 
<ul id="slidingMenu" class="slidingMenu">
            <li><a href="/portal">Portal</a></li>
            <li><a href="/forum" title="">Forum</a></li>
            <li><a href="http://suportedesign.forumeiros.com/t2-regulamento-geral-do-forum-dos-designers" title="">Regulamento</a></li>
            <li><a href="http://suportedesign.forumeiros.com/t3-staff-suportedesign" title="">Equipe</a></li>
            <li><a href="http://suportedesign.forumeiros.com/f12-questoes-sobre-forumeiros" title="">Servico de Forumeiros</a></li>
            <li><a href="http://suportedesign.forumeiros.com/c7-servicos-para-usuarios" title="">Servicos Oferecidos</a></li>
 
            <li><a href="http://suportedesign.forumeiros.com/f49-espaco-publicidade" title="">Publicidade</a></li>
 
      </ul>
 
  </body>
</html><a href="http://www.forumeiros.com/">
Valide.


Seta Não esquece de Marcar como Pagina Inicial.
Seta Na opção "Você deseja utilizar o início e o final da página do seu fórum ?
" Marque não.
Seta Para auxilia-lo mais ainda em sua questão queira checar:
<a href="http://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada">[FAQ] Criar Pagina HTML</a>

Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

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