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.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
soldado
 

Quem está conectado
194 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 191 Visitantes :: 1 Motor de busca

7kgmlcdkv, soldado, uvmyyvpew

[ Ver toda a lista ]


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

Quadro de Notícias

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

Resolvido Quadro de Notícias

Mensagem por ShaDownS em 04/10/15, 11:55 pm

Detalhes da questão


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

Descrição


Oi pessoal, 

Eu gostaria de saber, um código para eu colocar desse quadro no FdF:
http://i.imgur.com/2pncrsp.png
(O quadro onde tem novidades, buscar, etc, todo ele)

Nas abas do quadro, gostaria que deixassem apenas "texto" para eu substituir pelo que eu quero. 
Abraços o/
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Quadro de Notícias

Mensagem por Fraise em 05/10/15, 08:07 am

Olá! Muito feliz

Eu penso que as imagens que estão aí sejam da propriedade Forumeiros. Ou seja, poderá usar, mas terá de substituir as imagens para evitar futuros problemas.
Aceda a Painel de Controle > Visualização > Página Inicial > Geral e na mensagem da página inicial coloque o seguinte código:
Código:
<style type="text/css">.homepageTitle { color:#39C; font-size:21px; font-style:italic; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; background:url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png) no-repeat 0 0; height:40px; padding:5px 0px 0px 25px; }
#homepageLogo { float:right; margin-left:20px; }
#hideHomepageMessage { float:right; cursor:pointer; }

/* INFO BOX */
#faInfo { color:#666; background:#FFF; border:1px solid #39C; border-bottom-width:3px; border-radius:0 3px 3px 3px; padding:6px; }
#faInfoNav { background:#FFF; border:1px solid #39C; border-bottom:none; border-radius:3px 3px 0 0; overflow:hidden; display:inline-block; }
#faInfoNav a { color:#333; background:#FFF; border-right:1px solid #39C; font-size:11px; font-weight:bold; display:inline-block; padding:6px 9px; }
#faInfoNav a:hover, #faInfoNav .infoActif { color:#FFF; background:#39C; }
#faInfoAnn { background-image:url('http://i18.servimg.com/u/f18/18/21/60/73/fdf_bu10.png') }
#faInfoSearch { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_se10.png') }
#faInfoExplain { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_ex10.png') }
#faInfoSuggestion { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_su10.png') }
#faInfoStaff { background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/fdf_st10.png') }
.infoBlock { text-align:justify; background-repeat:no-repeat; background-position:0 50%; padding-left:75px; min-height:100px; }

/* INFO NEWS */
.faNewsRow { background:#F0F6F8; border-radius:3px; margin:3px 0; padding:5px 10px; }
.faNewsRow a { font-weight:bold }
.faNewsDate { font-size:11px; font-style:italic; background:url(http://illiweb.com/fa/subsilver/icon_miniposted.gif) no-repeat 0 center; padding-left:12px; float:right; }

/* PROFILE STYLE */
#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; }
#userProfile .leftCol { float:left; text-align:center; width:20%; }
#userProfile .rightCol { float:left; width:25%; }
#userName { background:#FFF; border:1px solid #DDD; color:#39C; font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Sans-serif; border-radius:3px 3px 0 0; position:absolute; left:3px; top:-20px; padding:0 12px; line-height:18px; }
#userName span { font-weight:normal }
#userAvatar img { max-width:100px }
#userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
#userProfile .title { color:#39C; font-weight:bold; border-bottom:1px solid #39C; padding-bottom:3px; margin-bottom:3px; width:90%; }
#userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }

/* SEARCH BAR */
#fa_google_search form.gsc-search-box { width:80% }
.gsc-input-box { height:auto }
.gsc-search-box-tools .gsc-search-box .gsc-input, .gsib_a, .cse .gsc-control-cse, .gsc-control-cse { padding:0 }
.gsc-control-cse, .gsc-input-box, input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { background:none; border:none; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { height:12px; background-color:#369FCF; border-radius:0 3px 3px 0; margin:0; margin-left:21px; padding:10px; box-shadow:none; }
#gsc-i-id1 { height:18px !important; padding:6px 12px !important; border:1px solid #369FCF !important; box-shadow:none !important; cursor:text; }
#gsc-i-id1, .gsc-input-box-focus { border-radius:3px 0 0 3px }
.gsib_b { position:relative }
.gsst_a { position:absolute; top:6px; }</style>
<div style="display:none;" class="homepageTitle" id="hiddenTitle" itemprop="name">
    Bem vindo {USERNAME} ao fórum de suporte Forum<span style="color:#333">eiros</span>  
</div>
  <a href="http://www.forumeiros.com/" itemprop="url"><img alt="" src="http://i18.servimg.com/u/f18/18/45/41/65/fdf-f11.png" id="homepageLogo" itemprop="logo" /></a>  
<div class="homepageTitle">
    Bem vindo {USERNAME} ao fórum de suporte oficial de Forum<span style="color:#333">eiros</span>  
</div>
  
<div itemprop="description" style="text-align:justify">
    Bem vindo ao suporte <span style="color:#39C">Forum</span><span style="color:#333">eiros</span>, {USERNAME}. Este fórum é baseado em apoio de voluntários, por isso é necessário para fazer uma <strong><a rel="nofollow" href="/search" onclick="showhide(document.getElementById('search_menu')); return false;">busca</a></strong> antes de abrir um novo tópico para uma pergunta ou problema. Se não foram encontrados resultados, você pode, em seguida, abrir um novo tópico explicando claramente o problema.  
</div>
   <br class="clear" />  
<div id="faInfoNav">
    <a href="#" class="infoActif" id="_faInfoAnn">Novidades e atualizações</a><a href="#" id="_faInfoSearch">Busca personalizada</a><a href="#" id="_faInfoExplain">Explique sua dúvida</a><a href="#" id="_faInfoSuggestion">Proponha sua sugestão</a><a href="#" id="_faInfoStaff" style="border:none">Equipe Forumeiros</a>  
</div>
  
<div id="faInfo">
          
 <div class="infoBlock" id="faInfoAnn">
        Quando Forumeiros envia novidades aos seus fóruns, você poderá consultá-los logo abaixo.        
 <div id="faNewsBox">
              
 <div class="faNewsRow">
    <a href="/f1-" itemprop="url">Anúncios e Atualizações</a>    
 </div>
              
 <div class="faNewsRow">
    <a href="/f4-" itemprop="url">Anúncios do fórum de suporte</a>    
 </div>
              
 <div class="faNewsRow">
    <a href="/t23-" itemprop="url">Dúvidas mais frequentes</a>    
 </div>
            
 </div>
            
 <div style="display:none" id="faNewsRSS">
      
 </div>
          
 </div>
          
 <div style="display:none;" class="infoBlock" id="faInfoSearch">
        Tópicos que não recebem uma resposta por vários dias são automaticamente enviados para a Lixeira. Ao pesquisar é possível encontrar tópicos que se relacionam com o seu problema, e que já estão resolvidos! Faça uma busca personalizada usando a função logo abaixo:        
 <div style="display:none;height:30px;padding:6px 0;" id="fa_google_search">
    <gcse:search> </gcse:search>    
 </div>
            
 <form action="/search" method="get" class="faForumSearch" style="padding:6px 0;" id="searchNoJS">
          <input type="text" value="" name="search_keywords" style="width:75%;" class="inputbox search" />      <input type="submit" value="Search" class="button2" />        
 </form>
        Por favor, lembre-se de buscar em nossa lista de <a href="/t23-" style="font-weight:bold;">perguntas frequentes</a> antes de criar uma dúvida caso não tenha encontrado o que deseja.      
 </div>
            
 <div style="display:none;" class="infoBlock" id="faInfoExplain">
        Se você explicar o problema que está enfrentando apresentando todos os detalhes, o suporte será mais rápido! Para ajudá-lo nisso, nós aconselhamos que mantenha as informações <strong><a href="/profile?mode=editprofile">técnicas do seu perfil</a> atualizadas</strong>. É através delas, que vamos entender melhor sua questão.    <br /><br />    <strong>Aconselhamos ler : </strong><a href="/t82-regras" itemprop="url">Regulamento geral</a> • <a href="/t93381-" itemprop="url">Troca de senha da fundação</a> • <a href="/t817-" itemprop="url">Saiba o que fazer ao chegar no fórum</a> • <a href="/t21693-" itemprop="url">Sua segurança em Forumeiros</a>      
 </div>
            
 <div style="display:none;" class="infoBlock" id="faInfoSuggestion">
        Se você tem novas ideias, não hesite em nos sugerir! Forumeiros é uma empresa aberta para receber seus feedbacks, pois, é dessa forma que construímos uma grande família facilitando o seu conforto, e de seus membros.     <br /><br />    Compartilhe a sua sugestão conosco, criando um novo tópico em <a href="/c6-" style="font-weight:bold;" itemprop="url">Sugestões e Melhoras</a>!      
 </div>
            
 <div style="display:none;" class="infoBlock" id="faInfoStaff">
        A equipe deste fórum não lhe fornece qualquer apoio por MP. Para que suas dúvidas sejam sanadas, por favor, crie um novo tópico no setor de suporte. Se o seu problema requer que você entre em contato com um membro do administrativo, você pode ver a composição da equipe neste tópico: <a href="/t7556-" itemprop="url">A equipe de suporte Forumeiros</a>    <br /><br />    Por favor <strong>não contactar vários membros da equipe de uma só vez</strong> para um mesmo assunto.      
 </div>
      
</div><script type="text/javascript">// <![CDATA[
(function(J, U, L) {
  var main = document.getElementById('main-content'), // main container
  
      // news nodes and data
      news = document.getElementById('faNewsBox'),
      newsTopics = news.getElementsByTagName('DIV'),
      storage = window.localStorage,
      rss = document.getElementById('faNewsRSS'),
      
      homepage = J('.introduction', main)[0], // homepage message
      
      // google search
      cx = '018097555942133585918:_gwf276jof8',
      gcse = document.createElement('script'),
      s = document.getElementsByTagName('script')[0],
      
      // info box
      infoLinks = document.getElementById('faInfoNav').getElementsByTagName('A'),
      
      // hide button
      hide = document.getElementById('hideHomepageMessage'),
      
      // profile variables
      profil,
      login;
      
  document.getElementById('fa_google_search').style.display = 'block'; // show google search for JS user
  document.getElementById('searchNoJS').style.display = 'none'; // hide normal search for JS users
      
  // hide homepage
  if (my_getcookie('faHomepage') == 'hidden') {
    hide.src = 'http://illiweb.com/fa/m/tabs_more1.gif';
    document.getElementById('homepageMessage').style.display = 'none';
    document.getElementById('hiddenTitle').style.display = 'block';
  }
      
  // get news topics
  if (storage && storage.faNewsTopics && storage.faNewsTopicsExp > +new Date - 1*60*60*1000) news.innerHTML = storage.faNewsTopics;
  else {
    J(rss).load('/feed/?f=1 item', function() {
      for (var i = 0, item = rss.childNodes, j = newsTopics.length, t; i < j; i++) {
        t = J('title', item[i])[0].innerHTML;
        newsTopics[i].innerHTML = '<a itemprop="url" href="' + J('guid', item[i])[0].innerHTML + '" title="' + t + '">' + ( t.length > 69 ? t.slice(0, 69) + '...' : t ) + '</a> <span class="faNewsDate">' + J('pubDate', item[i])[0].innerHTML.replace(/.*?, (\d+ \w+).*/, function (M, S1) { return S1.charAt(0) == '0' ? S1.slice(1) : S1 }) + '</span>';
      }
      if (storage) {
        storage.faNewsTopics = news.innerHTML;
        storage.faNewsTopicsExp = +new Date;
      }
    });
  }
  
  // create google search bar
  gcse.type = 'text/javascript';
  gcse.async = true;
  gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
  s.parentNode.insertBefore(gcse, s);
  
  // apply general logic to info box tabs
  for (var i = 0, j = infoLinks.length; i < j; i++) {
    infoLinks[i].onclick = function() {
      var a = document.getElementById('faInfoNav').getElementsByTagName('A'), b = document.getElementById('faInfo').getElementsByTagName('DIV'), i, j;
      
      for (i = 0, j = b.length; i < j; i++) if (/infoBlock/.test(b[i].className)) b[i].style.display = 'none';
      document.getElementById(this.id.slice(1)).style.display = 'block';
      
      for (i = 0, j = a.length; i < j; i++) if (/infoActif/.test(a[i].className)) a[i].className = '';
      this.className = 'infoActif';
      
      return false;
    }
  }
  
  // hide the homepage message
  hide.onclick = function() {
    var message = document.getElementById('homepageMessage'),
        title = document.getElementById('hiddenTitle');
  
    if (this.src == 'http://illiweb.com/fa/m/tabs_less1.gif') {
      this.src = 'http://illiweb.com/fa/m/tabs_more1.gif';
      message.style.display = 'none';
      title.style.display = 'block';
      my_setcookie('faHomepage', 'hidden');
    } else {
      this.src = 'http://illiweb.com/fa/m/tabs_less1.gif';
      message.style.display = 'block';
      title.style.display = 'none';
      my_setcookie('faHomepage', 'shown');
    }
  };
})(jQuery, _userdata, _lang);
//]]></script>

Se estiver com dificuldade em substituir as imagens, não hesite em perguntar. Piscada

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Quadro de Notícias

Mensagem por ShaDownS em 05/10/15, 10:16 am

Poderia me dizer onde está cada imagem? 

Eu tinha colocado e personalizado a aparência, mas as abas não mudavam. Isso é, eu colocava na próxima aba mas o conteúdo não mudava.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Quadro de Notícias

Mensagem por Fraise em 05/10/15, 06:32 pm

Olá novamente!

As imagens estão no próprio código. Localize:
Seta http://i18.servimg.com/u/f18/18/21/41/30/fdf_ex10.png

Logo nessa zona irá encontrar várias imagens. Muito feliz

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Quadro de Notícias

Mensagem por ShaDownS em 05/10/15, 09:11 pm

Entendi. Mas eu queria apenas o quadro.
Tem como separar pra mim personalizar corretamente?
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Quadro de Notícias

Mensagem por ShaDownS em 07/10/15, 12:17 am

UP
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Quadro de Notícias

Mensagem por ShaDownS em 07/10/15, 04:37 pm

Poderiam fechar o tópico?
Obrigado!
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Quadro de Notícias

Mensagem por Fraise em 07/10/15, 04:38 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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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