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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
87 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 81 Visitantes :: 1 Motor de busca

Eden, JrMAFiA, Kyo Panda, xBreninho_., YouTube3, ZamasuBR

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Ter 13 Jan 2015 - 12:45

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á.

#d0C
Membro do Fórum

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

http://vortextips.wix.com/vortex

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Caixas com imagens e textos

Mensagem por EuficoLoko em Ter 13 Jan 2015 - 13:01

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://i1185.photobucket.com/albums/z356/EskilloBR/1779264_590810701003436_1306851565_n_zps809d2000.jpg" /></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!

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1988

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610
  • 0

Resolvido Re: Caixas com imagens e textos

Mensagem por [K]oke em Ter 13 Jan 2015 - 13:13

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://i1185.photobucket.com/albums/z356/EskilloBR/1779264_590810701003436_1306851565_n_zps809d2000.jpg" 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!

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 852
Pontos Ativos : 2525

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu

Resolvido Re: Caixas com imagens e textos

Mensagem por #d0C em Sex 16 Jan 2015 - 13:20

Muito obrigado aos dois! <3

#d0C
Membro do Fórum

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

http://vortextips.wix.com/vortex

Resolvido Re: Caixas com imagens e textos

Mensagem por nikka em Seg 19 Jan 2015 - 15:55

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

nikka
Ex-Admineira
Ex-Admineira

Feminino
Inscrito dia : 17/12/2008
Mensagens : 15624
Pontos Ativos : 22810

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5