Boa noite,

Penso que estará a referir aquilo que, quando passar o mouse sobre a imagem ou hiperligação aparecerá um pequeno texto de title, este não tem como dar estilo, as cores obedecerão sempre ao padrão do sistema operacional do visitante! Lamento imenso, mas não será possível!

Quanto ao seu código, por exemplo, funcionará assim:

<img src="endereco-da-imagem" title="Legenda" />

Att, Needke

Lamento imenso informar, mas não será possível no sistema
No entato, poderemos criar esse efeito apartir de códigos!

Penso que somente funcionará em Widgets, experimente assim:

<div class="efeitotitle">
<a href="endereco-da-pagina">
Texto com Link
</a>
<p>Frase que aparece ao passar o mouse no texto com link</p></div>

Coloque o texto simples e curto, no campo vermelho!

Em seguida, para que o efeito funcione, somente terá que adicionar mais esse código
Painel de Controlo Visualização Imagens e Cores Cores
Selecione na aba 'Folha de estilo CSS' e adicione isso:

Código:

.OnText{font-size:12px;background:transparent;position:relative;border:#000000 1px solid;text-align:center;}
.OnText i p{display:none;}
.OnText i:hover p{cursor:default;margin:-2px 0 0 0;color:blue;background:#E6E6E6;
position:absolute;text-align:left;left:-1px;z-index:100;display:block;border:#000000 1px solid;border-top:0;width:96%;padding:2px 2%;font-style:normal;}
.OnText a img{text-decoration:none;}
.OnText a,.OnText img a,.OnText em{display:block;}
.OnText p a{display:inline;}
.OnText i img{border:0;margin:3px 0 2px 0;}

Att, Needke