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
» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 02:16 am por GutaUKP

» Gif na foto do perfil
Ontem à(s) 11:13 pm por dudha

» STAFF ONLINE Widgets
Ontem à(s) 11:04 pm por Luiz

» [Ajuda] HTML & CSS
Ontem à(s) 09:37 pm por Lost154

» Grupos de usuarios
Ontem à(s) 09:06 pm por Gaaratsu

» Erro ao colocar barra de estatisticas
Ontem à(s) 08:21 pm por Luiz

» Avatar no topico
Ontem à(s) 07:35 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
157 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 155 Visitantes :: 2 Motores de busca

loveshubby26, Pedxz

[ Ver toda a lista ]


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

Caixas com imagens e textos

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

Resolvido Caixas com imagens e textos

Mensagem por #d0C em 13/01/15, 10:45 am

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://corrente-grafica.forumeiro.com/

Descrição do problema

Bom dia a todos.
No fórum KROMUS DESIGN tem la umas caixas abaixo do menu com texto e umas imagens, e eu gostaria se pososivel de obter esse mesmo código para poder colocar no meu fórum.
As caixas das quais eu estou falando sao as caixas que estao com uma borda vermelha na imagem disponivel.

Obrigado desde já.
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Caixas com imagens e textos

Mensagem por EuficoLoko em 13/01/15, 11:01 am

Olá!

Faça esse procedimento:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral Seta Conteúdo da mensagem
Código:
<div id="news-bloco">
                              
   <div class="news-bloco-1">
                    <a href="http://kromusdesign.forumais.com/t7980-a-importancia-de-colocar-as-ideias-em-pratica-assim-que-surgem#93843"><img id="hover_effect" src="http://revistagalileu.globo.com/Revista/Galileu2/foto/0,,43897463,00.jpg" /></a>             
      <h1 style="background-color:#bd5d45;" class="h1-titulo-1">
          A importância de colocar as ideias em prática assim que surgem. Fiz o teste e deu certo!<br />           
      </h1>
                                 
   </div>
                              
   <div class="news-bloco-2">
                    <a href="http://kromusdesign.forumais.com/t7939-arte-x-design"><img id="hover_effect" src="http://illiweb.com/fa/pbucket.gif" /></a>             
      <h1 style="background-color:#82735c;" class="h1-titulo-1">
                       Arte x Design: discussões. <br />Para você, são a mesma coisa?             
      </h1>
                                 
   </div>
                              
   <div class="news-bloco-3">
                    <a href="http://kromusdesign.forumais.com/t7977-inspiracao-metazz-metal-album-covers-redesigned"><img id="hover_effect" src="http://www.brainstorm9.com.br/wp-content/uploads/2015/01/metazz-960x539.jpg" /></a>             
      <h1 style="background-color:#a42f37;" class="h1-titulo-1">
                     Inspiração: Metazz - Já imaginou os álbuns atuais de bandas de metal em um estilo retrô?           
      </h1>
                                 
   </div>
                              
</div>
                                <style>#news-bloco  {width:860px;height:290px;}
   .news-bloco-1 {width:500px; height:285px; float:left;}
   .news-bloco-1 img {width:500px; height:285px;}
   
   .news-bloco-2 {width:345px; height:140px; float:left; margin-left:5px;}
   .news-bloco-2 img {width:345px; height:140px;}
   
   .news-bloco-3 {width:345px; height:140px; float:left; margin-left:5px; margin-top:5px;}
   .news-bloco-3 img {width:345px; height:140px;}
   
   .h1-titulo-1 {padding: 6px 6px 6px 6px; margin: 0px 0px 0px 5px; margin-right:10px; width: auto; height: auto;
              font-family: "Myriad Pro", sans-serif; font-size: 16px; font-weight: lighter; color: white !important; position:relative; top: -60px; left: 0px;}
#pun-announcement {background-color: transparent;border-style: solid;border-width: 0px;padding: 0px 0px 0px 0px;}

   #hover_effect{
       -webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
          transition: opacity 0.5s; 
        opacity:1;
   }
   #hover_effect:hover{
        opacity:0.5;
    }
</style>                               

Abraços!
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610
  • 0

Resolvido Re: Caixas com imagens e textos

Mensagem por [K]oke em 13/01/15, 11:13 am

Olá,

Coloque na pagina inicial
Código:
<div class="main"><div id="pun-announcement"><p></p><div id="news-bloco">
                            
   <div class="news-bloco-1">
                    <a href="http://kromusdesign.forumais.com/t7980-a-importancia-de-colocar-as-ideias-em-pratica-assim-que-surgem#93843"><img src="http://revistagalileu.globo.com/Revista/Galileu2/foto/0,,43897463,00.jpg" id="hover_effect"></a>             
      <h1 class="h1-titulo-1" style="background-color:#bd5d45;">
         A importância de colocar as ideias em prática assim que surgem. Fiz o teste e deu certo!<br>           
      </h1>
                               
   </div>
                            
   <div class="news-bloco-2">
                    <a href="http://kromusdesign.forumais.com/t7939-arte-x-design"><img src="http://illiweb.com/fa/pbucket.gif" id="hover_effect"></a>             
      <h1 class="h1-titulo-1" style="background-color:#82735c;">
                     Arte x Design: discussões. <br>Para você, são a mesma coisa?           
      </h1>
                               
   </div>
                            
   <div class="news-bloco-3">
                    <a href="http://kromusdesign.forumais.com/t7977-inspiracao-metazz-metal-album-covers-redesigned"><img src="http://www.brainstorm9.com.br/wp-content/uploads/2015/01/metazz-960x539.jpg" id="hover_effect"></a>             
      <h1 class="h1-titulo-1" style="background-color:#a42f37;">
                     Inspiração: Metazz - Já imaginou os álbuns atuais de bandas de metal em um estilo retrô?           
      </h1>
                               
   </div>
                            
</div><p></p></div></div>

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 863
Pontos Ativos : 1579

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Caixas com imagens e textos

Mensagem por #d0C em 16/01/15, 11:20 am

Muito obrigado aos dois! <3
avatar

#d0C
Membro do Fórum

Masculino
Inscrito dia : 13/09/2013
Mensagens : 1058
Pontos Ativos : 1452

Ver perfil do usuário http://vortextips.wix.com/vortex

Resolvido Re: Caixas com imagens e textos

Mensagem por nikka em 19/01/15, 01:55 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

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15622
Pontos Ativos : 19895

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

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