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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Apr 2010
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    creating a header design for a table

    I want to add a background images as a header to my title to say what my photo is like yahoo does. Would I create the image in photos shop, and if I do, how would I apply it only to the background of my text (so my text stands out) in my photo and not to the whole image? Thanks

    I'm looking to achieve this look by yahoo, where they have the header "my favorites" and than all of its links below.
    http://ca.yahoo.com/

  • #2
    New to the CF scene
    Join Date
    May 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re:

    Hi,

    I know one site through which you can get 50 absolute free prints and you can design your website . hope this will help you.

    cheers!



    Get your 50 FREE prints

  • #3
    Regular Coder jfreak53's Avatar
    Join Date
    May 2004
    Location
    Guatemala
    Posts
    477
    Thanks
    19
    Thanked 10 Times in 10 Posts
    Then your kind of posting in the wrong forum. But I will leave that up to the admins.

    What you want to do is create a background gradient or image in photoshop or anything a certain size. Then through CSS in your web page add something like:

    Code:
    .headerPane {
    background: url(image.png) top left no-repeat;
    padding: 5px 5px 5px 5px;
    }
    Then just class your div that the title goes in and it adds the background. This is more a web question than an imaging question, that is if I understand your question right.

    Then everything underneath it is just links probably in an unordered list like <ul><li> or something of the sorts.

    You need to go out to google and do some searches for things like HTML and CSS menus and learn some more on HTML and CSS then you will be able to do this.
    "FORTRAN is not a language. It's a way of turning a multi-million dollar mainframe, into a $50 programmable scientific calculator."
    http://www.microfastcat.com -- FastCat Software, the fastest software on the NET!
    http://www.microthosting.com -- Free reseller web hosting, Hosting, VPS, FREE SMALL HOSTING!!!
    http://www.microtronix-tech.com -- Web design and programming

  • #4
    Regular Coder
    Join Date
    Sep 2009
    Posts
    167
    Thanks
    15
    Thanked 1 Time in 1 Post
    you are definitely able to set a background image in css, and you can make it repeat, or just appear in one place. a good idea is to size the image to the exact pixel size you want it to be in photoshop before loading it to the web.

    you can make the css resize it for you. but it's better to have it the right size before you place the image into your website design.


  •  

    Posting Permissions

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