Re: [PHP-ES] Utilidad Chat
[email protected] (Mauricio Tapia) Thu, 23 Jan 2025 10:16:28 -0300
| Newsgroups | php.general.es |
|---|---|
| Message-ID | <CA+xbvFCpxgfghR4DtSd7btiK-QbCpPcc1JaEGi1vBMeJT=6gcA@mail.gmail.com> |
--000000000000a06326062c5f6b84
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable
Considerando la buena observaci=C3=B3n sobre los posibles problemas de
seguridad, no me complique mucho: agregue el bot=C3=B3n de whatsapp con mi
n=C3=BAmero y asunto arreglado.
Saludos
<style>
.btn-whatsapp {
position: fixed;
left: 20px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
.btn-whatsapp i {
font-size: 36px;
color: white;
}
.btn-whatsapp:hover {
transform: translateY(-50%) scale(1.1);
transition: all 0.3s ease;
}
</style>
<a href=3D"https://wa.me/{{ config('services.whatsapp.number') }}"
class=3D"btn btn-success btn-whatsapp"
target=3D"_blank">
<i class=3D"lab la-whatsapp la-2x"></i>
</a>
--000000000000a06326062c5f6b84
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable
<div dir=3D"ltr">Considerando la buena observaci=C3=B3n sobre los posibles =
problemas de seguridad, no me complique mucho: agregue el bot=C3=B3n de wha=
tsapp con mi n=C3=BAmero y asunto arreglado.<div><br></div><div>Saludos<br>=
<div><br></div><div><pre style=3D"background-color:rgb(43,43,43);color:rgb(=
174,181,189);font-family:Menlo;font-size:11.3pt"><span style=3D"background-=
color:rgb(35,37,37)"><br></span><span style=3D"color:rgb(232,191,106)"><=
style><br></span><span style=3D"color:rgb(232,191,106)"> </span>.<spa=
n style=3D"color:rgb(232,191,106)">btn-whatsapp </span>{<br> <span s=
tyle=3D"color:rgb(186,186,186)">position</span>: <span style=3D"color:rgb(7=
6,132,217)">fixed</span><span style=3D"color:rgb(89,124,194)">;<br></span><=
span style=3D"color:rgb(89,124,194)"> </span><span style=3D"color:rg=
b(186,186,186)">left</span>: <span style=3D"color:rgb(38,125,255)">20</span=
><span style=3D"color:rgb(76,132,217)">px</span><span style=3D"color:rgb(89=
,124,194)">; </span><span style=3D"color:rgb(122,122,122)"><br></span><spa=
n style=3D"color:rgb(122,122,122)"> </span><span style=3D"color:rgb(=
186,186,186)">top</span>: <span style=3D"color:rgb(38,125,255)">50</span>%<=
span style=3D"color:rgb(89,124,194)">; </span><span style=3D"color:rgb(1=
22,122,122)"><br></span><span style=3D"color:rgb(122,122,122)"> </sp=
an><span style=3D"color:rgb(186,186,186)">transform</span>: <span style=3D"=
color:rgb(232,191,106)">translateY</span>(-<span style=3D"color:rgb(38,125,=
255)">50</span>%)<span style=3D"color:rgb(89,124,194)">; </span><span style=
=3D"color:rgb(122,122,122)"><br></span><span style=3D"color:rgb(122,122,122=
)"> </span><span style=3D"color:rgb(186,186,186)">border-radius</spa=
n>: <span style=3D"color:rgb(38,125,255)">50</span>%<span style=3D"color:rg=
b(89,124,194)">;<br></span><span style=3D"color:rgb(89,124,194)"> </=
span><span style=3D"color:rgb(186,186,186)">width</span>: <span style=3D"co=
lor:rgb(38,125,255)">60</span><span style=3D"color:rgb(76,132,217)">px</spa=
n><span style=3D"color:rgb(89,124,194)">;<br></span><span style=3D"color:rg=
b(89,124,194)"> </span><span style=3D"color:rgb(186,186,186)">height=
</span>: <span style=3D"color:rgb(38,125,255)">60</span><span style=3D"colo=
r:rgb(76,132,217)">px</span><span style=3D"color:rgb(89,124,194)">;<br></sp=
an><span style=3D"color:rgb(89,124,194)"> </span><span style=3D"colo=
r:rgb(186,186,186)">display</span>: <span style=3D"color:rgb(76,132,217)">f=
lex</span><span style=3D"color:rgb(89,124,194)">;<br></span><span style=3D"=
color:rgb(89,124,194)"> </span><span style=3D"color:rgb(186,186,186)=
">align-items</span>: <span style=3D"color:rgb(76,132,217)">center</span><s=
pan style=3D"color:rgb(89,124,194)">;<br></span><span style=3D"color:rgb(89=
,124,194)"> </span><span style=3D"color:rgb(186,186,186)">justify-co=
ntent</span>: <span style=3D"color:rgb(76,132,217)">center</span><span styl=
e=3D"color:rgb(89,124,194)">;<br></span><span style=3D"color:rgb(89,124,194=
)"> </span><span style=3D"color:rgb(186,186,186)">z-index</span>: <s=
pan style=3D"color:rgb(38,125,255)">1000</span><span style=3D"color:rgb(89,=
124,194)">;<br></span><span style=3D"color:rgb(89,124,194)"> </span>=
<span style=3D"color:rgb(186,186,186)">box-shadow</span>: <span style=3D"co=
lor:rgb(38,125,255)">2</span><span style=3D"color:rgb(76,132,217)">px </spa=
n><span style=3D"color:rgb(38,125,255)">2</span><span style=3D"color:rgb(76=
,132,217)">px </span><span style=3D"color:rgb(38,125,255)">6</span><span st=
yle=3D"color:rgb(76,132,217)">px </span><span style=3D"color:rgb(232,191,10=
6)">rgba</span>(<span style=3D"color:rgb(38,125,255)">0</span><span style=
=3D"color:rgb(92,122,184)">,</span><span style=3D"color:rgb(38,125,255)">0<=
/span><span style=3D"color:rgb(92,122,184)">,</span><span style=3D"color:rg=
b(38,125,255)">0</span><span style=3D"color:rgb(92,122,184)">,</span><span =
style=3D"color:rgb(38,125,255)">0.4</span>)<span style=3D"color:rgb(89,124,=
194)">; </span><span style=3D"color:rgb(122,122,122)"><br></span><span styl=
e=3D"color:rgb(122,122,122)"> </span>}<br><br> .<span style=3D"color:=
rgb(232,191,106)">btn-whatsapp </span><span style=3D"color:rgb(89,124,194)"=
>i </span>{<br> <span style=3D"color:rgb(186,186,186)">font-size</sp=
an>: <span style=3D"color:rgb(38,125,255)">36</span><span style=3D"color:rg=
b(76,132,217)">px</span><span style=3D"color:rgb(89,124,194)">;<br></span><=
span style=3D"color:rgb(89,124,194)"> </span><span style=3D"color:rg=
b(186,186,186)">color</span>: <span style=3D"color:rgb(76,132,217)">white</=
span><span style=3D"color:rgb(89,124,194)">;<br></span><span style=3D"color=
:rgb(89,124,194)"> </span>}<br><br> <span style=3D"color:rgb(122,122,1=
22)"><br></span><span style=3D"color:rgb(122,122,122)"> </span>.<span st=
yle=3D"color:rgb(232,191,106)">btn-whatsapp</span>:<span style=3D"color:rgb=
(232,191,106)">hover </span>{<br> <span style=3D"color:rgb(186,186,1=
86)">transform</span>: <span style=3D"color:rgb(232,191,106)">translateY</s=
pan>(-<span style=3D"color:rgb(38,125,255)">50</span>%) <span style=3D"colo=
r:rgb(232,191,106)">scale</span>(<span style=3D"color:rgb(38,125,255)">1.1<=
/span>)<span style=3D"color:rgb(89,124,194)">;<br></span><span style=3D"col=
or:rgb(89,124,194)"> </span><span style=3D"color:rgb(186,186,186)">t=
ransition</span>: <span style=3D"color:rgb(76,132,217)">all </span><span st=
yle=3D"color:rgb(38,125,255)">0.3</span><span style=3D"color:rgb(76,132,217=
)">s ease</span><span style=3D"color:rgb(89,124,194)">;<br></span><span sty=
le=3D"color:rgb(89,124,194)"> </span>}<br><span style=3D"color:rgb(232,1=
91,106)"></style><br></span><span style=3D"color:rgb(122,122,122)"><b=
r></span><span style=3D"color:rgb(232,191,106)"><a </span><span style=3D=
"color:rgb(186,186,186)">href</span><span style=3D"color:rgb(76,132,217)">=
=3D"<a href=3D"https://wa.me/">https://wa.me/</a></span><span style=3D=
"background-color:rgb(35,37,37)">{{ </span><span style=3D"color:rgb(169,183=
,198);background-color:rgb(35,37,37)">config</span><span style=3D"backgroun=
d-color:rgb(35,37,37)">(</span><span style=3D"color:rgb(128,125,110);backgr=
ound-color:rgb(35,37,37);font-weight:bold">'services.whatsapp.number=
9;</span><span style=3D"background-color:rgb(35,37,37)">) }}</span><span st=
yle=3D"color:rgb(76,132,217)">"<br></span><span style=3D"color:rgb(76,=
132,217)"> </span><span style=3D"color:rgb(186,186,186)">class</span><spa=
n style=3D"color:rgb(76,132,217)">=3D"btn btn-success btn-whatsapp&quo=
t;<br></span><span style=3D"color:rgb(76,132,217)"> </span><span style=3D=
"color:rgb(186,186,186)">target</span><span style=3D"color:rgb(76,132,217)"=
>=3D"_blank"</span><span style=3D"color:rgb(232,191,106)">><br=
></span><span style=3D"color:rgb(232,191,106)"> <i </span><span style=
=3D"color:rgb(186,186,186)">class</span><span style=3D"color:rgb(76,132,217=
)">=3D"lab la-whatsapp la-2x"</span><span style=3D"color:rgb(232,=
191,106)">></i><br></span><span style=3D"color:rgb(232,191,106)">&=
lt;/a></span></pre></div></div></div>
--000000000000a06326062c5f6b84--