Tópicos na home page

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

Resolvido Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 02:43 pm

Qual é sua questão:
Eu queria fazer igual esse tuto ensina ( http://ajuda.forumeiros.com/t32787-tutorial-adicionar-lista-de-secoes-na-mensagem-da-home-page ) , mas o meu nao fica igual, os itens fica um em cima do outro, eu queria que ficasse do lado, igual à do Forumeiros.

Obrigado

Que medidas você tomou para corrigir o problema:
não corrigi ainda.

Apresente-nos imagens do problema (se necessário):


Qual o endereço de seu fórum:
http://inov.forumeiro.net/

Qual a versão de seu fórum?:
Punbb, Phpbb2, Phpbb3 ou Invision?

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Luciano98 em 23/06/11, 02:46 pm

Olá!

Poderia me mostrar como ficou o seu código?

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 02:47 pm

Olá e boa tarde!
Eu já tive isto, Foi o "[CODE]" que causou, tente utilizar a do FdF:
<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="/portal.forum?pid=2"><img height="59" src="http://illiweb.com/fa/fdf/questions.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Tutoriais e astúcias</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://illiweb.com/fa/fdf/nuage.png" alt="Temos um ótimo serviço de suporte, com equipe capacitada para lhe atender da melhor forma."><span>Ajuda e suporte</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://illiweb.com/fa/fdf/peindre.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com design? Temos uma equipe pronta para ajudar-lhe!"><span>Criações gráficas</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i30.servimg.com/u/f30/11/14/55/92/images10.png" alt="O <a href='http://pt.hitskin.com'>Hitskin</a> é um serviço para compartilhar temas Forumeiros."><span>Hitskin</span></a></div><div class="img_list_hp"><a href="/-c9/"><img height="59" src="http://i62.servimg.com/u/f62/12/62/55/38/voix1010.png" alt="Gostaria de tornar seu fórum mais conhecido, encontrar novos membros para a equipe ou fazer parcerias?"><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-f50/"><img height="59" src="http://i60.servimg.com/u/f60/11/40/70/67/review10.png" alt="Gostaria de saber o que pensamos do seu fórum e o que nele achamos que pode ser melhor?"><span>Análises</span></a></div><div class="img_list_hp"><a href="/-f15/"><img height="59" src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="Criou um blog Criarumblog? Não fique perdido, também ofeceremos suporte!"><span>Criarumblog</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>
Assim, basta modificar a interface do código e deixar como deseja.

Caso ainda não obtenha respostas, poderia me dizer como deseja para eu criar uma lista personalizada?

Até mais! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 02:48 pm

Aqui está:
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://inov.forumeiro.net/f3-inovacao"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/inov10.png" alt="Clique aqui e responda as questões lançadas."><span>INOVAÇÃO</span></a></div>
</script><div style="clear: both" id="img_list_alt">Passe o mouse sobre uma das imagens e conheça mais os nossos serviços!</div><div class="img_list_hp"><a href="http://inov.forumeiro.net/f2-gremio-estudantil-darcy-ribeiro"><img height="59" src="https://lh5.googleusercontent.com/-5_ATsBmxA0c/S_6RwTjFWFI/AAAAAAAAAbY/v_8a8l8VOZU/emblema.png" alt="Conheça mais o Grêmio Estudantil."><span>Grêmio Estudantil</span></a></div><div class="img_list_hp"><a href="http://inov.forumeiro.net/f6-duvidas-e-sugestoes"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/nuage10.png" alt="Clique sobre a imagem se tiver alguma dúvida ou sugestão"><span>Dúvidas e Sugestões</span></a></div>

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 02:49 pm

Shetos escreveu:Olá e boa tarde!
Eu já tive isto, Foi o "[CODE]" que causou, tente utilizar a do FdF:
<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="/portal.forum?pid=2"><img height="59" src="http://illiweb.com/fa/fdf/questions.png" alt="Uma vasta gama de tutoriais para compreender das funções do fórum e também deixá-lo cada vez melhor e com a sua cara."><span>Tutoriais e astúcias</span></a></div><div class="img_list_hp"><a href="/-c2/"><img height="59" src="http://illiweb.com/fa/fdf/nuage.png" alt="Temos um ótimo serviço de suporte, com equipe capacitada para lhe atender da melhor forma."><span>Ajuda e suporte</span></a></div><div class="img_list_hp"><a href="/-f71/"><img height="59" src="http://illiweb.com/fa/fdf/peindre.png" alt="Gostaria de ter um tema mais personalizado mas não leva jeito com design? Temos uma equipe pronta para ajudar-lhe!"><span>Criações gráficas</span></a></div><div class="img_list_hp"><a href="/-f24/"><img height="59" src="http://i30.servimg.com/u/f30/11/14/55/92/images10.png" alt="O <a href='http://pt.hitskin.com'>Hitskin</a> é um serviço para compartilhar temas Forumeiros."><span>Hitskin</span></a></div><div class="img_list_hp"><a href="/-c9/"><img height="59" src="http://i62.servimg.com/u/f62/12/62/55/38/voix1010.png" alt="Gostaria de tornar seu fórum mais conhecido, encontrar novos membros para a equipe ou fazer parcerias?"><span>Publicidade</span></a></div><div class="img_list_hp"><a href="/-f50/"><img height="59" src="http://i60.servimg.com/u/f60/11/40/70/67/review10.png" alt="Gostaria de saber o que pensamos do seu fórum e o que nele achamos que pode ser melhor?"><span>Análises</span></a></div><div class="img_list_hp"><a href="/-f15/"><img height="59" src="http://www.criarumblog.com/rsc/img/logo_blog.png" alt="Criou um blog Criarumblog? Não fique perdido, também ofeceremos suporte!"><span>Criarumblog</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>
Assim, basta modificar a interface do código e deixar como deseja.

Caso ainda não obtenha respostas, poderia me dizer como deseja para eu criar uma lista personalizada?

Até mais! Muito feliz




Já usei o code deles, não adiantou, continuou a mesma coisa.

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 02:55 pm

Olá novamente!
Tente utilizar este:
<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://inov.forumeiro.net/f3-inovacao"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/inov10.png" alt="Clique aqui e responda as questões lançadas."><span>INOVAÇÃO</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>
Veja se é como deseja, é só me passar todas as estratégias e irei personalizar o código.

Até mais! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 03:01 pm

Sim é , mas falta os outros itens amigo.
Mas desde já, obrigado!

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 03:02 pm

Olá e boa tarde!
É isto que estou lhe perguntando, Me passe as outras seções desejada para que eu possa personaliza-las no código.

Até mais! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 03:04 pm

<div class="img_list_hp"><a href="http://inov.forumeiro.net/f6-duvidas-e-sugestoes"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/nuage10.png" alt="Clique sobre a imagem se tiver alguma dúvida ou sugestão"><span>Dúvidas e Sugestões</span></a></div>

<div class="img_list_hp"><a href="http://inov.forumeiro.net/f2-gremio-estudantil-darcy-ribeiro"><img height="59" src="https://lh5.googleusercontent.com/-5_ATsBmxA0c/S_6RwTjFWFI/AAAAAAAAAbY/v_8a8l8VOZU/emblema.png" alt="Conheça mais o Grêmio Estudantil."><span>Grêmio Estudantil</span></a></div><

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 03:08 pm

Olá novamente,
Estou elaborando o código, irei editar esta mensagem quando estiver pronto.

Até mais! Piscada
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 03:09 pm

ok velho, obg.

aguardo ansioso.

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 03:24 pm

Olá novamente,
Desculpe por não modificar a mensagem á cima como prometido, Mais teste este 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://inov.forumeiro.net/f3-inovacao"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/inov10.png" alt="Clique aqui e responda as questões lançadas."><span>INOVAÇÃO</span></a></div><div class="img_list_hp"><a href="http://inov.forumeiro.net/f6-duvidas-e-sugestoes"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/nuage10.png" alt="Clique sobre a imagem se tiver alguma dúvida ou sugestão"><span>Dúvidas e Sugestões</span></a></div><div class="img_list_hp"><a href="http://inov.forumeiro.net/f2-gremio-estudantil-darcy-ribeiro"><img height="59" src="https://lh5.googleusercontent.com/-5_ATsBmxA0c/S_6RwTjFWFI/AAAAAAAAAbY/v_8a8l8VOZU/emblema.png" alt="Conheça mais o Grêmio Estudantil."><span>Grêmio Estudantil</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 difícil de elaborar este código, mais valeu á pena. Piscada

Resolve?

Até mais! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 03:28 pm

Shetos escreveu:Olá novamente,
Desculpe por não modificar a mensagem á cima como prometido, Mais teste este 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://inov.forumeiro.net/f3-inovacao"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/inov10.png" alt="Clique aqui e responda as questões lançadas."><span>INOVAÇÃO</span></a></div><div class="img_list_hp"><a href="http://inov.forumeiro.net/f6-duvidas-e-sugestoes"><img height="59" src="http://i29.servimg.com/u/f29/14/19/51/32/nuage10.png" alt="Clique sobre a imagem se tiver alguma dúvida ou sugestão"><span>Dúvidas e Sugestões</span></a></div><div class="img_list_hp"><a href="http://inov.forumeiro.net/f2-gremio-estudantil-darcy-ribeiro"><img height="59" src="https://lh5.googleusercontent.com/-5_ATsBmxA0c/S_6RwTjFWFI/AAAAAAAAAbY/v_8a8l8VOZU/emblema.png" alt="Conheça mais o Grêmio Estudantil."><span>Grêmio Estudantil</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 difícil de elaborar este código, mais valeu á pena. Piscada

Resolve?

Até mais! Muito feliz

Obrigado pela intenção, mas não resolveu. Os itens continuam um em cima do outro,eu gostaria que fosse do lado.

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 03:30 pm

Olá novamente,
você adicionou este código Na folha de estilo CSS?:
.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;
}
Caso não, creio que a lista não irá funcionar.

Até mais! Muito feliz


Última edição por Shetos em 23/06/11, 03:32 pm, editado 1 vez(es)
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 03:31 pm

sim adc. Mas continua a mesma coisa.

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

Resolvido Re: Tópicos na home page

Mensagem por Consolado em 23/06/11, 03:32 pm

Olá novamente,
Eu sinto muito, no meu fórum funcionou corretamente conforme você desejava.

Lamento,

Até mais! Triste
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Tópicos na home page

Mensagem por Matheuzin em 23/06/11, 03:41 pm

poxa.. Muito obg pela intenção.
valeu!

Matheuzin
Nível 5

Masculino
Inscrito dia : 06/08/2009
Mensagens : 45
Pontos Ativos : 71

Ver perfil do usuário http://powerdownload.forumeiros.com/index.htm

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