Oggetto Social Icons: niente icona tiktok? 
Autore: Giuseppe Guida
Visite 30,
Followers 0,
Condiviso 0
CIao, mi accodo a questa richiesta fatta circa 3 anni fa da un altro utente, quel post è ormai chiuso: https://helpcenter.websitex5.com/it/post/254457
Sarebbe possibile avere la possibilità di inserire anche TikTok tra i vari social? Dopotutto è un social che non conta 1.000 iscritti ma ben 1 miliardo e 600 milioni.
Postato il
"ma ben 1 miliardo e 600 milioni"
+1
... come detto lì in quel Topic, con una mia invenzione EXTRA ed a seconda del tipo di layout, fatto alcune volte per forum stranieri per chi voleva applicarlo da subito al suo sito...
ciao
.
Autore
Kol, grazie mille come sempre ma ho già risolto autonomamente con del codice extra e un oggetto HTML posizionato in header al posto dell'Oggetto Social Icons di Website X5.
Qui il risultato finale: https://www.shonnyanimation.it/nuovo03/
(il link sarà online per pochi giorni ancora, metto foto alla fine per far capire come si vedono le icone dei social quando il link sarà scaduto).
Scrivo qui il codice e la spiegazione di come implementarlo nel caso possa servire ad altri utenti:
1) inserire un oggetto HTML in header, nel mio caso ho dato altezza 30px e ho lasciato invariata la larghezza su 100%.
2) inserire nella sezione "Codice HTML" il seguente codice (nel mio caso per avere le icone di facebook, instagram e, soprattutto, tiktok):
<div class="social-icons">
<a href="https://www.facebook.com/shonnyanimation/" target="_blank" class="social-icon">
<img src="https://cdn-icons-png.flaticon.com/512/733/733547.png" alt="Facebook">
</a>
<a href="https://www.instagram.com/shonny_group/" target="_blank" class="social-icon">
<img src="https://cdn-icons-png.flaticon.com/512/733/733558.png" alt="Instagram">
</a>
<a href="https://www.tiktok.com/@shonny_animation" target="_blank" class="social-icon">
<img src="https://cdn-icons-png.flaticon.com/512/3046/3046123.png" alt="TikTok">
</a>
</div>
3) inserire poi nella sezione "Esperto" sempre dell'oggetto HTML il seguente codice CSS:
.social-icons {
display: flex;
justify-content: center;
gap: 11px;
margin-top: 3px;
}
.social-icon img {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
.social-icon img:hover {
transform: scale(1.2);
}
Ciao
... si sì. ...OK... ... però il mio codice era per continuare ad usare l'oggetto del programma con un click...
... altrimenti, e certamente, ... di soluzioni alternative esterne se ne possono trovano tante. sia per questo che per altro...
.
ciao
.
Autore
Kol, se vuoi puoi darmi qualche riferimento di altri post dove hai pubblicato il tuo codice e lo provo senz'altro. Grazie