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 5 of 5
  1. #1
    Regular Coder
    Join Date
    Aug 2009
    Posts
    406
    Thanks
    119
    Thanked 0 Times in 0 Posts

    css background inside of letters effect

    is it possible to make give a background image to letters?

    for instance, on this site you see that the site name is an image with a basketball dimple pattern inside the letters.

    but is it possible to use a background for actual text so that I could create the same effect without replacing the site title with an image?

    basically it would replace
    Code:
    h1 {color:#000;}
    please advise. thanks.
    Last edited by sixrfan; 07-15-2011 at 12:01 AM. Reason: asdf

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,609
    Thanks
    6
    Thanked 997 Times in 970 Posts
    No, that’s currently not possible.

  • Users who have thanked VIPStephan for this post:

    sixrfan (07-15-2011)

  • #3
    New Coder
    Join Date
    Jun 2011
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    as Stephan said it is not possible to have some image within the text, as the text is composed of pixels not by images

  • #4
    Regular Coder
    Join Date
    Aug 2009
    Posts
    406
    Thanks
    119
    Thanked 0 Times in 0 Posts
    ok. thanks.

  • #5
    New Coder
    Join Date
    Jul 2011
    Location
    Australia
    Posts
    47
    Thanks
    1
    Thanked 3 Times in 3 Posts
    That ''header'' is an actual image.

    Right-hand click it and then ''Copy Image Location''

    I'm fairly new to CSS so I'm don't have a lot of experience but my suggestion would be that you can make the text image you want in something like CS3, Photobucket ect..

    Then you can use a div at the top and place the image inside using relative positioning.
    Or, just place the image wherever you want using

    {
    position:absolute;
    left:0px;
    top:0px;
    }

    Substitute 0 for the proper figures.


  •  

    Posting Permissions

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