aparecer div no hover

[Sander Luís 4]

assim pessoal, eu fiz aki um efeito q quando passa o mouse em cima da div pai, aparecesse a div filho q estava com display:none, oque acontece é q eu usei os efeitos dos script.aculo.us

 

e fiz um mouseover na div pai para aparecer a div filho e um mouseout na div filho para ela sumir

 

assim:

 

<div id="circle1"  onclick="window.location='#'"onmouseover="new Effect.Opacity('circle1hover', { from: 0, to: 1,duration: 1.0 });">
<div id="circle1hover" style="opacity:0;" onmouseout="new Effect.Opacity('circle1hover', { from: 1, to: 0,duration: 1.0 });">
</div></div>

 

mas vi q isso fica muito grande o codigo e ainda da erro quando passo o mouse rapido em sima ela meio começa o efeito depois ja diminui depois pisca 1 mez q sacoo,

 

eu tinha visto em jquery

 

e tinha a div e um spam dae quando passava o mouse na div o spam aparecia com fade, quando tirava o mouse o spam sumia com fade tbm, o link do q eu fiz é este:

 

http://sandersites.alphimedia.com/linksfuncionando/

 

o q eu vi q é com spam e os efeitos fade dirreto em jquery é este

 

http://sandersites.alphimedia.com/linksdemo/back/

 

só q tentei mudar para o meu progeto e não deu, o meu progeto tem q ter obrigatoriamente isso:

 

<div id="circle1"  onclick="window.location='#'"><div id="circle1hover" >
</div></div>

<div id="circle2"  onclick="window.location='#'"><div id="circle2hover" >
</div></div>

<div id="circle3"  onclick="window.location='#'"><div id="circle3hover" >
</div></div>

 

sei lá como q faz, só sei q eu tinha visto isso em jquery e é realmente bem pequeno o codigo.

 

aki no meu pode trocar as divs "circlehover" por spam, mas tem q ter no spam o id da div pq tem outros efeitos no meu site q precizam do id igual e o css tbm usa eles

 

vlw se alguem sabe, resumindo é assim, passa o mouse na div circle e aparece a div circlehover com efeito fade, tira o mou, some a div circle home com efeito fade

 

muito importante, no estilo a propriedade opacity não funciona no ie né????? pq aki eu tinha uns efeitos q usavam o opacity e tive q trocar tudo para display:none, se não simplesmente não funcionava

 

vlwww se alguem sabe ajuda q tenho q terminar meu site hoge vlwwwwww Deus Abençoe!!!!!!

[Guilherme Oderdenge 42]

Se o link que você fez é este, então o efeito está funcionando corretamente aqui. :huh:

 

Mas eu achei um erro gravíssimo que pode comprometer totalmente o seu site... já viu ali encima o "Preciza"? Pois é, dá uma olhada aqui.

[Sander Luís 4]

kkkkkkkkkkkkkk carra é só teste poe enquanto a minha pagina oficial vai ver outra ja ageitei o texto kkkkkkkk

 

ja o efeito, tentou passar mouse rapido em sima?

 

se passar o mouse rapido note q ele pisca depois

 

e você testou em q browser?

 

olha um link novo do q eu fiz agora:

 

http://sandersites.alphimedia.com/demo/

 

testa os 2 links q locoquei rapidin la onde vai ser o menu

 

outra pq sera q ainda tem gente q usa o ie será q naum se tocam no chromer e safari carrega rapidão e minha net é 128kbs ja no IE demora um monte kk

 

e ae? alguem sabe?? vlw

 

Diéssica ajuda ae, ja q tah lendo vlw huhuuull agora coloquei tbm o efeito fade na descrição

 

tah ficando muito massa

 

http://sandersites.alphimedia.com/demo/

 

testem os links la onde vai ser o menu, tah em construção depois vou po0r eles lá no ladinho azul na div mensagem

 

vai ficar massa, mas uma coisa,

 

oq vcs acham da pagina inicial ter 150kbs para carregar contando com imagens, js, css etc

sendo q depois as proximas paginas ja vai ter tudo carregado........

 

as imagens foram optimizadas ao maximo e tbm sem perder muita qualidade....

 

acho q naum faz muita diferrença, quem tem a internet lenta é eu aki

kk

 

fora uns blogs ae na net q tem 2 banner de 450kbs....... aushaushas

[Diéssica 140]

olha um link novo do q eu fiz agora:

 

http://sandersites.alphimedia.com/demo/

 

testa os 2 links q locoquei rapidin la onde vai ser o menu

 

outra pq sera q ainda tem gente q usa o ie será q naum se tocam no chromer e safari carrega rapidão e minha net é 128kbs ja no IE demora um monte kk

 

e ae? alguem sabe?? vlw

Fui testar no IE e realmente, demora um pouco mais. Tentei ver o código fonte e apareceu um aviso de copyright.

A ideia de tentar bloquear o botão direito do mouse também foi muito boa.

 

Mas não adiantou muito comigo porque tenho o Firebug instalado. Até ia postar aqui, só que pelo o que vi seu código está protegido por copyright, e vai que eu violo as regras... :(

 

:seta: http://forum.imasters.com.br/index.php?app=core&module=help&do=01&HID=35

 

Sander, se quer ser ajudado, SEMPRE deixe seu código disponível :thumbsup:

 

---------------------------------------------

 

Sim, tá ficando "massa".

 

E já que tá falando de massa, sugiro trocar a tipografia de "O Que Você Precisa?". Comic Sans é triste...

[Sander Luís 4]

Fui testar no IE e realmente, demora um pouco mais. Tentei ver o código fonte e apareceu um aviso de copyright.

A ideia de tentar bloquear o botão direito do mouse também foi muito boa.

 

Mas não adiantou muito comigo porque tenho o Firebug instalado. Até ia postar aqui, só que pelo o que vi seu código está protegido por copyright, e vai que eu violo as regras... :(

 

:seta: http://forum.imasters.com.br/index.php?app=core&module=help&do=01&HID=35

 

Sander, se quer ser ajudado, SEMPRE deixe seu código disponível :thumbsup:

 

---------------------------------------------

 

Sim, tá ficando "massa".

 

E já que tá falando de massa, sugiro trocar a tipografia de "O Que Você Precisa?". Comic Sans é triste...

 

ok mas a tipografia do texto q você falou não é Comic Sans não, é assim font-family: 'Merienda One', cursive;

vem lá do Google Fonts

 

ja sobre o copyright, pois é, não apenas o botão dirreito

 

proibi as funções

ctrl+s

ctrl+u

f12

e o mouse

ja como meu site não é blog o texto dele pode dar sim ctrl+c mas como o codigo fonte não está na pagina q passei fica dificil né? kkkkkk

 

olha faz assim

 

vou desativar os bloqueios por em quanto, e outra essa pagina aae é só teste mesmo, ja a oficial q esta quase pronta tem o login e cadastro instalado e ela esta em php,

vou desativar e pode ver o codigo dela, ja se quiser usar alguma coisa deixa a fonte no codigo vlw........

 

outra, sobre o firebug, se eu por esse cdigo na minha pagina o firebug não vai mostrar o codigo fonte da pagina??

 

<script type=”text/javascript”>
if( window.console && window.console.firebug ){
alert(“Desculpe, este site não suporta o Firebug!”);
window.location=’/sem_firebug.html’;
}
</script>

vlww

 

liberada, copyright desativada kkkkk

[Guilherme Oderdenge 42]

Sander, não estou aqui para julgar nada nem ninguém - mas por que você quer tanto esconder o seu código fonte?

 

Lembre-se que empresas ou clientes mais experientes podem ter uma melhor impressão de você se o código da sua página estiver organizado. E essa primeira impressão só é possível se você admitir a visualização do código.

 

E mais, você precisa dar um @font-face para que a font selecionada funcione como desejas, porque aos usuários que não possuem a Merienda One, teremos a Comic Sans no lugar (isso por causa do cursive).

 

Tem um artigo meu aqui que fala sobre esse processo de importação de fontes.

[Diéssica 140]

Sander, e se eu desativar o Javascript?

 

E o Guilherme já falou tudo o que eu tinha pra falar.. É impossível esconder o código completamente :(

[Sander Luís 4]

Sander, e se eu desativar o Javascript?

 

E o Guilherme já falou tudo o que eu tinha pra falar.. É impossível esconder o código completamente :(

assim, sobre o codigo fonte é só teste esta não é a pagina inicial, oq euq ueria ver é se tem como eu por o efeito hover nas divs circle1 circle2 e circle3 com jquery e não como q esta lá

 

ja sobre o javascript desative e terá a sua resposta... vlw

 

olha guilherme , uso as fontes do google

 

http://www.google.com/webfonts

procura lá Merienda One

 

vai ter como colocar ela no site,

 

eu fiz assim:

 

no head:

<link href='http://fonts.googleapis.com/css?family=Merienda+One''>http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>

 

no css:

 

font-family: 'Merienda One', cursive;

 

agora pq mudar e por o @font-face se no http://fonts.googleapis.com/css?family=Merienda+One cria automartico?

 

tah la pode ver........

 

simplesmente esse script do google cria isso:

 

@media screen {
@font-face {
 font-family: 'Merienda One';
 font-style: normal;
 font-weight: normal;
 src: local('Merienda One'), local('MeriendaOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/meriendaone/v4/bCA-uDdUx6nTO8SjzCLXvXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
}
}

 

deve ser oq você falou para por ok????

 

a pagina q eu passei é de teste, foi editada varias vezes e eu vi q estava faltando o script por isso q ela não aparecia, ja agora eu ageitei e está ok..