Re: MLB Matchup Preview Table
Sorry it's been so long. I'm watching F1 right now and I'll post later on how to make these.
Sorry it's been so long. I'm watching F1 right now and I'll post later on how to make these.
-
Comment
-
Comment
-
Re: MLB Matchup Preview Table
Alright here we go.
How to make the sweet MLB Preview Table
1) Get the firebug add-on for Firefox https://getfirebug.com/ (You can actually learn more stuff about HTML and use this tool to make cooler tables taking them from other sites like ESPN and SI and stuff. It's a great tool.
2) Select the NFL matchup preview table and fill in all the info you want to. (I usually choose the NFL team that is the same city as my MLB team)
Spoiler
3) Generate your table
Spoiler
4) Active firebug (click the icon)
Spoiler
5) Next I change the images. There should be a little console that comes up on the bottom. Click the box with the mouse cursor in it. This is your select tool it will highlight different HTML aspects as you move over them and then show where what you are looking at is in the code
Spoiler
6) I then go back to the MLB box score and find the location of the image of the team I want to use
Spoiler
7) You then paste that location into the image location in the console
Spoiler
8) Now repeat these steps to edit anything else you want in the table. Remember choose the select tool and click on what you want to edit (make sure the box highlights it) and then it will show you where it is in the console. Then you click on whatever you want to change in the console, like words, change them in the console and then move on.
9) Eventually you get the end result on the page
Spoiler
10) Last step. When you use firebug it changes the code on the page locally for you. So the code that is above your table doesn't change. In order to get the final code find the table in the console 1 of 2 ways. By finding the table in the code or at the top it will list some tags and you click the table one. Once the table tag is highlighted in the console click the edit button to bring up the full code for the table. Then copy and paste for success.
Spoiler
Final Result
Matchup Preview | April 15-17, 2013 
@ 
Washington Nationals
(6-6, 1-2 Away)Miami Marlins
(4-8, 2-4 Home)Team Stats Comparison .255 AVG .220 .428 SLG .357 .297 OBP .257 .984 FLD .984 3.48 ERA 3.81 Pitching Matchup D. Haren (1-1, 2.77 ERA) Game 1 J. Turner (1-0, 1.32 ERA) J. Zimmermann (1-0, 0.79 ERA) Game 2 J. Fernandez (0-2, 5.23 ERA) R. Detwiler (0-1, 9.39 ERA) Game 3 H. Alvarez (0-1, 7.59 ERA) Injury Report CF J. Ruggiano
Shoulder Seperation (1-2 months)Comment
-
Thanks a lot! This will definitely help me with my dynasties!Alright here we go.
How to make the sweet MLB Preview Table
1) Get the firebug add-on for Firefox https://getfirebug.com/ (You can actually learn more stuff about HTML and use this tool to make cooler tables taking them from other sites like ESPN and SI and stuff. It's a great tool.
2) Select the NFL matchup preview table and fill in all the info you want to. (I usually choose the NFL team that is the same city as my MLB team)
Spoiler
3) Generate your table
Spoiler
4) Active firebug (click the icon)
Spoiler
5) Next I change the images. There should be a little console that comes up on the bottom. Click the box with the mouse cursor in it. This is your select tool it will highlight different HTML aspects as you move over them and then show where what you are looking at is in the code
Spoiler
6) I then go back to the MLB box score and find the location of the image of the team I want to use
Spoiler
7) You then paste that location into the image location in the console
Spoiler
8) Now repeat these steps to edit anything else you want in the table. Remember choose the select tool and click on what you want to edit (make sure the box highlights it) and then it will show you where it is in the console. Then you click on whatever you want to change in the console, like words, change them in the console and then move on.
9) Eventually you get the end result on the page
Spoiler
10) Last step. When you use firebug it changes the code on the page locally for you. So the code that is above your table doesn't change. In order to get the final code find the table in the console 1 of 2 ways. By finding the table in the code or at the top it will list some tags and you click the table one. Once the table tag is highlighted in the console click the edit button to bring up the full code for the table. Then copy and paste for success.
Spoiler
Final Result
Matchup Preview *|* April 15-17, 2013 @ Washington Nationals
(6-6, 1-2 Away)Miami Marlins
(4-8, 2-4 Home)Team Stats Comparison .255 AVG .220 .428 SLG .357 .297 OBP .257 .984 FLD .984 3.48 ERA 3.81 Pitching Matchup D. Haren (1-1, 2.77 ERA) Game 1 J. Turner (1-0, 1.32 ERA) J. Zimmermann (1-0, 0.79 ERA) Game 2 J. Fernandez (0-2, 5.23 ERA) R. Detwiler (0-1, 9.39 ERA) Game 3 H. Alvarez (0-1, 7.59 ERA) Injury Report CF J. Ruggiano
Shoulder Seperation (1-2 months)Comment
-
Comment
-
Comment
-
Re: MLB Matchup Preview Table
Matchup Preview | January 1, 
@ 
Toronto Blue Jays
(2-1, Away)New York Yankees
(1-1, Home)Stats Comparison .239 Batting Average .240 .850 Slugging % .650 3.48 ERA 4.32 Pitching Matchups R.A. Dickey (2-1, 3.49) Game 1 CC Sabathia (1-1, 0.91) Brandon Morrow (4-2, 2.49) Game 2 Huroki Kuroda (2-2, 4.91) Injury Report Jose Reyes
Severe Ankle Sprain (2-3 MonthsCurtis Granderson
Fractured Forearm (1-2 Months)Game Notes Enter important notes about this game...
Testing out my own preview table.Comment
-
Re: MLB Matchup Preview Table
using basketball preview one?Matchup Preview | January 1, @ Toronto Blue Jays
(2-1, Away)
New York Yankees
(1-1, Home)Stats Comparison .239 Batting Average .240 .850 Slugging % .650 3.48 ERA 4.32 Pitching Matchups R.A. Dickey (2-1, 3.49) Game 1 CC Sabathia (1-1, 0.91) Brandon Morrow (4-2, 2.49) Game 2 Huroki Kuroda (2-2, 4.91) Injury Report Jose Reyes
Severe Ankle Sprain (2-3 Months
Curtis Granderson
Fractured Forearm (1-2 Months)Game Notes Enter important notes about this game...
Testing out my own preview table.Comment
-
Comment
-
Comment
-
Re: MLB Matchup Preview Table
Just a little bump cause I figured some of the baseball dynastiers (not sure if that's a word) might wanna use it.Comment
-
Re: MLB Matchup Preview Table
Finally got the code to work by following the guide here! I'm using Chrome instead of Firefox, but it was useful nonetheless.
This thread is really helpful and I'd recommend a sticky!Comment
-
Comment
Comment