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

Esqueci minha senha

Últimos assuntos
» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 05:52 am por Flames

» Colocar link do perfil no menu
Hoje à(s) 05:51 am por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 05:25 am por Flames

» Logo do fórum
Hoje à(s) 05:04 am por Luiz

» Cor do fundos dos tópicos
Hoje à(s) 05:02 am por Luiz

» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 04:59 am por Luiz

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
JulioPais
 
Shek
 
APOllO
 
Forumpw
 

Quem está conectado
227 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

Nenhum

[ 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

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'.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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

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".
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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