Adicionar lista de seções na mensagem da home-page

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

Resolvido Adicionar lista de seções na mensagem da home-page

Mensagem por Foxx em 14/12/10, 07:36 pm

Olá

minha dúvida é a seguinte

tipo, eu fiz a lista de seções

mais fica um debaixo do outro

exemplo:



eu quero que fice reto que nem o da forumeiros

estarei aguardando!
avatar

Foxx
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 313
Pontos Ativos : 462

Ver perfil do usuário http://artdesigner.forumeiro.com

Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Convidad em 14/12/10, 07:41 pm

Qual o código utilizado? Adicionou o css na folha de estilos? Seguiu todos os passos do tutorial?

Convidad
Convidado


Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Foxx em 14/12/10, 07:44 pm

Fiz tudo certo.
avatar

Foxx
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 313
Pontos Ativos : 462

Ver perfil do usuário http://artdesigner.forumeiro.com

Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Convidad em 14/12/10, 09:03 pm

Desdesculpe eu não compreendo! Sua dúvida está resolvida? Se sim avise-nos corretamente, caso contrário, responda enviando os dados (aqui no tópico mesmo), de acordo com o que eu lhe pedi na minha primeira mensagem.

Convidad
Convidado


Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Foxx em 14/12/10, 09:13 pm

Minha dúvida ainda não está resolvida

continua o mesmo erro.
avatar

Foxx
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 313
Pontos Ativos : 462

Ver perfil do usuário http://artdesigner.forumeiro.com

Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Convidad em 14/12/10, 09:22 pm

Poderia me mostrar o código que está utilizando? (tanto na mensagem da home page como o que está na folha de estilos css)

Até logo.

Convidad
Convidado


Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Foxx em 14/12/10, 10:05 pm

CSS :

.img_list_hp {
border: 1px solid #D1B02C;
padding: 0;
float: left;
color: http://localart.forumeiros.net/anuncios-f1/ !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: #ffffff;
}

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

.img_list_hp span {
background-color: #0372BE;
color http://localart.forumeiros.net/anuncios-f1/;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: http://localart.forumeiros.net/anuncios-f1/ !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;
}





Home-Page

<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://localart.forumeiros.net/anuncios-f1/"><img height="59" src="http://img94.imageshack.us/img94/619/information48x48.png" alt="Essa Área é destinada a postagem de comunicados dos administradores!"><span>Comunicados</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>
<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="Regras - Local Art"><img height="59" src="http://icdn.pro/images/en/w/a/warning-calendar-icone-4354-48.png" alt="Área destinada á regras,fiquem atentos!"><span>Regras - Local Art</span></a></div>
avatar

Foxx
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 313
Pontos Ativos : 462

Ver perfil do usuário http://artdesigner.forumeiro.com

Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Convidad em 14/12/10, 10:18 pm

Na da mensagem da home page, remova a anteior e adicione:

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://localart.forumeiros.net/anuncios-f1/"><img height="59" src="http://img94.imageshack.us/img94/619/information48x48.png" alt="Essa Área é destinada a postagem de comunicados dos administradores!"><span>Comunicados</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>



Para cada nova 'descrição de seção' com uma imagem e tudo mais, você deve repetir somente a seguinte parte, e não tudo:

Código:
<div class="img_list_hp"><a href="http://localart.forumeiros.net/anuncios-f1/"><img height="59" src="http://img94.imageshack.us/img94/619/information48x48.png" alt="Essa Área é destinada a postagem de comunicados dos administradores!"><span>Comunicados</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>

Convidad
Convidado


Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Foxx em 14/12/10, 10:48 pm

olha,fiz tudo certinho e ainda não funfou.
avatar

Foxx
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 313
Pontos Ativos : 462

Ver perfil do usuário http://artdesigner.forumeiro.com

Resolvido Re: Adicionar lista de seções na mensagem da home-page

Mensagem por Needke em 16/12/10, 10:00 pm

~BladeH escreveu:olha,fiz tudo certinho e ainda não funfou.

Boa noite,
Quando adicionou os códigos de Mr. Supero, poderá enviar uma imagem do resultado?
Será que a versão do fórum é Invision? Existe um código adicional na mensagem do Home Page?

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

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