Results 1 to 8 of 8

Thread: Junior football site needs help

  1. #1
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default Junior football site needs help

    Hi, I am endeavouring to build a website for a Junior football team and I wonder if this type of header would enhance what I have done at all?
    http://www.shipleyjuniors.co.uk/
    I like the header here and its gradient [?] colours.

    How would I achieve this please? Also how would I overlap my logo as on the shipley site?

    This is the web I have built so far. The logo has to be changed as I had no other graphic to use at present. http://www.shottle.plus.com/colts/

    Thanks,

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,486
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    PhotoShop or GIMP will work. the shipley site just uses a solid black banner, the soccer ball on the right is multiple images of the same thing, over lapped and the opacity(transparency) reduced accordingly to give the "fade" effect.

    So if you over lapped 5 images, the top one would have opacity set to 100%, below it 90% below that 60%, etc to about 5 or 10% for the last one...
    {CWoT - Riddle } {OSTU - Psycho} {Invasion - Team}
    Follow Me on Twitter: @Negative_Chaos
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. #3
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Thank you Blizzard,

    I am sorry I gave the incorrect link. http://www.brettonjfc.com/aboutus/

    How would I get this type of header please? I wish to have the white/grey with the blue beneath.

    Thanks and sorry to be daft! ;-))

  4. #4
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,486
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    That one is a little more tricky.. all it is is a 5px (give or take) wide image, and however tall you need it. Again PH or GIMP will make this image, select colors wanted, gradients, etc and save image, upload then use CSS to repeat-x as background image.

    the image used on the site linked to is right here so you can see what I mean about how it looks.
    {CWoT - Riddle } {OSTU - Psycho} {Invasion - Team}
    Follow Me on Twitter: @Negative_Chaos
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  5. #5
    Join Date
    Feb 2006
    Posts
    39
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Yes, I hadn't done anything like before but thanks very much for showing me how.

    I will try this out and see whether or not it is suitable. Cheers and once again Thanks BLiZZaRD

  6. #6
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,486
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    If you need help creating the image itself, or the CSS to display it properly, just post back here or email me (email through my profile) and I can knock it out for you
    {CWoT - Riddle } {OSTU - Psycho} {Invasion - Team}
    Follow Me on Twitter: @Negative_Chaos
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  7. #7
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,878
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    all it is is a 5px (give or take)
    Preferably, take four pixels.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends franšais | entiendo espa˝ol | t˘i Ýt hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  8. #8
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,486
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Quote Originally Posted by Twey View Post
    Preferably, take four pixels.
    Exact diminsions, 4px X 450 px, but all of that isn't needed for the OP here So I will take 1 px and leave the 4
    {CWoT - Riddle } {OSTU - Psycho} {Invasion - Team}
    Follow Me on Twitter: @Negative_Chaos
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

Bookmarks

Posting Permissions

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