WebSite X5Help Center

 
Ricky B.
Ricky B.
User

Tiktok icon missing in the Social Icons Set  en

Автор: Ricky B.
Просмотрено 349, Подписчики 2, Размещенный 0  

Hi,

Can you please add the tiktok icon to the Social Icon Set? Tiktok is very popular nowadays, and almost everyone has a tiktok account. It should be possobile to link the website to the tiktok accounts. 

Размещено
6 Ответы - 2 Полезно
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

As long as Incomedia doesn't offer TikTok icons, you can use one of the free providers. This generates a code that is inserted into the "HTML Code" object.

Here's an example of one of the free providers.

>> https://www.niftybuttons.com/

-----

Читать больше
Размещено От Daniel W.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > En) ...this idea has already been proposed...
.... ...if you now want to continue using the same item, it would be possible to do so by adding tiktok with my EXTRA code, but if you're interested, you must post your LINK so I can evaluate...

.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... this is my invention that I created a few years ago for the WSx5 Social Icon object. It can be applied with one click (copy/paste):

<script>
/** === + TikTok x Social Icon x WSx5 by KolAsim === **/
$(document).ready(function () {/*K>*/
const linkTikTok = "https://www.tiktok.com/@compareislam2?_t=ZG-8z9BjsWSAzI&_r=1";
const imgTikTok = "https://www.svgrepo.com/show/303260/tiktok-logo-logo.svg";
objTikTokK = "#soc_imFooter_pluginAppObj_20";
/* ===------------=== */
const containerStyle = ` position: relative; left: 20px; width: 40px; height: 40px; float: left; `; const imgStyle = ` position: absolute; top: 50%; left: 50%; width: 30px; height: auto; transform: translate(-50%, -50%); padding: 5px; transform-origin: 50% 50%; transition: transform 0.2s ease; `; $(objTikTokK+" > div").append(` <div id="ttK" class = "social-icon" style="${containerStyle}"> <a href="${linkTikTok}" target="_blank" rel="noopener"> <img src="${imgTikTok}" style="${imgStyle}" alt="TikTok"> </a> </div> `); });/*K<<*/
</script>

------------------------

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪