#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2008
    Posts
    12
    Rep Power
    0

    TrackMania Site - Custom Fonts / Colour Selector


    Hi there. Before I start spouting info, I thought I should say, I used the search function but it brought up a webpage (igrep.com), which was empty.

    That aside,

    Hi I'm Tritoch and I'm trying to get a TrackMania webpage done for a friend. I have 3 problems.

    1) Custom Font. I used a font called Sheldon Narrow during the design phase, and I wanted to know if it is possible to embed that font into the webpage somehow. (I have looked up on WEFT, and am aware it only works with Internet Explorer).

    So my question is, are there any other ways of embedding the Sheldon Narrow font into the website.

    2) Vertical Alignment - I am desperately trying to find a way to vertically align the content (which is all held within a table) to the centre of the screen. Any ideas?

    3) I would like to get a colour scheme / selector going and I guess this can be done using javascript/css (I know there is another forum for this, but think it's best to keep this all in one thread).

    I have yet to generate the images for the other colours, however, this is what the website currently looks like:

    www.ec-urt.net/trackmania/beta/index.html


    Any and all help is much appreciated. I apologise if I have done anything incorrectly here, as this is my first time. I will keep this post updated with all changes made.

    TODO LIST
    -> Hidden JavaScript Preloader
    -> Turn Second Table into a Frame to allow different content



    UPDATES
    28/04/08 - 19:30 - Added Links
    28/04/08 - 19:54 - Removed Useless Images
    28/04/08 - 22:03 - Style Selector Working

    29/04/08 - 12:41 - Directory Structure Cleaned
    29/04/08 - 13:59 - Images Renamed Sensibly
    29/04/08 - 14:22 - Image Rollover Script Added
    29/04/08 - 15:26 - CSS Coding Updated
    29/04/08 - 18:12 - Major CSS Update - Code Completed
    29/04/08 - 21:47 - Colour Schemes Completed
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,131
    Rep Power
    4304
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2008
    Posts
    12
    Rep Power
    0
    Wow, thank you for the fast reply.

    sIFR seems to be a fantastic choice Thank you very much. I'll read up on the rest of the links.

    The reason it is all in a table is I used the inbuilt Photoshop CS3 HTML Generator.

    I'm cleaning that up as I go along. (Have now removed all the useless empty png's).

    Will check through the rest of the links,

    Tritoch
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2008
    Posts
    12
    Rep Power
    0
    Excellent The Style Selector now works.

    For anyone interested, here is how I've done so:
    www.alistapart.com/stories/alternate/
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2008
    Posts
    12
    Rep Power
    0
    Originally Posted by Kravvitz
    1) Check out sIFR.
    Having checked up and reading into this much more, this doesnt seem to be the ideal solution as they recommend it for headers only, due to it taking up more bandwith, and increasing load times.

    Furthermore, it doesn't successfully avoid all flash blockers. And the reason for doing this project in html/js/css was to avoid flash in the first place :P

    Thanks for the help, although I'm looking for a more 'streamlined' way to do this.

    Tritoch.
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2008
    Posts
    12
    Rep Power
    0
    Have now added the rollover for the Green Theme.

    DING! Brain just stormed an idea on how to get the main content working... Looks like SIFr might be handy after all!
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2008
    Posts
    12
    Rep Power
    0
    Now have a JavaScript issue. Please see related post here:

    Click Here

IMN logo majestic logo threadwatch logo seochat tools logo