• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

Review for NFL scoreboard

Sain Cai

Sain Cai

Beautiful Daddy
NLC
I do not know if images are supposed to go here for review, if not please move to appropriate category.

Below is a scoreboard I created from gathering several graphics from the web:
scoreboard.jpg


The team logos can be changed via the coding, as well as the lighted scores, team names and quarterly/final score. Stadium name and location also changeable via the code.

Would like comments on the image and how the text is set up.
 
Last edited:
Looks really good. :) Is there something going on top? It looks odd with the curved-up edges. Maybe make the score lights a little brighter? Also, use a different or bolder font for the bottom numbers.
 
I believe I can brighten the lights for the numbers, the font was just something I whipped up in paint.net. When I code the css to place everything where it needs, I will probably use a bold weight font.

As for the top part, the graphic was actually a bottom graphic that I used. I will have to see what it looks like in the actual layout to see if I can change anything.
 
Last edited:
Functional CSS scoreboard and the layout can be found here: http://pfz.0sites.net/. I reduced the overall image to fit the layout as well as brightened the number images per Schmarvins suggestion

I will not take responsibility for original design, as the design is found on usafootball.com and used with permission. I have to recode most to suit my needs, which is acceptable under the email I have saved.

I can change the numbers, teams and the like via this code (which looks odd to me but I guess it works lol):

Code: 
<div id="scoreboard">
<img src="teams/jets.png" / style="position: relative;top: 15px; left: 30px;" title="Away">
<img src="teams/patriots.png" / style="position: relative;top: 15px; left: 500px;" title="Home">
<img src="teams/0.gif" / style="position: relative;top: -4px; left: -32px;" title="Away Tens">
<img src="teams/0.gif" / style="position: relative;top: -4px; left: -27px;" title="Away Ones">
<img src="teams/0.gif" / style="position: relative;top: -3px; left: 277px;" title="Home Tens">
<img src="teams/0.gif" / style="position: relative;top: -3px; left: 282px;" title="Home Ones">
<div style="position: relative;top: 30px; left: 210px;" title="Away Team">Jets</div>
<div style="position: relative;top: 33px; left: 210px;" title="Home Team">Patriots</div>
<div style="position: relative;top: -2px; left: -49px;" title="Away Q1"><center>0</center></div>
<div style="position: relative;top: 1px; left: -49px;" title="Home Q1"><center>0</center></div>
<div style="position: relative;top: -34px; left: -19px;" title="Away Q2"><center>0</center></div>
<div style="position: relative;top: -31px; left: -19px;" title="Home Q2"><center>0</center></div>
<div style="position: relative;top: -66px; left: 11px;" title="Away Q3"><center>0</center></div>
<div style="position: relative;top: -63px; left: 11px;" title="Home Q3"><center>0</center></div>
<div style="position: relative;top: -98px; left: 39px;" title="Away Q4"><center>0</center></div>
<div style="position: relative;top: -95px; left: 39px;" title="Home Q4"><center>0</center></div>
<div style="position: relative;top: -130px; left: 69px;" title="Away OT"><center>--</center></div>
<div style="position: relative;top: -127px; left: 69px;" title="Home OT"><center>--</center></div>
<div style="position: relative;top: -162px; left: 110px;" title="Away F"><center>0</center></div>
<div style="position: relative;top: -159px; left: 110px;" title="Home F"><center>0</center></div>
<div style="position: relative;top: -155px; left: -1px; color:#000;" title="Home F"><center>Gillette Stadium Foxboro, Massachusetts</center></div>
</div>

Please tell me if this works in any browser, I only use Firefox.
 
Last edited:
It works fine, I tested with Chrome and IE6. Your score numbers (where is 00:00, and so on) looks mopped, if you know what I mean. "colourless"
 
The middle 00:00 part is the time part (countdown from 15:00) and be removed when I can fond a suitable logo to place there. Thank you for testing in Chrome and IE for me.
 
If people are still just looking at the top image, please go to the actual site: http://pfz.0sites.net/

The image is incorporated in the layout, as well as some other additions as I go along.

In fact I am going to edit the top post.

EDIT: Guess I cannot edit the top post lol
 
You must log in or register to reply here.
Back
Top