Esse efeito

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

Resolvido Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 03:27 pm

Qual é minha questão:
Eu queria esse efeito aqui vejam a imagem:
http://i49.servimg.com/u/f49/14/99/55/84/imagem14.jpg

Forum onde vi: http://winkgames.portalexpert.com/

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx

Versão do fórum:
PUNBB
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por -Naruto em 07/12/12, 03:32 pm

Olá, Não compreendi o Mesmo deseja a borda?

se for veja este Topico:

http://ajuda.forumeiros.com/t42970-tutorial-arredondar-as-bordas-das-categorias-do-forum
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

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

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 03:33 pm

Não amigo.

eu quero efeito nas categorias.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por -Naruto em 07/12/12, 03:38 pm

Olá Adicone em Sua css::

tr:hover {
background-color: white !important;
background-image: none !important;
}
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

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

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 03:41 pm

Olá,

Não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por -Naruto em 07/12/12, 03:42 pm

Olá Tente este:

Código:
.forumline tr:hover {
background-color: white;
background-image: none !important;
}
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

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

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 03:48 pm

Olá,

Não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por -Naruto em 07/12/12, 03:50 pm

Olá Senhor,

Tente este:

Código:
li.row:hover{
background-color: #FF0000 !important;
}
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

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

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 03:54 pm

Olá,

Não resulto.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por -Naruto em 07/12/12, 03:55 pm

Olá

.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {
background-color:#cor;
}

Em Negrito Subistitua pelo Codigo da cor desejada.
avatar

-Naruto
Usuário avançado

Masculino
Inscrito dia : 30/11/2012
Mensagens : 429
Pontos Ativos : 556

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

Resolvido Re: Esse efeito

Mensagem por BrunoH. em 07/12/12, 03:57 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
.pun .main, .pun .main-category {background: url(http://i76.servimg.com/u/f76/11/66/91/15/c_righ10.png) no-repeat top right;padding: 0 15px 0 0;}
.pun .main, .pun .main-category {background-color: #292828;background-image: url(http://illiweb.com/fa/empty.gif);background-position: 0 0;background-repeat: repeat-x;border: 2px solid #;clear: both;margin-bottom: 4px;padding: 0 5px;}
e Valide!

Até mais! Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 04:06 pm

Olá,

Naruto o seu não resultou.

BrunoH, o seu modificou mais olhe ocmo está, ainda não está como eu quero:
http://maniaonline.foroactivo.com.mx/forum
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por Horlock em 07/12/12, 04:35 pm

Tente este código

Código:

.forabg:hover{
box-shadow: 0 0 10px #333;
-moz-box-shadow: 0 0 10px #333;
-webkit-box-shadow: 0 0 10px #333;
-o-box-shadow: 0 0 10px #333;
}

Adicione-o na sua folha css e valide
avatar

Horlock
Nível 8

Masculino
Inscrito dia : 05/12/2012
Mensagens : 131
Pontos Ativos : 261

Ver perfil do usuário

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 07/12/12, 04:37 pm

Olá,

Não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por Sennior em 09/12/12, 12:18 pm

Olá!

Tente o seguinte CSS:
Código:
.main-content {
background-color: #292828;
background-image: url(http://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
.main-content {
background: url(http://i76.servimg.com/u/f76/11/66/91/15/c_righ10.png) no-repeat top right;
padding: 0 15px 0 0;
}
.main .main-head {
background-image: url(http://illiweb.com/fa/empty.gif);
}
.main .main-foot, .main .main-head {
background-color: transparent !important;
color: #DEDFDF;
font-weight: 400;
padding: .7em 1.3em;
}
.pun .main-content {
background-color: transparent !important;
border: transparent !important;
}

Aplique no inicio de teu CSS.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 10/12/12, 11:31 am

Olá mikéé,

coloquei o código que você me forneceu, ficou todo preto mais não ficou com o efeito veja em meu fórum:
http://maniaonline.foroactivo.com.mx/forum
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por Alex Habilidade em 11/12/12, 12:19 pm

Up.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Esse efeito

Mensagem por Luciano98 em 12/12/12, 12:37 am

Olá!

Utilize esse código CSS:
Código:
.main .main-content{background:url(http://i76.servimg.com/u/f76/11/66/91/15/c_righ10.png) no-repeat top right,url(http://i76.servimg.com/u/f76/11/66/91/15/c_left12.png) top left repeat-x!important;background-color:#282828!important;margin-top:-40px!important;border:0px!important;padding:55px 15px 10px 10px!important}.main-head{background:transparent}.main-content table.table,.main-content table.table tbody.statused tr td,.main-content table.table tr:hover{background:transparent;border:0px}

Até mais.
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: Esse efeito

Mensagem por Alex Habilidade em 13/12/12, 12:27 am

Olá Luciano;

Resultou obrigado.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

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