2010-12-10 4 views
0

J'essaye de dupliquer ce texte dans jquery ou css mais jusqu'ici n'ai pas pu. Tout le monde a des idées parce que je suis fraîchement sorti:Effet de texte - Image à css/jQuery

Text-Color: 4F4F4F 
Shadow-Color: E7EAEE 

alt text

+0

De quelle police s'agit-il? – Orbling

Répondre

0

Votre CSS devrait ressembler à:

color: #4f4f4f; 
text-shadow: #e7eaee 2px -2px 2px; 

Les arguments ombre texte sont <color> <x-coordinate> <y-coordinate> <blur>

Vous pouvez bricoler avec les coordonnées et le rayon de flou pour obtenir l'effet que vous êtes après.

+0

Est-ce que 'text-shadow' est supporté dans IE encore? – Orbling

+0

Ah. Vous n'avez pas mentionné cela. IE (toutes les versions, y compris IE9) ne supporte pas le texte-ombre. –

+0

Cela a bien fonctionné juste dû passer plus de temps dessus alors je pensais – Jacinto

1

Avez-vous essayé faire une fonction jQuery qui lirait la date et de localiser l'image correspondante?

Le remplacement de texte est le seul moyen «sûr» d'obtenir une police personnalisée sur le Web. Certains sites Web proposent des solutions de contournement bizarres où ils ont des polices que vous pouvez utiliser, mais vous devez payer et la plupart de leurs polices sont terribles.

J'ai créé un script de remplacement de texte à image dans jQuery pour ce site car le client continuait à pousser partout les polices personnalisées. (oui je sais que la précharge est longue mais tout le site est plus ou moins des images: c).

Voici un échantillon du script de la section liens:

//replacing all links with coresponding images 
     $('#nav li a').each(function() { 
      //this "reads" the text and saves it into a variable simply named string (a bit faux-paux…) 
      string = $(this).text(); 

      //this gets the filename out of the link text 
      filename = string.toLowerCase().replace(/ /g, '-').replace(/([^0-9a-z-])/g,'');    

      //this puts an image into the li anchor tag over the text 
      $(this).html('<img src="images/link-' + filename + '.png" />'); 
      $('#nav li a').css({ 
      'position' : 'relative', 
      'top' : '-20px' 
      }); 

Je voudrais vous mettre en garde que l'abus de ce système entraîne des temps de chargement abominables. Je dis coller avec les polices universelles pour l'instant et l'utiliser incroyablement avec parcimonie. J'ai été forcé de trop l'utiliser et l'utilisateur est la personne qui paie à la fin.

+0

Oh parlez-vous simplement de la couleur? – mattelliottIT

+0

oui juste la couleur mais c'est génial à savoir :) – Jacinto

Questions connexes