@braisvilela opa tudo bom realmente você disse coisas desnecessárias.

aqui é um fórum gratuito com o devido lugar para jobs.

caso você não tem paciência ou tempo para ajudar o membro que obviamente é leigo no assunto não precisa ser rude você deu um bom ponto de partida para ele tenho certeza que outro membro poderia complementar o seu comentário com a conclusão que ele esta procurando sem precisar ser arrogante.

deixo observado caso não quiser concluir seus comentários porque acha que o membro é leigo "demais" assim dizendo então basta não comentar mais nada para evitar poluição discussão etc... grato

1 hora atrás, braisvilela disse:

Voce quer tudo pronto é? Pq não ve tutoriais? Voce tem que aprender pra não depender dos outros...
cria um arquivo .css e coloca o efeito hover e depois coloca o css dentro da tag <header> e só colocar a imagem linkada ou div.

Se voce quer o serviço dos outros voce tem que dar algo em troca.

 

 

O cara tá perguntando quem tem. se você não tem, não precisa falar esses tipos de comentários desnecessário... espero que melhore agora!

CSS

 

.zaptable {
	position: absolute;
	margin-left: 60%;
	text-align: left;
	background: #01010185;
	border: 2px solid #8595bb;
	padding: 9px 8px 6px 47px;
	border-radius: 0 0 10px 10px;
	color: #fff;
	margin-top: -2px;
	font: 400 9pt Verdana, Arial, Times New Roman, sans-serif;
	box-shadow: 6px 6px 50px 2px #23d100;
	z-index: 10000;
	transition: all 600ms ease-out
}

.zaptable:hover {
	box-shadow: 2px 2px 18px 1px #03ff0d;
	border: 2px solid #03ff0d;
	background: #343f58;
	transition: all 500ms ease-out;
	z-index: 10000;
	cursor: pointer
}

.zaptable img {
	position: absolute;
	margin-left: -47px;
	margin-top: -8px;
	width: 43px
}

.zaptable small {
	transition: all 500ms ease-out;
	display: none
}

.zaptable:hover small {
	transition: all 500ms ease-out;
	display: block
}

 

DIV

 

<a href="https://chat.whatsapp.com/FFd7zZAdq5KHt7x6qd4Dr9" target="_blank">
		<div class="zaptable">
			<div class="zapbox">
				<img src="./layouts/tibiacom/images/themeboxes/whats.png"><strong>Whatsapp Group: </strong>Nome do Servidor<br>
				<strong>Limit of members </strong> 200 <small style="color: #00c51d;text-shadow: 1px 1px black;text-align:center;">Click here to enter!</small>
			</div>
		</div>
	</a>

 

 

 

6 horas atrás, braisvilela disse:

Voce quer tudo pronto é? Pq não ve tutoriais? Voce tem que aprender pra não depender dos outros...
cria um arquivo .css e coloca o efeito hover e depois coloca o css dentro da tag <header> e só colocar a imagem linkada ou div.

Se voce quer o serviço dos outros voce tem que dar algo em troca.

 

Fez o cursinho gratuito de 10 min de HTML e já quer vir aqui tirar dinheiro dos leigos. Chegou a chamar um membro de burro em outro tópico só porque ele escreveu uma palavra em inglês errada. Você deve estar no lugar errado, aqui é um fórum onde o pessoal se ajuda e ninguém ganha nada em troca, então se não quer ajudar não atrapalhe. Já que você é tão gênio, produza conteúdo e poste.

@luanluciano93 obrigado, o membro já foi punido severamente irei desabilitar respostas neste tópico para não poluir