Autore Topic: icone personalizzate per il GB in Websitex5 - 2022  (Letto 6775 volte)

Kris

  • Nuovo arrivato
  • *
  • Post: 38
icone personalizzate per il GB in Websitex5 - 2022
« il: 17 Maggio, 2023, 13:15:29 »
Ciao a tutti,

Qualcuno puo aiutarmi? Nella versione ws12 http://quellidelcucuzzolo.blogspot.com/2016/06/aggiungere-icona-commenti-website-x5.html funzionava questo codice , importando il progetto nella versione 2022 purtroppo non si visualizza correttamente. Le icone non sono piú colorate, ma hanno vari colori in mezzo, come si puo fare per riavere la tinta unita?

Potete correggere il codice? Grazie mille  :D
<style>.letterIcon {  width: 50px;  height: 50px;  text-transform: uppercase;  border-radius: 50%;  color: white;  float: left;  font-family: Verdana, Geneva, sans-serif;  font-size: 39px;  margin-right: 10px;  text-align: center;}</style>
<script>/* =============================================================== Author's custom code: http://quellidelcucuzzolo.blogspot.it Please do not remove credit ============================================================== */var colori = ['6633ff', '3366ff', '33ccff', '3d00f5'];var nColori = colori.length;$(document).ready(function() {  $('.topic-comment').prepend('<div class="letterIcon"></div>');  $('.topic-comments-user span[itemprop="name"]').each(function() {    var bgColor = colori[Math.floor(Math.random() * nColori)];    var nome = $(this).text().trim().substr(0, 1);    $(this).parents('div.topic-comments-user').prev().text(nome).css('background-color', '#'   bgColor);  });});</script>

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:icone personalizzate per il GB in Websitex5 - 2022
« Risposta #1 il: 27 Novembre, 2023, 11:20:59 »
ciao kris, passando di qui ho letto il tuo post ormai vecchio, se non hai risolto, ti posto una modifica che avevo fatto all'epoca e importato nell'ultima versione funziona...
<div class="uno">
<div class="due"><span itemprop="name">Dante</span></div>
<div class="tre">Nel mezzo del cammin di nostra vita mi ritrovai in una selva oscura che la retta via avea smarrito...</div>
</div>

<style>
.letterIcon {
  width: 50px;
  height: 50px;
  text-transform: uppercase;
  border:2px solid black;
  border-top-left-radius: 30%;
  color: white;
  float: left;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 39px;
  margin-right: 10px;
  text-align: center;
}
.uno {align: left;}
.due {font-weight:bold;text-align: left;padding-bottom:6px;font-size:18px;color:red !important;}
.tre {text-align:justify !important;font-size: 14px;}
</style>
<script>
/* ===============================================================
 Author's custom code: http://quellidelcucuzzolo.blogspot.it
 Please do not remove credit
 ============================================================== */
var colori = ['6633ff', '3366ff', '33ccff', '3d00f5', 'cc33ff', 'ff33cc', 'ff3366', 'bbf500', '33ff66', 'f5b800', 'f53d00', '1aff00', 'ffe600', '1B7F16', 'FF0DFF', 'FF0000', '65DB26', '0099ff', 'F25C05', '31E528', 'f500b8', '8800f5'];
var nColori = colori.length;
$(document).ready(function() {
  $('.uno').prepend('<div class="letterIcon"></div>');
  $('.due span[itemprop="name"]').each(function() {
    var bgColor = colori[Math.floor(Math.random() * nColori)];
    var nome = $(this).text().trim().substr(0, 1);
    $(this).parent().prev().text(nome).css('background-color', '#'   bgColor);
  });
});
</script>se non ti occorre più come non detto... ciao...

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:icone personalizzate per il GB in Websitex5 - 2022
« Risposta #2 il: 27 Novembre, 2023, 11:23:28 »
per ottenere poi questo...