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
» Modificação do nome dos usuários
Hoje à(s) 6:55 por Cloud'

» [Logo] Meu League of Legends
Hoje à(s) 6:53 por Cloud'

» Pagina Inicial
Hoje à(s) 6:22 por WhiteRabbit

» Bug em adicionar folha CSS
Hoje à(s) 4:47 por Delator

» Mensagem automática
Hoje à(s) 4:18 por Appoloz

» Botões não clicáveis
Hoje à(s) 3:06 por Appoloz

» Pedido de Banner de Parceria
Hoje à(s) 2:45 por Allenkar_

Perdi minha senha!
Obter senha

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

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
145 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 145 Visitantes :: 2 Motores de busca

Nenhum

[ 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 : 2676

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 : 2027

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 : 2564

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 : 2676

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 : 22851

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