En cours

Light box de texto em HTML, CSS, Javascript

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 [url removed, login to view] 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 [url removed, login to view]

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 = [url removed, login to view]([url removed, login to view] * [url removed, login to view]());

[url removed, login to view]("<center><FONT SIZE=5><FONT COLOR='#F26B25'>" +

r_text[i] + "</FONT></center>");

var bgcolorlist=new Array( "#FFFFFF")

document.body.style.background=bgcolorlist[[url removed, login to view]([url removed, login to view]()*[url removed, login to view])];

</script>

<style type="text/css">

<!--

body,td,th {

color: #000;

font-family: arial, helvetica, sans-serif;

</html>

Compétences : CSS, HTML, HTML5, Javascript

Voir plus : php mysql html css javascript xml, html css javascript teacher, html css javascript template, html css javascript horizontal scroll, html css javascript php mysql, free html css javascript template, html css javascript templates, training time html css javascript php mysql, html css javascript german, html css javascript datepicker examples, html css javascript opengl, mvc html css javascript, html css javascript sql engineer programming karachi

Concernant l'employeur :
( 0 commentaires ) São Paulo, Brazil

N° du projet : #15630366

Décerné à :

AlexanderBulei

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

388 R$ BRL en 3 jours
(29 Commentaires)
4.7

18 freelance ont fait une offre moyenne de 465 R$ pour ce travail

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

466 R$ BRL en 3 jours
(89 Commentaires)
5.9
imagicaworld

Dear Client , We are Really interested to do work with you , We are Web & Software development company having more than 6 year experience in Software development we totally committed to quality service, Transparen Plus

466 R$ BRL en 3 jours
(30 Commentaires)
5.5
753 R$ BRL en 3 jours
(46 Commentaires)
5.2
royalwebraisers

Dear Hiring Manager, I’ve carefully gone through your job posting on “ ” and still need some more brief of the project. I have more than 6 years of experience in skills like Codeigniter, extension Implement/Inte Plus

466 R$ BRL en 3 jours
(18 Commentaires)
5.2
Gaosong2017

Hello,Sir. How are you? I have experience 7+ years in developing .NET, Laravel, node.js, angular.js, react.js and Python Frameworks. Additionally, I have experience in Android and iPhone. I will work for you all my Plus

750 R$ BRL en 3 jours
(14 Commentaires)
5.4
phpmaestro20

Dear Hiring Manager, I have carefully gone through your job posting on "Light box de texto em HTML, CSS, Javascript " and I believe I am the right person for the job. I offer high-quality services, commitment, and e Plus

466 R$ BRL en 3 jours
(32 Commentaires)
4.7
sypsoo

I am a Web development expert with over 8 years experience in setup and customization of WordPress, Shopify, magento, and other platforms. Till date, I have created over 50 websites, most of which required custom des Plus

466 R$ BRL en 3 jours
(23 Commentaires)
5.2
meghas27

Dear Hiring Manager, I had a look at your given job post and came to know that you are looking for Website developer to build unique website as per your requirement. [url removed, login to view] http://tonguetry.c Plus

444 R$ BRL en 6 jours
(36 Commentaires)
4.6
MangoCoderz

Hello, I have very good experience of light box and I can implement this on your website. Please discuss with me when you have some [url removed, login to view]

466 R$ BRL en 3 jours
(1 Commentaire)
3.6
SimbaMoor

Hi Dear. I can start working right away and deliver the code of high quality to you in due time. As I'm a full time freelancer, I can keep good communication, while working with you I have 10 years experience of v Plus

466 R$ BRL en 3 jours
(4 Commentaires)
3.2
90 R$ BRL en 1 jour
(10 Commentaires)
2.5
FreeXXM

Greetings! As an expert in web site development, I'm very interested in your job. I have reviewed your job description carefully, I think this job is best fit to me. Best Regards Xuan - Here are my skills. M Plus

466 R$ BRL en 3 jours
(1 Commentaire)
1.8
Vadimwang

Having experience of HTML, CSS, Javascript, I can do what you want. javascript is my favorite programming language.

600 R$ BRL en 3 jours
(2 Commentaires)
1.5
gurjarkaran

Hi There, I'm willing to work on your project and to do so I need your trust on me. I'm firm that Once I get the chance to work for you I will complete this with in your budget and in time. I need a chance where I can Plus

466 R$ BRL en 3 jours
(0 Commentaires)
0.0
MasterAll999

---Dear sir!--- I have carefully read your job post ,understood everything what you want and want to thank you for such an in-depth description. This is exactly the type of work that I like to do. I assure you that Plus

350 R$ BRL en 3 jours
(0 Commentaires)
0.0
aliammarizvi19

A proposal has not yet been provided

333 R$ BRL en 5 jours
(0 Commentaires)
0.0
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 Plus

466 R$ BRL en 3 jours
(0 Commentaires)
0.0