Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    96
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Different Colored characters.

    Alright, so I got my game up and running (finally)

    I now want to figure out how to edit my CSS Style Sheet so as it displays different letters different colors.

    At the moment Admin's name is set to...
    Code:
    .admin_online {color: #00FF00; font-size: 10px; font-family: verdana; font-weight:bold;}
    But I sorta want it to have different colors like a basic gradient or a multi colored name

    Is there a code for this?

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    No there is no code for that, your best bet would be an image with different colors. Or i guess you could do it the hard way

    Code:
    span.clr1 {
    color:#whatever;
    }
    span.clr2 {
    color:#whatever;
    }
    span.clr3 {
    color:#whatever;
    }
    span.clr4 {
    color:#whatever;
    }
    span.clr5 {
    color:#whatever;
    }
    span.clr6 {
    color:#whatever;
    }
    HTML

    Code:
    <span class="clr1">F</span><span class="clr2">A</span><span class="clr3">R</span><span class="clr4">M</span><span class="clr5">E</span><span class="clr6">R</span>
    other than that an image would be better.

  • #3
    New Coder
    Join Date
    Jul 2008
    Posts
    96
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jcdevelopment View Post
    No there is no code for that, your best bet would be an image with different colors. Or i guess you could do it the hard way

    Code:
    span.clr1 {
    color:#whatever;
    }
    span.clr2 {
    color:#whatever;
    }
    span.clr3 {
    color:#whatever;
    }
    span.clr4 {
    color:#whatever;
    }
    span.clr5 {
    color:#whatever;
    }
    span.clr6 {
    color:#whatever;
    }
    HTML

    Code:
    <span class="clr1">F</span><span class="clr2">A</span><span class="clr3">R</span><span class="clr4">M</span><span class="clr5">E</span><span class="clr6">R</span>
    other than that an image would be better.
    Thanks!

    That's basically what I needed!

    Many thanks


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •