WebSite X5 v14 Evolution/Professional > WebSite X5 [v14] - Evolution/Professional - Discussioni generali

icone personalizzate per il GB in Websitex5 - 2022

(1/1)

Kris:
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:
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:
per ottenere poi questo...

Navigazione

[0] Indice dei post