WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Blended text colors? (starting with one and ending with another) (5 posts)

  1. Anne-Marie
    Member
    Posted 8 years ago #

    Hi, I was wondering if it is possible to get my hearder title text colors blended, with this I mean starting with one color and ending with another.
    Here is an example I found on HandySolo's site: http://www.solo-technology.com/blog/the-tags/
    This is part of a plug-in code, but I was wondering if it is possible to do the same with my header text? (with out the plugin =])
    And if the answer is yes: how do I do this?

    Thanks in advance,

    CaramellaMorbide

  2. Ester
    Member
    Posted 8 years ago #

    It was done with javascript.
    <script type="text/javascript" src="http://www.blinklist.com/HandySolo/cloud.js&logo=0&title=Most popular BlinkList Tags&fontsize=10&cloudsize=100&fontcolor=23598C&colorbegin=409FCF&colorend=FF6600"></script>

    You might also try following method if you know the color-codes:
    <span>H<span>E<span>L<span>L<span>O</span></span></span></span></span>

    with this stylesheet

    span {color:black}
    span span {color:darkgrey}
    span span span {color:grey}
    span span span span {color:lightgrey}
    span span span span span {color:white}

    (Why this way and not an end-tag after each letter? Then you don't have to specify an id to each span-tag what results in a cleaner html code itself but messes up the css a bit)

  3. Anne-Marie
    Member
    Posted 8 years ago #

    Hi Ester,

    This is hard to confess but now I feel really completely blond, so bare with me for a moment :)
    I know the colors I want to use, and what text (my blog title). Do I place the :span {color}and zo on, lines in the css including the <span>H<span> ..in my case <span>S<span>E<span>A<span> under #header? Cause if this is the case I'm sorry to say it's not working.

    Hope you can help me out a bit futhur.

    Thanks

  4. Ester
    Member
    Posted 8 years ago #

    Well, I created a small example, tested in most browsers:
    http://www.seeder.de/rainbow.htm

    You asked if it should be under #header. I haven't found such an id on your Homepage but you should understand how to do it by looking at that source code.

    By the way this method only works if the affected words always have the same amount of letters.

  5. Anne-Marie
    Member
    Posted 8 years ago #

    He he...the rainbow letters supposed to be in another theme I'm busy reconstructing, that's why you couldn't find the #header. I had a look around the exapmle you made, thanks for this by the way, and I think I know now what to do.
    The theme I'm reconstructing is plaintxtBlog, so it shouldn't be to difficult.

    Thank you again Ester.

Topic Closed

This topic has been closed to new replies.

About this Topic