Lista de secções no cabeçalho

4 participantes

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

Tópico resolvido Lista de secções no cabeçalho

Mensagem por MisterMatos 03.03.11 18:49

Qual é sua questão:
Como ponho isso que está na imagem

https://i.servimg.com/u/f61/16/11/42/81/ajuda111.png

Que medidas você tomou para corrigir o problema:
0

Apresente-nos imagens do problema (se necessário):
Lista de secções no cabeçalho Ajuda111
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 03.03.11 19:17

Olá MisterMatos,

Leia o seguinte tutorial:

Seta [Tutorial] Adicionar lista de seções na mensagem da home-page

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 03.03.11 19:57

Ainda não consegui pôr
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Cream 03.03.11 20:05

Olá,

Qual é sua dúvida/problema refere ao tutorial?

Abraços, Piscada
Lucky.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 03.03.11 20:30

Não estou conseguindo pôr os topicos em cima alguem faz suporte adicional?
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Cream 03.03.11 20:38

Olá,

Você leu o tutorial, seguiu passo a passo, especifique melhor.

Abraços, Piscada
Lucky.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 04.03.11 18:33

eu li mas não consegui fazer nada alguém faz suporte adicional.
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 04.03.11 18:49

Olá MisterMatos,

Já tentou pôr os códigos à sua maneira?
De que forma deseja colocar isto?

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 04.03.11 18:52

Queria pôr como aqui no fórum alguns tópicos e as suas definições em baixo.
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 04.03.11 19:03

Olá de novo,

Poderei tentar fazer o código mas terá que me dizer que imagens e links pretende colocar em cada divisória. E mesmo assim esta situação não poderá ser repetida, nós disponibilizamos os tutoriais e os membros deverão apresentar dúvidas com soluções já tentadas, de códigos que fizeram e/ou alteraram.

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 04.03.11 19:09

Link da imagem para torneios:http://cdn5.iconfinder.com/data/icons/Iconshock_soccer/png/48/soccer_1.png

Link do tópico:http://fmonline.forumportugues.com/f4-torneios

______________________________________________________________

Link da imagem para informações e actualizações:http://cdn3.iconfinder.com/data/icons/musthave/48/Information.png

Link do tópico:http://fmonline.forumportugues.com/f16-informacoes-e-actualizacoes

_____________________________________________________________

Imagem do tópico conversa de bar:http://cdn5.iconfinder.com/data/icons/BRILLIANT/food/png/48/beer.png

Link do tópico:http://fmonline.forumportugues.com/f8-conversa-de-bar

Para já é só esses depois eu vou tentar meter mais se conseguir.
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 05.03.11 21:58

Conseguiste fazeR?
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 05.03.11 23:37

Olá de novo,

Coloque o css indicado no tutorial e depois experimente isto:

Código:
<script>
jQuery(function() {
  jQuery('.img_list_hp img').mouseover(function() {
      jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
  }).mouseout(function() {
      jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
  });
});
</script><div class="img_list_hp"><a href=”http://fmonline.forumportugues.com/f4-torneios"><img height="59" src="http://cdn5.iconfinder.com/data/icons/Iconshock_soccer/png/48/soccer_1.png" alt="Torneios"><span>Torneios</span></a></div><div class="img_list_hp"><a href="http://fmonline.forumportugues.com/f16-informacoes-e-actualizacoes"><img height="59" src="http://cdn3.iconfinder.com/data/icons/musthave/48/Information.png” alt="Informações e actualizações"><span>Informações e actualizações</span></a></div><div class="img_list_hp"><a href="http://fmonline.forumportugues.com/f8-conversa-de-bar"><img height="59" src="http://cdn5.iconfinder.com/data/icons/BRILLIANT/food/png/48/beer.png" alt="Conversa de bar"><span>Conversa de bar</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 06.03.11 11:59

Ficou assim:

Lista de secções no cabeçalho Ajuda112

MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 06.03.11 11:59

Olá de novo,

Já com o css colocado?

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 06.03.11 12:01

Sim já coloquei e ficou como na imagem acima! Louco
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Needke 06.03.11 13:42

Olá MisterMatos,

Isso parece estranho mas, está utilizando códigos adicionais?
Poderá informar-nos, se aparece uma descrição quando passa o rato em cima?

Att, Needke
Needke

Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 06.03.11 14:11

Não aparece nada eu queria como está aqui no fórum!
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 07.03.11 11:23

Olá de novo,

Experimente o seguinte:

Código:
<script>
jQuery(function() {
  jQuery('.img_list_hp img').mouseover(function() {
      jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
  }).mouseout(function() {
      jQuery('#img_list_alt').html('Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!');
  });
});
</script><div class="img_list_hp"><a href=”http://fmonline.forumportugues.com/f4-torneios"><img height="59" src="http://cdn5.iconfinder.com/data/icons/Iconshock_soccer/png/48/soccer_1.png" alt="Torneios"><span>Torneios</span></a></div><div class="img_list_hp"><a href="http://fmonline.forumportugues.com/f16-informacoes-e-actualizacoes"><img height="59" src="http://cdn3.iconfinder.com/data/icons/musthave/48/Information.png" alt="Informações"><span>Informações</span></a></div><div class="img_list_hp"><a href="http://fmonline.forumportugues.com/f8-conversa-de-bar"><img height="59" src="http://cdn5.iconfinder.com/data/icons/BRILLIANT/food/png/48/beer.png" alt="Conversa de bar"><span>Conversa de bar</span></a></div><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div>

Foi testado e funciona. Caso não dê é porque deverá ter colocado mal o css. Peço-lhe que o apresente aqui por favor se o código acima não funcionar.

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 07.03.11 11:28

É para colocar em Visualização/Imagens e cores-cores/Folha de estilo Css?

Se for aí aparece-me isto:

Seu CSS foi atualizado
Nota:
As balizas html geram erros na folha de estilo.
Uma correção acabou de ser feita visando suprimir as balizas html que foram adicionadas à folha de estilo.
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por Callie 07.03.11 11:31

Olá de novo,

Você terá de colocar o seguinte na folha de estilo css:

Código:
.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

Depois terá de colocar o código que lhe forneci na seguinte localização:

Painel de controle Seta Visualização Seta Homepage Seta Geral :seta2: Mensagem na homepage

Até mais.
Callie

Callie
Membro Entusiasta
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Lista de secções no cabeçalho

Mensagem por MisterMatos 07.03.11 11:36

Consegui muito obrigado pela ajuda até mais!
MisterMatos

MisterMatos
****

Membro desde : 26/01/2011
Mensagens : 212
Pontos : 311

http://fmonline.forumportugues.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos