SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

D'Leandro™

D'Leandro™
sou nível 17

Seg 17 Dez 2012, 1:58 pm

Qual é minha questão:
Como aplicar este efeito nas linhas do .code?

Código:
<html>
<head>
<title>.:: Código Fonte ::.</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="50%" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="103"> <div align="center"><font color="#0000CC">Passe o mouse sobre as linhas para ver o resultado!</font></div>
</td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''">
<td height="5"><div align="center">Linha 01 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''">
<td height="2"><div align="center">Linha 02 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''">
<td height="2"><div align="center">Linha 03 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''">
<td height="2"><div align="center">Linha 04 da tabela</div></td>
</tr>

<tr style="cursor:default" onMouseOver="javascript:this.style.backgroundColor='#C0B085'" onMouseOut="javascript:this.style.backgroundColor=''">
<td height="2"><div align="center">Linha 05 da tabela</div></td>
</tr>

<tr>
<td height="82"> <div align="center"><font size="1">D'Leandro™</font></div>
</td>
</tr>
</table>
</body>
</html>


Imagem do meu problema:


Endereço do meu fórum:
http://staffergroupbr.stuning.net/

Versão do meu fórum:
PHPBB3

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Seg 17 Dez 2012, 2:01 pm

Qual o efeito do códgO?

D'Leandro™

D'Leandro™
sou nível 17

Seg 17 Dez 2012, 3:15 pm

é dificil explicar, coloque ele em uma página HTML, ou em um WidGEt e veja.

D'Leandro™

D'Leandro™
sou nível 17

Ter 18 Dez 2012, 1:02 pm

Shocked To esperando.

D'Leandro™

D'Leandro™
sou nível 17

Qui 20 Dez 2012, 11:49 pm

Uppp?
Estou aqui a muitos dias!

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 3:12 pm

Olá,

Isso é igual um Hover no code por CSS, caso queira colocá-lo, avise-me.
Mas, caso queira coloca esse efeito Hover em cada linha do code, seria quase impossível.

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 3:20 pm

Pode ser o hover, quando o membro passa o mouse em cima da linha ela muda de cor.

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 4:39 pm

Olá,

Já venho avisar, o código modifica todo o fundo do code, não apenas a linha(Oque creio eu, que não seja possível).
Adicione á teu CSS:

Código:
dl.codebox dd code:hover {background: #COR}
#COR Seta Cor em Inglês ou Hexadecimal.

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 4:49 pm

Não Resultou.

Switch

Switch
Usuário de Destaque

Sex 21 Dez 2012, 5:24 pm

Manda o link de um tópico de seu fórum que tenha uma postagem utilizando as tags code

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 5:40 pm

Praticamente 100% dos tópicos desta categoria tem as tag Code
http://staffergroupbr.stuning.net/f57-tutoriais-de-programacao

Switch

Switch
Usuário de Destaque

Sex 21 Dez 2012, 5:53 pm

É mano, no seu fórum não vai ter como.

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 6:06 pm

Olá,

Querido autor,
podemos dar este tópico como resolvido, e encerá-lo ?

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 6:10 pm

Se possivel criar o código, mesmo que para outra versão eu agradeceria, a minha intensão não é usar e sim criar um tutorial.

(Caso queira fazer o código, Os creditos de criação seram mantidos corretamente)

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sex 21 Dez 2012, 6:41 pm

Amigo, eu axo que em nenhuma versão há possivel fazer isso, pq eu tentei esse code:
Código:
$(document).ready(function(){
$("dl.codebox code").mouseenter(function(){
$(this).css({
background: "black"
});
$("dl.codebox code").mouseleave(function(){
$(this).css({
background: "transparent"
});
});
});
});
e esse:
Código:
$(document).ready(function(){
$("dl.codebox code br ").mouseenter(function(){
$(this).css({
background: "black"
});
$("dl.codebox code br").mouseleave(function(){
$(this).css({
background: "transparent"
});
});
});
});
e enhum dos dois teve resultados satisfatorios...

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 6:52 pm

Olá,

O código que ao passar o mouse em cima do code o fundo TODO troca de cor é este:

Código:
dl.codebox dd code:hover {background: #COR;}
#COR Seta Cor em Inglês ou Hexadecimal.
OBS: O código que passei mais acima estava errado. DAD POKER FACE

Até mais.

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 7:02 pm

Ele ainda seleciona a caixa toda!

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sex 21 Dez 2012, 7:06 pm

HenRyqUé escreveu:Amigo, eu axo que em nenhuma versão há possivel fazer isso, pq eu tentei esse code:
Código:
$(document).ready(function(){
$("dl.codebox code").mouseenter(function(){
$(this).css({
background: "black"
});
$("dl.codebox code").mouseleave(function(){
$(this).css({
background: "transparent"
});
});
});
});
e esse:
Código:
$(document).ready(function(){
$("dl.codebox code br ").mouseenter(function(){
$(this).css({
background: "black"
});
$("dl.codebox code br").mouseleave(function(){
$(this).css({
background: "transparent"
});
});
});
});
e enhum dos dois teve resultados satisfatorios...

D'Leandro™

D'Leandro™
sou nível 17

Sex 21 Dez 2012, 7:16 pm

Ei gente, pode fechar este tópico, isso fica dando tranalho e nem vai ser usado!

Se alguem quiser continuar com o projeto...
Pode ser um código vip.
Fi - k - Di - k.

[F]lames

[F]lames
Desenvolvedor Web

Sex 21 Dez 2012, 8:27 pm



Topic Solved &; Locked


Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: À pedido do autor.


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se



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

TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®