Gerir função página HTML

5 participantes

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

Tópico resolvido Gerir função página HTML

Mensagem por Junim_xD 30.06.14 21:24

  • Descrição:
Queria saber se tem como mim falar como fazer página html para o fórum ! uma bem legal com imagem e tudo mais ...  Ou então que mim dessem o código pronto pra edição no bloco de notas tudo explicado pq não entendo nada de html. POR FAVOR xD

  • Informações:
Fórum:brasilrpgcity.tz.toVersão:PHPBB3
Tipo:Pedido de códigoTags:Gerir,função,página

Junim_xD

Junim_xD
**

Membro desde : 28/06/2014
Mensagens : 71
Pontos : 127

http://brasilrpgcity.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função página HTML

Mensagem por Duel 30.06.14 21:31

Boa tarde!

Criar uma página HTML de qualidade, demora um pouco para se aprender. Evitar erros, etc.. Se almejar, podemos lhe fornecer uma página que já tenha visto em outro fórum ou até mesmo criar, se fornecer tudo corretamente!
Veja esse tópico:
https://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada

Atenciosamente, Duel.
avatar

Duel
****

Membro desde : 21/05/2014
Mensagens : 323
Pontos : 446

https://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função página HTML

Mensagem por Dr. 01.07.14 1:44

Aqui está:

Código:
<br /><title>Super Onze RPG - Login</title> <link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/yiamjTy.png" /> <meta charset="utf-8" /> <style type="text/css">
    @font-face {
      font-family: 'Oswald';
      font-style: normal;
      font-weight: 400;
      src: local('Sigmar One'), local('SigmarOne'), url(http://themes.googleusercontent.com/static/fonts/sigmarone/v4/aRAZJs6CY7SV6eSg6Wx4jxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
    }
    body{
        margin: 0;
        font: 14px Lucida sans;
        background: #333 url('IMAGEM DE FUNDO DESEJADA') no-repeat;
        -webkit-background-size: cover;
          -moz-background-size: cover;
            -o-background-size: cover;
                background-size: cover;
        color: #fff;
    }
    a, a:active, a:focus{
        text-decoration: none;
        color: #fafafa;
    }
    #logo{
        font: 30px 'Sigmar One';
        text-align: center;
        padding: 0;
        margin: 5em 0 0;
        text-shadow: rgba(0,0,0,1) 0 0 5px;
    }
    form{
        margin: 0 auto;
        max-width: 50%;
    }
    #wrap{
        width: 100%;
        background: rgba(255,255,255,.3);
        border-radius: 5px;
        text-shadow: rgba(0,0,0,.5) 1px 1px 0;
        box-shadow: rgba(0,0,0,.2) 0 0 3px;
        text-align: center;
        padding: 3em 1em;
    }
    hr{
        margin: 1em;
        border: 0;
        border-top: 1px rgba(0,0,0,.2) solid;
        border-bottom: 1px rgba(255,255,255,.2) solid;
    }
    #register{
        background: url('http://imgur.com/EK2ZA9X.png') repeat-x scroll 0px 0px #8FBE5F;
        box-shadow: 0px 1px 0px 0px #ADD08B inset, 0px 2px 3px rgba(0, 0, 0, 0.2);
        text-shadow: 0px -1px 0px #474747;
        border: 1px solid #51842F;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        padding: .3em 5em;
        display: inline-block;
        margin: 0 2em 1em;
    }
    #copyrights{
        font-size: 13px;
    }
    </style>

<script language="JavaScript">
function protegercodigo() {
if (event.button==2||event.button==3) {
alert(' Função desativada! Não tente novamente.);}
}
document.onmousedown=protegercodigo
</script>

<script language=JavaScript>
<!-- begin
var sHors = "";
var sMins = "";
var sSecs =8;
function getSecs(){
sSecs--;
if(sSecs<0)
    {sSecs=59;sMins--;if(sMins<=9)sMins="0"+sMins;}
if(sMins=="0-1")
    {sMins=5;sHors--;if(sHors<=9)sHors="0"+sHors;}
if(sSecs<=9)sSecs="0"+sSecs;
if(sHors=="0-1")
{sHors="";sMins="";sSecs="00";
clock1.innerHTML=+sSecs;}
    else
    {
  clock1.innerHTML=sHors+"</font>"+sSecs;
    setTimeout('getSecs()',1000);

}
}
//-->
</script>

<script language='javascript'>
setTimeout("location.href='LINK DO SEU FÓRUM'",8000);
</script>
<form action="/login?">
   
   <p id="logo">
   TÍTULO DO FÓRUM
   </p>
   
   <div id="wrap">
      DESCRIÇÃO DESEJADA
          <br />
          <br />
          <center><img src="http://i.imgur.com/gygr8wi.gif" /></center>
          <a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Forumeiros</a>
 
 
  <script language="JavaScript">
    $(function(){
$('input[name="redirect"]').attr('value','/');
});
  </script>
</form>
 
  <!--------------
 
  <a href="/register" id="register">Registre-se</a>
      <hr />
       <label for="username"> Nome: <input type="text" name="username" /> </label> <label for="password"> Senha: <input type="password" name="password" /> </label> <label for="login"> <input value="Login" type="submit" name="login" /> </label>
      <hr />
          <label for="sendpassword"> <a href="/profile?mode=sendpassword">Esqueci minha senha</a> </label> <br /> <label for="autologin">
          <input type="checkbox" class="radio" checked="checked" tabindex="4" id="autologin" name="autologin" /> Conexão automática </label>
   </div>
  <a target="_blank" href="LINK DO SEU FÓRUM">TITULO DE SEU FÓRUM</a> <a target="_blank"> <b>Nota: Se já estiver logado clique em login.</b></a> 
 
  ------------------->

Até mais.
Dr.

Dr.
Hiper Membro

Membro desde : 04/02/2013
Mensagens : 3072
Pontos : 3415

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir função página HTML

Mensagem por Sennior 01.07.14 18:11

Saudações,

Além da página HTML passada por nosso amigo Matheus, tem esta aqui com um efeito bem legal, veja:
Código:
 <title>Super Onze Revenge X!</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><link href="http://cdn4.iconfinder.com/data/icons/SOPHISTIQUE/education_icons/png/48/recreation.png" type="image/x-icon" rel="shortcut icon" /> <link media="screen" type="text/css" href="http://www.ggames.com.br/css/style.css" rel="stylesheet" /> <script type="text/css">
       
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/                                                                            ///-->

<!--/                                                                              ///-->

<!--/                    Portal Versão 1.0                              ///-->

<!--/                    Criado por Sennior.      ///-->

<!--/                                                                            ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
      <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 type="text/javascript" src="http://espions.webs.com/cufon-yui.js"></script> <script type="text/javascript" src="http://espions.webs.com/BabelSans_500.font.js"></script> <script type="text/javascript" src="http://espions.webs.com/jquery.easing.1.3.js"></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://img6.imageshack.us/img6/7446/outrobg.png') !important;
    background-repeat: no-repeat;
    }
      </style>
<div>
    <span class="reference"> Pump Design Copyright 2012 | Desenvolvido por <a alt="Web Designer Sennior" target="_Blank" href="http://ajuda.forumeiros.com/u38996">Sennior</a> | Hospedado por <a alt="Forumeiros" target="_Blank" href="http://www.forumeiros.com">Forumeiros.</a> </span>
</div>
 
<div class="slidingMenuDesc" id="slidingMenuDesc">
   
   <div>
      <span>Uma nova era chegou!</span>
   </div>
   
   <div>
      <span>Fique por dentro de todas as atualizacoes</span>
   </div>
   
   <div>
      <span>Saiba como comecar bem no forum!</span>
   </div>
   
   <div>
      <span>Faca sua ficha para comecar a jogar!</span>
   </div>
   
   <div>
      <span>Se inscreva nas melhores escolas!</span>
   </div>
   
</div>
 
<ul class="slidingMenu" id="slidingMenu">
   
   <li>
      <a href="http://superonzerpg.forumbrasil.net/portal">Portal</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/forum">Forum</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f7-announcements">Atualizacoes</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f1-regulamentos-afins">Regras e Tutorias</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f3-fichas-de-personagem">Fichas</a>
   </li>
   
   <li>
      <a title="" href="http://superonzerpg.forumbrasil.net/f25-times-e-colegios">Times de Futebol</a>
   </li>
   
</ul>
 


Crie uma nova Página HTML.
Em Usar como página inicial, marque sim.
Em Usar no inicio e final de seu fórum, marque não.

Abraços.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Gerir função página HTML

Mensagem por Cream 07.07.14 2:56

Olá,

Não entendi bem o que desejas, mas verifique se esta FAQ resolve:
https://ajuda.forumeiros.com/t7967-faq-criar-uma-pagina-inicial-html-personalizada

Até mais.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

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