Lista de seções não funciona

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

Resolvido Lista de seções não funciona

Mensagem por Caíque Andrade em 31/03/11, 07:30 pm

Qual é sua questão:
Olá senhores e senhoras,

Muito bem, estive lendo os tutoriais sobre como colocar uma lista de seções na home page, então resolvi fazer uma para o meu forum, mas editei o código tudo certinho e a PRIMEIRA ficou boa. Quando fui adcionar a SEGUNDA, ela ficou EMBAIXO, em vez de ficar AO LADO igual a do FDF. Queria saber se é um erro no código ou algo do tipo. ajudeM POR FAVOR.


OBS: Não adianta postar links de tutoriais daqui do FDF porquê já li todos e NENHUM resolveu esse meu problema.


Att

Que medidas você tomou para corrigir o problema:
criar este tópico

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

http://i51.tinypic.com/qnv47m.png (Como eu quero que fique)

http://i21.servimg.com/u/f21/11/81/27/88/untitl19.png (Como ficou errado no meu Forum)
avatar

Caíque Andrade
Nível 8

Masculino
Inscrito dia : 09/03/2011
Mensagens : 116
Pontos Ativos : 162

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

Resolvido Re: Lista de seções não funciona

Mensagem por UNLead em 31/03/11, 07:58 pm

Olá!

Me passe o código que usou para eu poder consertar!
avatar

UNLead
Usuário destaque

Masculino
Inscrito dia : 30/11/2010
Mensagens : 516
Pontos Ativos : 746

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

Resolvido Re: Lista de seções não funciona

Mensagem por Lexus em 31/03/11, 09:41 pm

Olá Caíque Andrade,

recomendo que leia atentamente novamente o tutorial de [TUTORIAL] Adicionar lista de seções na mensagem da home-page, pois eu percebi oponto do código que você errou, recomendo que utilize o código pronto disponibilizado pelo Solkis no final do tutorial (que é o mesmo utilizado atualmente no FdF) e vá editando conforme o seu gosto.

Até.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Lista de seções não funciona

Mensagem por Luciano98 em 02/04/11, 08:24 pm

Olá!

Não poderemos lhe ajudar se você não nos passar o codigo da sua lista de seções.

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: Lista de seções não funciona

Mensagem por UNLead em 04/04/11, 06:39 pm

Olá Caíque Andrade,

Você por um acaso, colocou o Código CSS que o tutorial disponibilizou?

Estou ao Aguardo.

Att.
LeooZz
avatar

UNLead
Usuário destaque

Masculino
Inscrito dia : 30/11/2010
Mensagens : 516
Pontos Ativos : 746

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

Resolvido Re: Lista de seções não funciona

Mensagem por Caíque Andrade em 04/04/11, 10:01 pm

Código CSS:
Código:
}

.img_list_hp {
border: 1px solid #FF6600;
padding: 0;
float: left;
color: #FFFFFF !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: #FF6600;
color #FFFFFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFFFFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url();
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

avatar

Caíque Andrade
Nível 8

Masculino
Inscrito dia : 09/03/2011
Mensagens : 116
Pontos Ativos : 162

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

Resolvido Re: Lista de seções não funciona

Mensagem por seender em 04/04/11, 10:46 pm

Olá!

Faça assim, retire este código de sua página CSS:
Código:
}
.img_list_hp {
border: 1px solid #FF6600;
padding: 0;
float: left;
color: #FFFFFF !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: #FF6600;
color #FFFFFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFFFFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url();
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
E adicione este:
Código:
.img_list_hp{-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #FF6600;border-radius:6px;color:#FFF!important;float:left;font-size:11px;margin:auto 10px auto auto;padding:0;text-align:center;width:auto}.img_list_hp:hover{background-color:#DCEAF5}.img_list_hp img{padding:8px 15px}.img_list_hp span{background-color:#0372BE;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-position:20px 0;background-repeat:no-repeat;padding-left:55px;padding-top:13px}
Depois carregue no botão Salvar.

Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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