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

Últimos assuntos
» Preciso de uma logo
Hoje à(s) 04:45 pm por Tiger

» Personalizar Likes
Hoje à(s) 04:27 pm por Luiz

» Widget Ultimos assuntos
Hoje à(s) 04:26 pm por Luiz

» Criação de avatar para meu fórum
Hoje à(s) 04:21 pm por Tiger

» Slide em todas as páginas
Hoje à(s) 04:04 pm por Kyo Panda

» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 03:03 pm por Kyo Panda

» Adicionar crumbs
Hoje à(s) 02:48 pm por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
239 usuários online :: 12 usuários cadastrados, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

Carlos Rodrigues, Fraise, Herbert Silva, iScroll, IsmaelS., Kyo Panda, Luiz, SetRaiden, Tiger, virus, weverson lopes, William_iHarDz

[ Ver toda a lista ]


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

Criação de portal com link

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

Resolvido Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 02:32 am

Detalhes da questão


Endereço do fórum: http://wbcforum.com
Versão do fórum: phpBB2

Descrição


Quando a gente entra na página de vocês tem três coisas que podem ser clicadas que são:. Suporte, Novidades e Serviços. Como eu crio um link assim? Eu quero colocar na primeira página, quando a pessoa acessa o fórum para ela escolher, por exemplo, a pessoa escolhe frutas, e quando a pessoa clicar a pessoa vai direto no tópico onde ela deve postar. Eu tenho recebido muita reclamação de gente que ora não faz a inscrição porque não sabe como usar o fórum, ora quem está inscrito nunca posta, porque não sabe onde postar, por favor, me ajudem a montar essa página inicial como a de vocês dando essa direção ao público alvo Piscada Rosa Ajuda/Confuso
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 10:15 am

Olá,

Seguindo as orientações deste tópico (clique), crie um código na mensagem da página inicial com o código:
Código:
<div class="cards">
   <!-- -->
   <!-- Botões abaixo:
   <!-- Configure os links entre as aspas do atributo "href".
   <!-- -->
   <a class="btn1" href="TOPICO_DE_FRUTAS">Frutas</a>
   <a class="btn2" href="TOPICO_DE_OUTRA_COISA">Outros</a>
   <a class="btn3" href="TOPICO_PARA_OUTROS_FINS">Qqr coisa</a>
   
   <!-- Estilos -->
   <style type="text/css">
      body {
         font-size: 17px;
         font-family: "Open Sans", sans-serif;
      }

      div.cards {
         width: 90%;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-pack: distribute;
               justify-content: space-around;
         margin: auto;
         padding: 15px 0px;
      }
      div.cards, div.cards * {
         box-sizing: border-box;
      }
      div.cards a {
         width: 30%;
         background-color: #39c;
         padding: 20px 30px;
         padding-bottom: 23px;
         display: inline-block;
         color: #fff;
         font-size: 22px;
         box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
         text-decoration: none;
      }
      div.cards a.btn1 {
         background-color: green;
      }
      div.cards a.btn2 {
         background-color: red;
      }
      div.cards a.btn3 {
         background-color: orange;
      }
   </style>
</div>

A senhora pode conferir o resultado aqui:
-> https://codepen.io/0Luiz/pen/BRWgoK?editors=1000

o/

---

Tópico movido de 'Outras questões' para 'Questões sobre códigos'.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 02:19 pm

Tem como colocar tudo cinza e branco como no forum amado?
<div class="cards">
<!-- -->
<!-- Botões abaixo:
<!-- Configure os links entre as aspas do atributo "href".
<!-- -->
<a class="btn1" href="Forum Information">Forum Information</a>
<a class="btn2" href="Agriculture">Agriculture</a>
<a class="btn3" href="Food & Beverage">Food & Beverage</a>
<a class="btn4" href="Apparel, Textiles & Accessories">Apparel, Textiles & Accessories</a>
<a class="btn5" href="Gold and Precious Stones">Gold and Precious Stones</a>
<a class="btn6" href="Auto & Transportation">Auto & Transportation</a>
<a class="btn7" href="Beauty & Personal Care">Beauty & Personal Care</a>
<a class="btn8" href="Construction & Real Estate">Construction & Real Estate</a>
<a class="btn8" href="Metallurgy & Chemicals">Metallurgy & Chemicals</a>
<a class="btn9" href="Packaging, Advertising & Office">Packaging, Advertising & Office</a>
<a class="btn10" href="Investment Worldwide">Investment Worldwide</a>
<a class="btn11" href="Black List/Good List">Black List/Good List</a>
<a class="btn12" href="Non Business Things">Non Business Things</a>

<!-- Estilos -->
<style type="text/css">
body {
font-size: 17px;
font-family: "Open Sans", sans-serif;
}

div.cards {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: auto;
padding: 15px 0px;
}
div.cards, div.cards * {
box-sizing: border-box;
}
div.cards a {
width: 30%;
background-color: #39c;
padding: 20px 30px;
padding-bottom: 23px;
display: inline-block;
color: #fff;
font-size: 22px;
box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
text-decoration: none;
}
div.cards a.btn1 {
background-color: green;
}
div.cards a.btn2 {
background-color: red;
}
div.cards a.btn3 {
background-color: orange;
}
div.cards a.btn4 {
background-color: blue;
}
div.cards a.btn5 {
background-color: grey;
}
div.cards a.btn6 {
background-color: purple;
}
div.cards a.btn7 {
background-color: lime;
}
div.cards a.btn8 {
background-color: golden;
}
div.cards a.btn9 {
background-color: gold;
}
</style>
</div>
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 02:25 pm

Tem sim, troque por:
Código:
<div class="cards">
<!-- -->
<!-- Botões abaixo:
<!-- Configure os links entre as aspas do atributo "href".
<!-- -->
<a class="btn1" href="Forum Information">Forum Information</a>
<a class="btn2" href="Agriculture">Agriculture</a>
<a class="btn3" href="Food & Beverage">Food & Beverage</a>
<a class="btn4" href="Apparel, Textiles & Accessories">Apparel, Textiles & Accessories</a>
<a class="btn5" href="Gold and Precious Stones">Gold and Precious Stones</a>
<a class="btn6" href="Auto & Transportation">Auto & Transportation</a>
<a class="btn7" href="Beauty & Personal Care">Beauty & Personal Care</a>
<a class="btn8" href="Construction & Real Estate">Construction & Real Estate</a>
<a class="btn8" href="Metallurgy & Chemicals">Metallurgy & Chemicals</a>
<a class="btn9" href="Packaging, Advertising & Office">Packaging, Advertising & Office</a>
<a class="btn10" href="Investment Worldwide">Investment Worldwide</a>
<a class="btn11" href="Black List/Good List">Black List/Good List</a>
<a class="btn12" href="Non Business Things">Non Business Things</a>
 
<!-- Estilos -->
<style type="text/css">
div.cards {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap: wrap;
padding: 15px 0px;
background-color: #f5f5f5;
border: solid 1px #ddd;
border-bottom: solid 2px #ddd;
border-radius: 3px;
margin: 10px auto
}
 
div.cards, div.cards * {
box-sizing: border-box;
}
 
div.cards a {
width: 30%;
background-color: #39c;
padding: 20px 30px;
padding-bottom: 23px;
display: inline-block;
color: #fff;
font-size: 22px;
box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
text-decoration: none;
margin-bottom: 10px;
}
 
div.cards a.btn1 {
background-color: green;
}
 
div.cards a.btn2 {
background-color: red;
}
 
div.cards a.btn3 {
background-color: orange;
}
 
div.cards a.btn4 {
background-color: blue;
}
 
div.cards a.btn5 {
background-color: grey;
}
 
.cards a.btn6 {
background-color: purple;
}
 
div.cards a.btn7 {
background-color: lime;
}
 
div.cards a.btn8 {
background-color: golden;
}
 
div.cards a.btn9 {
background-color: gold;
}
</style>
</div>

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 02:57 pm

Luiz só mais uma coisa, por favor, por favor, que cada um desses seja de uma cor diferente, por favor, para trazer vida, por favor Rosa
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 03:01 pm

Mas eles já estão com cores diferentes... Pensativo
Também, qual a URL de seu fórum? É essa? http://forum.wbcforum.com/

Por que se for, não vejo o código ativo em seu fórum. Errado

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 03:02 pm

Como eu ativo esse código? Cores diferentes que eu digo é que tem muitos da mesma cor azul, e eu coloco outra cor, e continua azul Louco Estou olhando aqui antes de colocar amado
https://codepen.io/0Luiz/pen/BRWgoK?editors=1000

Todo dia eu tenho inscrição no forum de gente nova, mas o povo diz que não posta pq não sabe onde postar, não sei mais o que fazer para deixar mais visível isso
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 03:06 pm

Olá,

Ative o código seguindo as orientações do código abaixo:
-> http://ajuda.forumeiros.com/t17210-faq-criar-e-gerir-a-mensagem-na-home-page

Quanto às cores, cada botão tem uma classe, por exemplo
btn1
, que corresponde ao primeiro botão.
Para personalizar cada um deles, no código acima, procure por
</style>
, e antes disso, cole um código como este:
Código:
.btn1 {
  background-color: red!important;
}
Ele irá modificar o fundo do primeiro botão para vermelho, pois definimos, entende?

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 03:23 pm

e quando você clica no link da cor aparece 404
This page couldn't be found.
You can return to the index.
Não vai direto para a categoria entende?
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 03:26 pm

Isso é por que no código, cada botão tem um atributo
href
.
Você deve colocar a URL de cada categoria, em cada botão. Por exemplo, um botão que leva ao fdf, seria:
Código:
<a class="btn1" href="http://ajuda.forumeiros.com/forum">Forum Information</a>

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 03:41 pm

Nossa, agora eu entendi, estou aprendendo isso...Se eu quiser colocar tudo em uma cor só qual código que eu uso? Vou começar a trabalhar nisso amado, muito obrigada e quando eu terminar eu volto para colocar como resolvido ou tirar mais alguma dúvida


Última edição por Fernanda Nunes em 29/04/17, 03:44 pm, editado 1 vez(es)
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 03:43 pm

Procure por
</style>
, e antes, adicione o código:
Código:
div.cards a {
  background-color: red!important;
}

O código acima irá mudar todas as cores para vermelho.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 03:49 pm

https://codepen.io/0Luiz/pen/BRWgoK?editors=1000

Luiz como eu coloco pequenos quadrados um do lado do outro ao invés de apenas três grandes

Para ficar igual a esse http://forum.wbcforum.com/ que tem inscrito home, calendar, Gallery, neste tamanho e seguimento
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 03:56 pm

Olá,

Troque por:
Código:
<div class="cards">
<!-- -->
<!-- Botões abaixo:
<!-- Configure os links entre as aspas do atributo "href".
<!-- -->
<a class="btn1" href="Forum Information">Forum Information</a>
<a class="btn2" href="Agriculture">Agriculture</a>
<a class="btn3" href="Food & Beverage">Food & Beverage</a>
<a class="btn4" href="Apparel, Textiles & Accessories">Apparel, Textiles & Accessories</a>
<a class="btn5" href="Gold and Precious Stones">Gold and Precious Stones</a>
<a class="btn6" href="Auto & Transportation">Auto & Transportation</a>
<a class="btn7" href="Beauty & Personal Care">Beauty & Personal Care</a>
<a class="btn8" href="Construction & Real Estate">Construction & Real Estate</a>
<a class="btn9" href="Metallurgy & Chemicals">Metallurgy & Chemicals</a>
<a class="btn10" href="Packaging, Advertising & Office">Packaging, Advertising & Office</a>
<a class="btn11" href="Investment Worldwide">Investment Worldwide</a>
<a class="btn12" href="Black List/Good List">Black List/Good List</a>
<a class="btn13" href="Non Business Things">Non Business Things</a>
 
<!-- Estilos -->
<style type="text/css">
div.cards {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: center;
flex-wrap: wrap;
padding: 15px 0px;
background-color: #f5f5f5;
border: solid 1px #ddd;
border-bottom: solid 2px #ddd;
border-radius: 3px;
margin: 10px auto
}
 
div.cards, div.cards * {
box-sizing: border-box;
}
 
div.cards a {
width: auto;
background-color: #39c;
padding: 20px 30px;
padding-bottom: 23px;
display: inline-block;
color: #fff;
font-size: 22px;
box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
text-decoration: none;
margin-bottom: 10px;
margin-left: 10px
}
 
div.cards a.btn1 {
background-color: green;
}
 
div.cards a.btn2 {
background-color: red;
}
 
div.cards a.btn3 {
background-color: orange;
}
 
div.cards a.btn4 {
background-color: blue;
}
 
div.cards a.btn5 {
background-color: grey;
}
 
.cards a.btn6 {
background-color: purple;
}
 
div.cards a.btn7 {
background-color: lime;
}
 
div.cards a.btn8 {
background-color: gold;
}
 
div.cards a.btn9 {
background-color: pink;
}
   
div.cards a.btn10 {
background-color: orangered;
}
   
div.cards a.btn11 {
background-color: crimson;
}
   
div.cards a.btn12 {
background-color: darkcyan;
}
   
div.cards a.btn13 {
background-color: magenta;
}
</style>
</div>

Aproveitei e já coloquei uma cor diferente para cada. Rosa

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 04:21 pm

Amado eu estou fazendo aqui olha: https://codepen.io/0Luiz/pen/BRWgoK?editors=1000
Eu estou colocando os tópicos para a pessoa clicar e ir parar direto na página onde ela tem que psotar, para não ficarem abrindo tópicos desnecessários, mas eu preciso diminuir o tamanho, deixar quadradinhos pequenos para caber todos os tópicos entende
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 04:24 pm

Aqui está:
-> https://codepen.io/0Luiz/pen/BRWgoK?editors=1000

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 04:34 pm

http://forum.wbcforum.com/
Olha como está ficando, assim a pessoa já clica no produto e já vai parar onde ela deve postar, o negócio que eu tenho que diminuir e muito esse tamanho do quadrado onde fica o nome do produto para não ficar muito grande entende?
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 04:43 pm

Troque o código por:
Código:
<div class="cards">
<!-- -->
<!-- Botões abaixo:
<!-- Configure os links entre as aspas do atributo "href".
<!-- -->
<a class="btn1" href="http://forum.wbcforum.com/t58-soybeans-here">Soybeans</a>
<a class="btn2" href="http://forum.wbcforum.com/t413-organic-beans">Organic Beans</a>
<a class="btn3" href="http://forum.wbcforum.com/t415-peas-discussions-here">Peas</a>
<a class="btn4" href="http://forum.wbcforum.com/t410-kidney-beans">Kidney Beans</a>
<a class="btn5" href="http://forum.wbcforum.com/t419-lima-beans">Lima Beans</a>
<a class="btn6" href="http://forum.wbcforum.com/t418-butter-beans">Butter Beans</a>
<a class="btn7" href="http://forum.wbcforum.com/t417-broad-beans">Broad Beans</a>
<a class="btn8" href="http://forum.wbcforum.com/t416-black-beans">Black Beans </a>
<a class="btn8" href="http://forum.wbcforum.com/t414-mung-beans">Mung Beans</a>
<a class="btn9" href="http://forum.wbcforum.com/t412-lentils-here">Lentils</a>
<a class="btn10" href="http://forum.wbcforum.com/t411-vigna-beans">Vigna Beans</a>
<a class="btn11" href="http://forum.wbcforum.com/t223-chickpeas-here">Chickpeas</a>
<a class="btn12" href="http://forum.wbcforum.com/t45-cocoa-beans-here">Cocoa Beans</a>
<a class="btn10" href="http://forum.wbcforum.com/t395-silos-thread">Silos</a>
<a class="btn11" href="http://forum.wbcforum.com/t454-robusta-coffee-beans-here">Robusta Coffee Beans</a>
<a class="btn12" href="http://forum.wbcforum.com/t453-java-coffee-beans-here">Java Coffee Beans</a>
<a class="btn11" href="http://forum.wbcforum.com/t452-liberica-coffee-beans-here">Liberica Coffee Beans</a>
<a class="btn12" href="http://forum.wbcforum.com/t59-arabica-coffee-beans-here">Arabica Coffee Beans</a>
<a class="btn12" href="http://forum.wbcforum.com/t440-animal-oil-here">Animal Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t439-seasoning-oil-here">Seasoning Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t438-ginger-oil-here">Ginger Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t437-camellia-oil-here">Camellia Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t436-castor-oil-here">Castor Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t435-sesame-oil-here">Sesame Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t434-rapeseed-oil-here">Rapeseed Oil</a>
<a class="btn11" href="http://forum.wbcforum.com/t433-corn-oil-here">Corn Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t432-olive-oil-here">Olive Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t431-peanut-oil-here">Peanut Oil</a>
<a class="btn11" href="http://forum.wbcforum.com/t430-soybean-oil-here"> Soybean Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t429-sunflower-oil-here"> Sunflower Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t280-used-cooking-oil-here">Used Cooking Oil</a>
<a class="btn11" href="http://forum.wbcforum.com/t109-palm-oil-here">Palm Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t65-coconut-oil-here">Coconut Oil</a>
   
<!-- Estilos -->
<style type="text/css">
div.cards {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap: wrap;
padding: 15px 0px;
background-color: #f5f5f5;
border: solid 1px #ddd;
border-bottom: solid 2px #ddd;
border-radius: 3px;
margin: 10px auto
}
 
div.cards, div.cards * {
box-sizing: border-box;
}
 
div.cards a {
width: auto;
margin-left: 20px;
background-color: #39c;
padding: 10px 15px;
padding-bottom: 12px;
display: inline-block;
color: #fff;
font-size: 15px;
box-shadow: inset 0px -6px rgba(0, 0, 0, 0.2);
text-decoration: none;
margin-bottom: 10px;
}
div.cards a {
  background-color: grey!important;
}
   
</style>
</div>

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 04:50 pm

Um pouco menor amado, e mais perto um do outro para ter espaço que ainda tem muito para colocar, me ajuda, por favor, http://forum.wbcforum.com/
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 04:59 pm

Cá está:
Código:
<div class="cards">
<!-- -->
<!-- Botões abaixo:
<!-- Configure os links entre as aspas do atributo "href".
<!-- -->
<a class="btn1" href="http://forum.wbcforum.com/t58-soybeans-here">Soybeans</a>
<a class="btn2" href="http://forum.wbcforum.com/t413-organic-beans">Organic Beans</a>
<a class="btn3" href="http://forum.wbcforum.com/t415-peas-discussions-here">Peas</a>
<a class="btn4" href="http://forum.wbcforum.com/t410-kidney-beans">Kidney Beans</a>
<a class="btn5" href="http://forum.wbcforum.com/t419-lima-beans">Lima Beans</a>
<a class="btn6" href="http://forum.wbcforum.com/t418-butter-beans">Butter Beans</a>
<a class="btn7" href="http://forum.wbcforum.com/t417-broad-beans">Broad Beans</a>
<a class="btn8" href="http://forum.wbcforum.com/t416-black-beans">Black Beans </a>
<a class="btn8" href="http://forum.wbcforum.com/t414-mung-beans">Mung Beans</a>
<a class="btn9" href="http://forum.wbcforum.com/t412-lentils-here">Lentils</a>
<a class="btn10" href="http://forum.wbcforum.com/t411-vigna-beans">Vigna Beans</a>
<a class="btn11" href="http://forum.wbcforum.com/t223-chickpeas-here">Chickpeas</a>
<a class="btn12" href="http://forum.wbcforum.com/t45-cocoa-beans-here">Cocoa Beans</a>
<a class="btn10" href="http://forum.wbcforum.com/t395-silos-thread">Silos</a>
<a class="btn11" href="http://forum.wbcforum.com/t454-robusta-coffee-beans-here">Robusta Coffee Beans</a>
<a class="btn12" href="http://forum.wbcforum.com/t453-java-coffee-beans-here">Java Coffee Beans</a>
<a class="btn11" href="http://forum.wbcforum.com/t452-liberica-coffee-beans-here">Liberica Coffee Beans</a>
<a class="btn12" href="http://forum.wbcforum.com/t59-arabica-coffee-beans-here">Arabica Coffee Beans</a>
<a class="btn12" href="http://forum.wbcforum.com/t440-animal-oil-here">Animal Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t439-seasoning-oil-here">Seasoning Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t438-ginger-oil-here">Ginger Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t437-camellia-oil-here">Camellia Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t436-castor-oil-here">Castor Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t435-sesame-oil-here">Sesame Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t434-rapeseed-oil-here">Rapeseed Oil</a>
<a class="btn11" href="http://forum.wbcforum.com/t433-corn-oil-here">Corn Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t432-olive-oil-here">Olive Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t431-peanut-oil-here">Peanut Oil</a>
<a class="btn11" href="http://forum.wbcforum.com/t430-soybean-oil-here"> Soybean Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t429-sunflower-oil-here"> Sunflower Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t280-used-cooking-oil-here">Used Cooking Oil</a>
<a class="btn11" href="http://forum.wbcforum.com/t109-palm-oil-here">Palm Oil</a>
<a class="btn12" href="http://forum.wbcforum.com/t65-coconut-oil-here">Coconut Oil</a>
 
<!-- Estilos -->
<style type="text/css">
div.cards {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap: wrap;
padding: 15px 0px;
background-color: #f5f5f5;
border: solid 1px #ddd;
border-bottom: solid 2px #ddd;
border-radius: 3px;
margin: 10px auto
}
 
div.cards, div.cards * {
box-sizing: border-box;
}
 
div.cards a {
width: auto;
margin-left: 5px;
background-color: #39c;
padding: 7px 9px;
padding-bottom: 9px;
display: inline-block;
color: #fff;
font-size: 15px;
box-shadow: inset 0px -3px rgba(0, 0, 0, 0.2);
text-decoration: none;
margin-bottom: 10px;
}
div.cards a {
  background-color: grey!important;
}
 
</style>
</div>

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Criação de portal com link

Mensagem por Fernanda Nunes em 29/04/17, 05:09 pm

Muito obrigada amado, ficou perfeito, vou trabalhar aqui para ajudar o povo a aprender a postar no fórum e depois eu vou quebrar o resto da minha cabeça para aprender a montar aquele formulário para ajudar aqui, muito obrigada amado, que Deus te abençoe, a Paz
avatar

Fernanda Nunes
Nível 5

Feminino
Inscrito dia : 30/01/2017
Mensagens : 55
Pontos Ativos : 85

Ver perfil do usuário http://forum.wbcforum.com/

Resolvido Re: Criação de portal com link

Mensagem por Luiz em 29/04/17, 05:13 pm

Disponha. Rosa

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4110
Pontos Ativos : 4733

Ver perfil do usuário https://github.com/lffg/

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