Oggetto Social Icons: niente icona tiktok? 
Autor: Giuseppe Guida
Visitado 46,
Followers 0,
Compartido 0
CIao, mi accodo a questa richiesta fatta circa 3 anni fa da un altro utente, quel post è ormai chiuso: https://helpcenter.websitex5.com/es/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.
Publicado en
"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
.
Autor
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
.
Autor
Kol, se vuoi puoi darmi qualche riferimento di altri post dove hai pubblicato il tuo codice e lo provo senz'altro. Grazie
ciao Giuseppe, vado OT... ti segnalo che io in Chrome ed in Edge NON vedo l'immagine grande... appare una frazione di secondo e poi scompare... In FF ed in Opera tutto ok...
Autor
Cavolo... e che sarà ora? Io la vedo regolarmente, è un video MP4 in stile righe con Chrome...
Autor
Anche in Edge vedo regolarmente il video...
Ho aggiornato anche la cache dei browser, magari io vedevo per un precedente caricamento... sembra che vada tutto bene, strano che a te non si veda...
Non saprei proprio...
non saprei... , ho provato su di un altro mio pc e anche lì fa lo stesso scherzo, si vede un'anteprima e poi tutto bianco al posto del video , in chrome ed in Edge; mentre si vede su FF (opera li sopra non ce l'ho)