क्या प्रत्येक पत्र को एक अलग रंग में एक अलग रंग बनाने के लिए कोई साफ सीएसएस विधि है?

Question

मुझे एक शब्द के प्रत्येक अक्षर को 3 अलग-अलग रंगों के माध्यम से घूमने की अनुमति देने की आवश्यकता है। मुझे कुछ साफ तरीके से पता नहीं है कि मैं इसे एएसपी.नेट के साथ कर सकता हूं, लेकिन मुझे आश्चर्य है कि क्लीनर सीएसएस/जावास्क्रिप्ट समाधान हो सकता है जो अधिक खोज इंजन अनुकूल है।

डिजाइनर प्रत्येक पृष्ठ के लिए a file like this सहित है। मुझे प्रत्येक पृष्ठ के लिए मैन्युअल रूप से एक छवि उत्पन्न करने की आवश्यकता नहीं है क्योंकि गैर-तकनीकी साइट संपादकों के लिए पृष्ठ जोड़ने और पृष्ठ नाम बदलने में मुश्किल होती है।

Answer 1

यहां कुछ जावास्क्रिप्ट है।

<script type="text/javascript"> 
    var message = "The quick brown fox."; 
    var colors = new Array("#ff0000","#00ff00","#0000ff"); // red, green, blue 
    for (var i = 0; i < message.length; i++) 
     document.write("<span style=\"color:" + colors[(i % colors.length)] + ";\">" + message[i] + "</span>"); 
</script> 

Answer 2

सर्वर-साइड पर आप इसे आसानी से परेशान खोज इंजन AFAIK के बिना पर्याप्त कर सकते हैं।

// This server-side code example is in JavaScript because that's 
// what I know best. 
var words = split(message, " "); 
var c = 1; 
for(var i = 0; i < words.length; i++) { 
    print("<span class=\"color" + c + "\">" + words[i] + "</span> "); 
    c = c + 1; if (c > 3) c = 1; 
} 

तुम सच में मृत सरल इनलाइन एचटीएमएल कोड चाहते हैं, क्लाइंट साइड जावास्क्रिप्ट किसी दिए गए पी या DIV या जो कुछ भी अपनी आईडी के आधार पर, इसे विभाजित से बाहर संदेश पुनः प्राप्त करने के बारे में है, यह के रूप में ऊपर पुनःकूटित, और की जगह पी या डीआईवी की 'आंतरिक HTML' विशेषता।

Answer 3

सीएसएस का उपयोग करके निश्चित रूप से कोई समाधान नहीं है, क्योंकि सीएसएस चयनकर्ता आपको व्यक्तिगत अक्षरों तक पहुंच नहीं देते हैं (:first-letter के अलावा)।

Answer 4

मैं नहीं बल्कि मैन्युअल रूप से हर पृष्ठ

तब छवि स्वचालित रूप से उत्पन्न के लिए एक छवि उत्पन्न करने के लिए नहीं चाहते हैं।

जो सर्वर साइड प्रौद्योगिकी का उपयोग कर रहे आप निर्दिष्ट नहीं करते हैं, लेकिन किसी भी अच्छा एक आप छवियों में हेरफेर करने के (या कम से कम फोन एक बाहरी छवि उपयोगिता)

अनुमति देगा तो गैर तकनीकी उपयोगकर्ताओं होगा सिर्फ इस तरह से कुछ करने की जरूरत है:

<img src="images/redblueyellow.cfm/programs.png" alt="programs"/> 

और redblueyellow.cfm स्क्रिप्ट तो या तो एक मौजूदा programs.png का उपयोग या इच्छानुसार कई रंगों के साथ एक नई छवि उत्पन्न होगा।

यदि आप चाहें तो ऐसा करने के लिए मैं नमूना CFML या छद्म कोड प्रदान कर सकता हूं?