Novidades igual ao do FdF

3 participantes

Ir para baixo

Tópico resolvido Novidades igual ao do FdF

Mensagem por iScroll 10.03.17 18:17

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.forumeiros.com/forum
Versão do fórum: phpBB2

Descrição


Olá usuários, gostaria de pegar o seguinte sistema da FdF:

https://imgur.com/a/xCtVQ

Se não puder pegar um igual não há problema, se tiver como fazer um parecido e a "cara" do meu fórum eu já ficaria muito agradecido.
Sei que precisará dos Id's dos fórums "/f" mas se puder fazer e eu editar depois eu já agradeceria muito. No caso de dúvidas irei responder aqui com prazer.


Última edição por iScroll em 13.03.17 14:38, editado 2 vez(es)
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Novidades igual ao do FdF

Mensagem por Luiz 10.03.17 19:26

Código HTML, para colocar na mensagem da página inicial:
Código:
<section class="fa-container">
 
  <div class="fa-regstaff">
    <h1 class="fa-title">Regulamento & Staff</h1>
    <ul>
      <li>
        <a href="">Link 1 -- Link 1</a>
      </li>
      <li>
        <a href="">Link 2 -- Link 2</a>
      </li>
      <li>
        <a href="">Link 3 -- Link 3</a>
      </li>
      <li>
        <a href="">Link 4 -- Link 4</a>
      </li>
      <li>
        <a href="">Link 5 -- Link 5</a>
      </li>
    </ul>
  </div>
 
  <div class="fa-anuncios">
    <h1 class="fa-title">Anúncios</h1>
    <ul>
      <li>
        <a href="">Link 1 -- Link 1</a>
      </li>
      <li>
        <a href="">Link 2 -- Link 2</a>
      </li>
      <li>
        <a href="">Link 3 -- Link 3</a>
      </li>
    </ul>
  </div>
 
</section>


Código CSS:
Código:
section.fa-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.fa-container .fa-regstaff {
  width: 30%;
  background-color: #39c;
  border-bottom: solid 3px #212121;
  margin-right: 15px;
  height: auto;
}
section.fa-container .fa-anuncios {
  width: 60%;
  background-color: #39c;
  border-bottom: solid 3px #212121;
  margin-left: 15px;
  height: auto;
}

h1.fa-title {
  color: #fff;
  margin-left: 12px;
}

ul {
  list-style: none;
  background-color: #fff;
  margin: 10px;
  margin-bottom: 20px;
  padding: 10px;
}
ul li {
  margin-top: 5px;
  margin-bottom: 5px;
}
ul li a {
  text-decoration: none;
}
/** Made with Sass | http://sass-lang.com/ **/

Inté. o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Novidades igual ao do FdF

Mensagem por iScroll 11.03.17 11:43

Agradeço o código vi q resultou mas bugou o menu deixando-o branco, estou em viagem amanhã estarei retornando e deixo uma print expecificando
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Novidades igual ao do FdF

Mensagem por Kyo Panda 13.03.17 19:23

Novidades igual ao do FdF Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos