Pagina HTML

3 participantes

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

Tópico resolvido Pagina HTML

Mensagem por Luan Diias 06.07.16 18:41

Detalhes da questão


Endereço do fórum: http://gsf-nwd.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Então, estava vendo nesse fórum aqui: http://lsr-nwd.forumeiros.com/ e min 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.




Imagens a serem usadas:

https://i.imgur.com/lTvR1sH.png
https://i.imgur.com/qz50YLT.png
https://i.imgur.com/E63D9Fn.png
Luan Diias

Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por REVIEW 06.07.16 20:38

Olá,
Amigo tem como você manda as imagens sem nada escrito?

Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por Luan Diias 06.07.16 20:52

Luan Diias

Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por REVIEW 06.07.16 21:16

Olá,
Testa é diga os resultados;
Acenda; Painel de controle Flecha ajudeiros Módulos Flecha ajudeiros HTML & JAVASCRIPT Flecha ajudeiros Gestão das página 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:

<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[0] = "http://i.imgur.com/B8RHrNG.png";
imgs[2] = "http://i.imgur.com/ceFz6A6.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 = "33e65c">G</font>ROVES <font color = "33e65c">S</font>TREET <font color = "33e65c">F</font>AMILIES
      </h1>
         
      <p class="paragraph">
           GSF <font color = "40E0D0">SINCE</font> 2015 
      </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(&quot;http://i.imgur.com/B8RHrNG.png&quot;);"><img src="http://i.imgur.com/ceFz6A6.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>

Poste resultados.
Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por Luan Diias 06.07.16 22:31

Não consegui colocar. Pois segui todos os passos e mesmo assim, só aparece em 'Pré-Visualizar'
Luan Diias

Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por REVIEW 06.07.16 22:47

Boa noite,
HTML do seu fórum está ativado? Se não segue os passos;
Painel de controle Flecha ajudeiros Geral Flecha ajudeiros Mensagens e e-mails Flecha ajudeiros Permitir HTML.
Marque SIM.
Resulta?

Até mais.
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por Luan Diias 06.07.16 23:41

Eu que não estava acertando os códigos, rs. Bom... muito obrigado mano, ajudou muito.


Podem fechar.
Luan Diias

Luan Diias
**

Membro desde : 12/05/2016
Mensagens : 72
Pontos : 111

http://testegsf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pagina HTML

Mensagem por while 07.07.16 2:21

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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

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