[Pedido]Efeito LOGO Na Página HTML

2 participantes

Início :: Design Gráfico :: Fábrica Gráfica :: Arquivo Discussões Gráficas[Pedido]Efeito LOGO Na Página HTML

Sluk Sluk  • 26.02.13 19:26

[Pedido]Efeito LOGO Na Página HTML Empty [Pedido]Efeito LOGO Na Página HTML 26.02.13 19:26

Olá a todos , estou desenvolvendo uma página html e pensei em uma coisa por exemplo , minha página vai ter um Fundo(BG) e um logo redondo no centro ...

Queria um efeito por exemplo quando eu clicava no logo o site abria tipo por dentro do logo , ou outros efeitos legais também com o logo que vocês possam disponibilizar para mim , obrigado a todos que me ajudarem ou tentarem.


Última edição por Sluk em 26.02.13 21:59, editado 1 vez(es)

@Coper @Coper  • 26.02.13 19:46

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 26.02.13 19:46

Olá,

Poderia me passar o código da sua Página HTML

E Sobre o efeito de quando clicar na logo o site abre dentro da logo isso não será possível, mais tem alguns efeito como deixar o logo transparente e depois passar o mouse ele fica com a cor original e também tem um de passar o mouse e ele ir para o lado

Até

Sluk Sluk  • 26.02.13 20:53

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 26.02.13 20:53

Amigo é uma página html simples só tem o background e o Logo no centro..., tem então algum efeito que quando passo o mouse por cima do logo ele se reparte¿

@Coper @Coper  • 26.02.13 21:56

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 26.02.13 21:56

Olá,

Pode tentar fazer com que quando passar o mouse ele muda de imagem e faz com que apareça o logo repartido mais para isso precisará fazer a imagem dele repartido

Até

Sluk Sluk  • 26.02.13 21:58

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 26.02.13 21:58

Sim tenho ela repartida agora poderia me passar o código que faça isso acontecer¿ obrigado.

@Coper @Coper  • 26.02.13 22:03

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 26.02.13 22:03

Olá,

Poderia me passar o código da página e o link do logo repartido e ele sem repartido, porque preciso saber a CLASS que você esta utilizando no logo

Até

Sluk Sluk  • 26.02.13 23:13

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 26.02.13 23:13

Ai está o código da página
Código:
<html>
<head>
<title> Página Inicial </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="terapia-Icon" href="#" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">

<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/ ///-->
<!--/ ///-->

<!--/  Portal  ///-->

<!--/ ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">
</script>

<style>
span.reference{
position:fixed;
left:550px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#aaa;
text-decoration:underline;
}
body {
background-image: url('http://i.imgur.com/bqn30Zn.png') !important;
background-repeat: no-repeat;
widht:100%;
height:100%;

}
html,body {
    overflow-y: hidden;
}

</style>
</head>
<body>
<div>



</span>
</div>


<body>
<table width="800" border="0" align="center" cellpadding="20" cellspacing="0">
  <tbody><tr>
    <th><a href="http://caminhoneirosbrasil.forumeiros.com"><img  src="http://i.imgur.com/LlfBOyv.png" width="218" height="256" class="logo" /></a><br></th>
  </tr>
</tbody></table>





</ul>

</body>
</html>
e ai está as img separada https://i.imgur.com/Or9TJRi.png , https://i.imgur.com/2Yrwxum.png

@Coper @Coper  • 27.02.13 12:57

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 27.02.13 12:57

Olá,

Será que seria possível mandar as duas em uma só uma imagem comais com um espaço entra elas

Até

Sluk Sluk  • 27.02.13 14:23

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 27.02.13 14:23

Não entendi muito bem oque pediu mais acho que foi isso , https://i.imgur.com/5qqZClj.png

@Coper @Coper  • 27.02.13 15:22

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 27.02.13 15:22

Olá,

Substitua o código HTML por este

Código:
<html>
<head>
<title> Página Inicial </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="shortcut icon" type="terapia-Icon" href="#" />
<link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">

<script type="text/css">
<!--////////////////////////////////////////////////////////////////////////////////-->

<!--/ ///-->
<!--/ ///-->

<!--/  Portal  ///-->

<!--/ ///-->

<!--////////////////////////////////////////////////////////////////////////////////-->
<script type="text/javascript">
</script>

<style>
span.reference{
position:fixed;
left:550px;
bottom:10px;
font-size:14px;
}
span.reference a{
color:#aaa;
text-decoration:underline;
}
body {
background-image: url('http://i.imgur.com/bqn30Zn.png') !important;
background-repeat: no-repeat;
widht:100%;
height:100%;

}
html,body {
    overflow-y: hidden;
}

</style>
</head>
<body>
<div>



</span>
</div>


<body>

<a href="http://caminhoneirosbrasil.forumeiros.com"><img src="http://i.imgur.com/LlfBOyv.png" onmouseout="this.src='http://i.imgur.com/LlfBOyv.png';" onmouseover="this.src='http://i.imgur.com/5qqZClj.png';"
style="
    position: absolute;
    top: 25px;
    left: 380px;
"
></a>




</ul>

</body>
</html>

Até

Sluk Sluk  • 27.02.13 21:13

[Pedido]Efeito LOGO Na Página HTML Empty Re: [Pedido]Efeito LOGO Na Página HTML 27.02.13 21:13

Muito bom ,funcionou , obrigado por me ajudar. Ganhou meu +.
Início :: Design Gráfico :: Fábrica Gráfica :: Arquivo Discussões Gráficas:: [Pedido]Efeito LOGO Na Página HTML
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.