Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
Shek
 
JulioPais
 
APOllO
 
Forumpw
 

Quem está conectado
246 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 236 Visitantes :: 2 Motores de busca

acidfrehley, Akinfeev2700, Harleen, Kyo Panda, Luiz, MarcosSchultz, Marmitt, Rayssa_88, Sapinho, Sennior

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Pagina html

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

Resolvido Pagina html

Mensagem por Schwarzenegger em 06/07/16, 08:24 pm

Detalhes da questão


Endereço do fórum: x-series.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Então, estava vendo nesse fórum aqui: http://lsr-nwd.forumeiros.com/ e me interessei bastante nessa pagina inicial.

Com isso resolvi querer pro meu fórum também. Então, gostaria saber como que eu faço para fazer isso. E observem que fica mudando a imagem, gostaria disso também, e os botões também. Pelo nome dos botões à de se imaginar a função deles, gostaria ta mesma função.

Com o Texto: X-Séries e aonde ta ''since...'' Tudo Sobre Série.

as imagens das séries - TwD - Supernatural - Flash - Arrow - GoT - Breaking Bad.
avatar

Schwarzenegger
Nível 9

Masculino
Inscrito dia : 11/06/2015
Mensagens : 179
Pontos Ativos : 267

http://calle18-nwd.forumeiros.com/

Resolvido Re: Pagina html

Mensagem por REVIEW em 06/07/16, 09:44 pm

Boa noite,
Acenda; Painel de controle Flecha ajudeiros Módulos Flecha ajudeiros HTML & JAVASCRIPT Flecha ajudeiros Gestão das páginas HTML.
Título: Oque você 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:
Código:
<html><head><title>Bem-vindo</title><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"><link rel="shortcut icon" type="image/x-icon" href="http://i.imgur.com/zFsxjN0.png"><link rel="stylesheet" href="http://flames.br22.com/proxima-nova.css"><meta name="title" content="Upgrade | Bem-vindo!"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><style>/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* GERAL */* {margin: 0;padding: 0;list-style-type: none;text-decoration: none;}body {background: #202020;color: white;}a {color: white;}.content {width: 75%;margin: 0 auto;}.none {display: none;}
/* SLIDE */#slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}#slide > #slide-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;-webkit-filter: brightness(1.2) blur(3px);z-index: 9;}#slide > #slide-main {position: absolute;top: 38%;bottom: 41%;z-index: 99;text-align: center;left: 17.5%;right: 17.5%;width: 65%;}#slide > #slide-main h1.logotype {color: white;font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;font-size: 82px;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);line-height: 90px;}#slide > #slide-main p.paragraph {font-family: 'Lato';font-weight: 300;font-size: 20px;padding: 5px 0;font-style: italic;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);}#slide > #slide-main .slide-button {background: rgba(0, 0, 0, 0.42);padding: 8px 20px 9px 20px;border: 1px solid white;display: inline-block;border-radius: 3px;font-family: 'Lato', 'Helvetica Neue';margin-top: 12px;margin-right: 10px;}#slide > #slide-main .slide-button.contact {margin-right: 0;margin-left: 10px;border-color: darkcyan;color: darkcyan;}
/* CONTATO */#contact {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 999;display: none;}#contact > .container {text-align: center;}#contact > .container h1.logotype {color: white;font-family: "proxima-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 900;font-size: 62px;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);line-height: 80px;}#contact > .container .paragraph {font-family: 'Lato';font-weight: 300;font-size: 20px;font-style: italic;text-shadow: 0 1px 2px rgba(2, 24, 116, 0.3);opacity: 0;padding: 15px 0;}#contact > .container form {text-align: center;margin: 50px 0;}#contact > .container form input {background: rgba(255, 255, 255, 0.15);padding: 14px 25px;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.35);display: inline-block;font-family: 'Lato', 'Helvetica Neue';font-size: 18px;font-style: italic;font-weight: 300;margin-bottom: 20px;color: white;width: 50%;}#contact > .container form textarea {background: rgba(255, 255, 255, 0.15);padding: 14px 25px;border: 0;border-bottom: 1px solid rgba(255, 255, 255, 0.35);display: inline-block;font-family: 'Lato', 'Helvetica Neue';font-size: 18px;font-style: italic;font-weight: 300;margin-bottom: 20px;color: white;width: 50%;height: 150px;}#contact > .container form input.button2 {width: 10%;cursor: pointer;}#contact > .container form .captcha img {padding: 12px 20px;border: 1px solid #222;background: rgba(255, 255, 255, 0.15);margin-bottom: 0px;}#contact > #contact-close {position: fixed;top: 25px;right: 25px;display: block;}#contact > #contact-close a {display: block;width: 25px;height: 24px;background-image: url(https://cdn1.iconfinder.com/data/icons/jigsoar-icons/64/_close.png);background-color: #252525;background-repeat: no-repeat;background-size: 22px;background-position: center;border: 0;border-radius: 500px;padding: 10px;cursor: pointer;-webkit-filter: grayScale();}</style><script>function contact() {$('#contact').fadeToggle();}
function submit_form() {var result=$('iframe[name="rcontact"]').contents().find('#main-content .main .main-content p.center').text();$('#contact > .container .paragraph').html(result);$('#contact > .container .paragraph').animate({opacity: '1'}, 2500);if(result="O código de confirmação não corresponde ao da imagem. Tente mais tarde.") {$('#contact > .container form .captcha img').attr('src','/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62');}if(result="A tua mensagem nos foi transmitida. Ela será lida nos melhores prazos.") {setTimeout('contact()', 5000);}}</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
  </head><body><div id="slide">
     <script>
var id = 0;
var imgs = new Array();
imgs[1] = "http://i.imgur.com/t6EnNs7.jpg";
imgs[2] = "http://i.imgur.com/NMOdvNi.jpg";
imgs[3] = "http://i.imgur.com/eGM6tkV.jpg"
imgs[4] = "http://i.imgur.com/Rz8elRo.jpg"
imgs[5] = "http://i.imgur.com/8m0DJST.jpg"
imgs[6] = "http://i.imgur.com/XN4sQ3z.jpg"
     
//Aqui apenas adicione mais imagens
function troca(){
  if (id<imgs.length-1){
  id++; 
  }else{
      id=0
  }
  $("#slide-bg").fadeOut(500);
  setTimeout("$('#slide-bg').html('<img src=""+imgs[id]+"" width="100%" height="100%" />');$('#slide-bg').fadeIn(500);",500);
}
var segundos = 5; //Segundos entre cada imagem
setInterval("troca();",segundos*1000);
</script> 
   <div id="slide-main" class="content container">
         
      <h1 class="logotype">
           <font color = "40E0D0">X-</font>SÉRIES
      </h1>
         
      <p class="paragraph">
             <font color = "40E0D0">Tudo Sobre Série.</font> 
      </p>
        <a href="/forum" class="slide-button">Ir ao Fórum</a> <a href="/register" class="slide-button">Criar uma nova conta</a>
<br>
<br>
<!----SLIDE DESATIVADO TIRAR HIDDEN->
<div hidden class="w3-content" style="max-width:800px;position:relative">

<img class="mySlides" src="http://www.jskautomotivesolutions.com/sitebuilder/images/apptbox-661x201.jpg" style="width:100%">
<a class="w3-btn-floating" style="position:absolute;top:45%;left:0" onclick="plusDivs(-1)">❮</a>
<a class="w3-btn-floating" style="position:absolute;top:45%;right:0" onclick="plusDivs(1)">❯</a>
</div>
<!-------FIM---->
   </div>   
      
   <div id="slide-bg" style="opacity: 0.6; display: block; background-image: url("http://i.imgur.com/t6EnNs7.jpg");"><img src="http://i.imgur.com/XN4sQ3z.jpg" width="100%" height="100%"></div>
      
   <div id="footer">
         
   </div>
      
</div>

<!------SLIDE----->
<script>
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlides");
  if (n > x.length) {slideIndex = 1}   
  if (n < 1) {slideIndex = x.length} ;
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none"; 
  }
  x[slideIndex-1].style.display = "block"; 
}
</script>
<!------fim----->
  <div id="contact">
      
   <div id="contact-main" class="content container">
         
      <h1 class="logotype">
           fale conosco 
      </h1>
         
      <div class="center paragraph">
           O código de confirmação não corresponde ao da imagem. Tente mais tarde. 
      </div>
         
      <form action="/contact?action=submit" target="rcontact" class="report" method="post">
           <input name="subject" id="subject" maxlength="49" class="report-abuse-textarea" placeholder="Assunto" type="text"> <br> <br> <textarea cols="25" rows="10" name="message" id="message" class="report-abuse-textarea" placeholder="Mensagem"></textarea> <br> <br> 
         <div class="captcha">
               
            <div class="captcha-img">
                 <label for="reg_key" dir="ltr"> <img src="/antirobot_pic.forum?a=262cf829fcf970a531ff7b6bccc7ba62" alt=""> </label> <input name="username" value="" type="hidden"> <input name="time" value="" type="hidden"> 
            </div>
              <input class="inputbox tiny" name="reg_key" id="reg_key" maxlength="5" placeholder="Captcha" dir="ltr" style="margin-bottom: 5px;" type="text"> 
         </div>
           <br> <br> <input class="button2" name="submit" value="Enviar" onclick="contact();submit_form();" type="submit"> <input name="time" value="" type="hidden"> 
      </form>
        <iframe src="" name="rcontact" style="width: 0;height: 0;border: 0;opacity: 0;display: none;visibility: hidden;"></iframe> 
   </div>
      
   <div id="contact-close">
        <a href="#" onclick="contact();"></a> 
   </div>
      
</div>
  <div id="linkforum">
     <a href="#" target="_blank"></a>
</div><a href="http://www.forumeiros.com" target="_blank"> </a></body></html>

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2286

http://ceudasart.forumeiros.com/

Resolvido Re: Pagina html

Mensagem por Schwarzenegger em 07/07/16, 05:11 am

tudo certo pode fechar
avatar

Schwarzenegger
Nível 9

Masculino
Inscrito dia : 11/06/2015
Mensagens : 179
Pontos Ativos : 267

http://calle18-nwd.forumeiros.com/

Resolvido Re: Pagina html

Mensagem por while em 07/07/16, 12:09 pm

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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