Light box de texto em HTML, CSS, Javascript
R$90-750 BRL
Pago na entrega
Gostaria de um orçamento para a necessidade abaixo:
Tenho 4 vendedores. Preciso divulgar numa lightbox o nome do vendedor, telefone fixo + ramal, whatsapp. Veja um exemplo do design nesse site [login to view URL] no box: "Fale direto com a equipe de vendas"
Não entendo muito de programação, mas acredito que um código html, css, java script será a solução...
Serão dois conjuntos de código, uma para usar na versão desktop e outra na versão mobile. A versão mobile vou contratar somente no futuro, mas é bacana deixar posicionado que o primeiro contrato será para a finalidade de uso no desktop.
VERSÃO DESKTOP
Itens do lightbox:
• setas de navegação esquerda/direita para navegar entre os vendedores disponíveis. A seta à esquerda/direta fica sempre disponível, portanto a navegação nas setas é em looping;
• 3 linhas de texto:
1. nome do vendedor
2. ícone do whats app + ddd no formato (011) + número do whatsapp no formato X-XXXX-XXXX
3. ícone de telefone fixo + ddd no formato (011) + número do telefone fixo + ramal + número do ramal
Configurações
1. No lightbox só deve caber os dados de um vendedor por vez. O primeiro vendedor apresentado e a sequencia geral dos vendedores é aleatória. Quando cada novo usuário que acessa o site vê na primeira posição um vendedor diferente. Porém, quando o mesmo usuário retornar ao site, vê o mesmo vendedor que viu anteriormente em primeiro lugar... A cada usuário novo que acessa o site, torna tudo aleatório, tanto a posição do primeiro, quando dos demais (diminuindo a chance de um mesmo vendedor receber mais contatos e ser privilegiado em detrimento de outro). Uma vez que o usuário está no site e navega nas setas, a sequencia do vendedores estabelecida não muda;
2. Link do telefone (incluindo ícone) abrindo em nova janela [target="_blank"], tel:2947-4000
3. Link do whatsApp (incluindo ícone) abrindo em nova janela [target="_blank"], no formato [login to view URL]
4. background do código html (transparente)
5. cor hexa dos ícones e das fontes #EA5E00 (exceto ícone do whatsApp na cor verde)
6. sem sublinhado nos textos
7. fonte no tamanho 24px
8. ícones de telefone no tamanho 24px x 24px
9. todos os itens dentro de um box de 390px
10. tudo alinhado à esquerda, exceto o ícone "alterar vendedor" alinhado à direita do box
espaçamento entre linhas razoável para diferenciar o telefone fixo do telefone do whats app
11. O código será aplicado num site Wix, numa função do wix que adiciono um box html dentro do site, já que o wix não permite a edição html nativa... O código abaixo que peguei na internet testei e funcionou, porém não tem as funções e configurações que preciso e relacionei acima:
[veja o código com menos funções, porém que funcionou no wix]
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
var r_text = new Array ();
r_text[0] = "Em breve1";
r_text[1] = "Em breve2";
r_text[2] = "Em breve3";
r_text[3] = "Em breve4";
var i = [login to view URL]([login to view URL] * [login to view URL]());
[login to view URL]("<center><FONT SIZE=5><FONT COLOR='#F26B25'>" +
r_text[i] + "</FONT></center>");
var bgcolorlist=new Array( "#FFFFFF")
document.body.style.background=bgcolorlist[[login to view URL]([login to view URL]()*[login to view URL])];
</script>
<style type="text/css">
<!--
body,td,th {
color: #000;
font-family: arial, helvetica, sans-serif;
</html>
ID do Projeto: #15630366
Sobre o projeto
Concedido a:
Boa Tarde, posso-lhe fazer o que você precisa. Contacta me, para falar melhor sobre o trabalho. Cumprs.
13 freelancers estão ofertando em média R$441 nesse trabalho
Hi Regarding lightbox text in html css i read your description yes it is possible to advertise using html css please come on chat for detailed discussion i will wait for your positive response Thanks