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...
