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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Edição de Skin
Hoje à(s) 3:06 por Skyter F. Karlaio

» nao consigo editar templates
Hoje à(s) 2:23 por Harleen

» Existe limite de membros para o envio de mensagens para grupos?
Hoje à(s) 1:20 por Lhs17

» Widgets escondidos
Ontem à(s) 22:07 por kkmlpk

» Deixar efeitos nos Tópicos assim:
Ontem à(s) 21:52 por JrMAFiA

» [Logo] Laranja - Médio - Texto marrom
Ontem à(s) 18:44 por P.H

» [Assinatura] Pedido
Ontem à(s) 18:39 por P.H

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Skyter F. Karlaio
 
Lhs17
 
JrMAFiA
 

Quem está conectado
60 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 59 Visitantes :: 1 Motor de busca

Skyter F. Karlaio

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Pagina HTML

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

Resolvido Pagina HTML

Mensagem por Luan Diias em Qua 6 Jul 2016 - 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:

http://i.imgur.com/lTvR1sH.png
http://i.imgur.com/qz50YLT.png
http://i.imgur.com/E63D9Fn.png

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 318

http://testegsf.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por REVIEW em Qua 6 Jul 2016 - 20:38

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

Até mais.

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2965

http://ceudasart.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por Luan Diias em Qua 6 Jul 2016 - 20:52

http://imgur.com/B8RHrNG

http://imgur.com/ceFz6A6

http://imgur.com/xNs14OQ

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 318

http://testegsf.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por REVIEW em Qua 6 Jul 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2965

http://ceudasart.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por Luan Diias em Qua 6 Jul 2016 - 22:31

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

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 318

http://testegsf.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por REVIEW em Qua 6 Jul 2016 - 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
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1173
Pontos Ativos : 2965

http://ceudasart.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por Luan Diias em Qua 6 Jul 2016 - 23:41

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


Podem fechar.

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 318

http://testegsf.forumeiros.com/

Resolvido Re: Pagina HTML

Mensagem por while em Qui 7 Jul 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4142

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5