Light box de texto em HTML, CSS, Javascript

Concluído Postado há 6 anos Pago na entrega
Concluído 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>

CSS HTML HTML5 JavaScript

ID do Projeto: #15630366

Sobre o projeto

13 propostas Projeto remoto Ativo em há 6 anos

Concedido a:

AlexanderBulei

Boa Tarde, posso-lhe fazer o que você precisa. Contacta me, para falar melhor sobre o trabalho. Cumprs.

R$388 BRL em 3 dias
(47 Comentários)
5.4

13 freelancers estão ofertando em média R$441 nesse trabalho

CoderCrew

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

R$466 BRL in 3 dias
(230 Comentários)
7.2
aliammarizvi19

A proposal has not yet been provided

R$333 BRL in 5 dias
(1 Comentário)
1.2
hinamahii

Hi, I am an expert Developer and Designer specially dealing in responsive website development. I am ready to design this website according to your requirements. Please feel free to contact me so we can discuss the p Mais

R$466 BRL in 3 dias
(0 Comentários)
0.0