Author Topic: How do I get my MFL banner into my legue history page.  (Read 12889 times)

0 Members and 1 Guest are viewing this topic.

Offline Hamilrock Football

  • Starter
  • **
  • Posts: 9
  • Karma: 0
How do I get my MFL banner into my legue history page.
« on: July 13, 2006, 02:55:23 AM »
I read a few things in here and read the blog and am still not sure how to add my banner to my league history page.

I read a post on how to make the shistory site look like my MFL site and that worked out fine.


League History Site

http://www.mflhistory.com/leaguehistory.php?id=150

Hamilrock Football Site

http://football23.myfantasyleague.com/2006/home/45334

Any help would be appreciated.

Offline prpost

  • Administrator
  • Hall of Famer
  • *****
  • Posts: 1023
  • Karma: 6
    • MFLHistory.com
Re: How do I get my MFL banner into my legue history page.
« Reply #1 on: July 13, 2006, 03:36:30 AM »
What you need to do is add the following to your CSS sheet that is stored on the mfladdons server:

Code: [Select]
.leaguehistorypageheader {
background-repeat:no-repeat;
background-image: url(http://mfladdons.com/tygel_camilleri/banner.jpg);
height: 150px;
width: 100%;
}

You can add this code anywhere in your style sheet. Once that's added, saved and re-uploaded to the mfladdons server, it should appear!

More details can be found in this post

Offline Hamilrock Football

  • Starter
  • **
  • Posts: 9
  • Karma: 0
Re: How do I get my MFL banner into my legue history page.
« Reply #2 on: July 13, 2006, 12:35:56 PM »
How do I add the sheet to the mfladdons server?

Here is what I understand from reading some posts and the blog.

- I have to insert the above code into the css sheet using notepad or whatever.
- I then have to save it as a .css file and then upload it to the mfladdons server.

Or do I have to upload to anywhere where I can host it.  I do have a yhoo geocities website.  Will that work for me to upload the sheet to.

Offline prpost

  • Administrator
  • Hall of Famer
  • *****
  • Posts: 1023
  • Karma: 6
    • MFLHistory.com
Re: How do I get my MFL banner into my legue history page.
« Reply #3 on: July 13, 2006, 12:51:37 PM »
The answer to this depends on a little:

1. Is your league skin/banner something you purchased from MFLAddons? If so, you could try to work with Brandon there to see if he will add this to your style sheet for you.
2. If that's not possible, then yes, you can store your CSS sheet on any web host, and geocities should work, you'd just need to load it there (make sure you grab your current CSS from the mfladdons server and add this content to that same sheet) and update the link in the MFL History layout options to point to geocities

Offline Hamilrock Football

  • Starter
  • **
  • Posts: 9
  • Karma: 0
Re: How do I get my MFL banner into my legue history page.
« Reply #4 on: July 13, 2006, 01:04:23 PM »
I will talk to Brandon and see if it's possible.

Thanks for the help.

Offline TheBulldogs

  • All Pro
  • ****
  • Posts: 21
  • Karma: 0
  • League Champs: 2001 & 2005
Re: How do I get my MFL banner into my legue history page.
« Reply #5 on: July 16, 2006, 02:27:23 AM »
Hey Hamilrock
I checked out your site to get a better idea of what you were asking with this post and now I have a question.  How did you get your league banner like that?  Can you give this rookie some insight?  And for that matter, how did you get your History site so "clean"?  Each category takes up the whole screen, one below the other.  Mine are all over the place.

Paul, can you help with the last question?  ???

Thanks from this rookie...
Keith
Commish FFFL

Offline prpost

  • Administrator
  • Hall of Famer
  • *****
  • Posts: 1023
  • Karma: 6
    • MFLHistory.com
Re: How do I get my MFL banner into my legue history page.
« Reply #6 on: July 17, 2006, 01:17:32 AM »
And for that matter, how did you get your History site so "clean"?  Each category takes up the whole screen, one below the other.  Mine are all over the place.

Paul, can you help with the last question?  ???
This is done by adding a custom cascading style sheet (CSS) file to your site. The style code that will give you the single-column look is this:
Code: [Select]
table {
width:100%;
}

Offline TheBulldogs

  • All Pro
  • ****
  • Posts: 21
  • Karma: 0
  • League Champs: 2001 & 2005
Re: How do I get my MFL banner into my legue history page.
« Reply #7 on: July 17, 2006, 02:25:47 PM »
So basically, I need to customize the css file and host it on a different site then direct the History site to pull in the css file?
Keith
Commish FFFL

Offline TheBulldogs

  • All Pro
  • ****
  • Posts: 21
  • Karma: 0
  • League Champs: 2001 & 2005
Re: How do I get my MFL banner into my legue history page.
« Reply #8 on: July 17, 2006, 07:41:37 PM »
I'm all set Paul.  Thanks.
Keith
Commish FFFL

Offline tarznatz

  • Veteran
  • ***
  • Posts: 13
  • Karma: 0
Re: How do I get my MFL banner into my legue history page.
« Reply #9 on: August 08, 2006, 11:51:28 PM »
I am having the same problem. This is my site:
http://football8.myfantasyleague.com/2006/home/84405

This is the url for the css - but it comes out all jumbled and i don;t know how to arrange it properly.
http://www.mfladdons.com/29232/cssfluid15.css

And this is my History site:
http://mflhistory.com/leaguehistory.php?id=178

I want the history site to look like the main site, and exactly set up as Hamilrock's site was, with the banner and all the proper spacing.
Please help, I am at my wits end....

Offline tarznatz

  • Veteran
  • ***
  • Posts: 13
  • Karma: 0
Re: How do I get my MFL banner into my legue history page.
« Reply #10 on: August 09, 2006, 01:12:16 AM »
Why won't this work?? This si the same code that Hamilrock is currently using, with the exception that my picture url replaces his. It worked for a second, but it now defaults to the standard look. What is wrong here?


body {
   font-size : 11pt;
   font-family : Arial, Helvetica, sans-serif;
   color : #000033;
   margin-right : 0px;
   margin-left : 0px;
   margin-top : 0px;
   margin-bottom : 0px;
   padding : 0;
   padding-bottom : 0px;
   text-align : left;
   background-color:#EBEADA;
      }
#body_live_chat {
   background-color : #cccccc;
   background-image : none;
      }
#body_live_pick {
   background-color : #cccccc;
   background-image : none;
      }
#body_live_scoring_summary {
   background-color : #cccccc;
   background-image : none;
      }
#body_live_scoring_brief {
   background-color : #999999;
   background-image : none;
      }
a:link {
   color : #000033;
      }
a:active {
   color : #000033;
      }
a:visited {
   color : #000033;
      }
a:hover {
   color : #b22222;
      }
a:focus {
   color : #b22222;
      }
th {
   font-size : 8pt;
   font-family : arial;
   color : #ffffff;
   font-style : normal;
   font-weight : normal;
   background-image : url(http://www.mfladdons.com/skins/skinscss/images/aflheader.gif);
   border : 1px ridge #ffffff;
   text-align:center;
      }
th a:link, th a:visited {
   color : #cccccc;
      }
th a:hover {
   color : #b22222;
      }
caption {
   font-size : 10pt;
   font-family : arial;
   font-weight : bold;
   color : #fff;
   background-image : url(http://mfladdons.com/skins/skinscss/images/aflheader6.gif);
   background-repeat : repeat-x;
   background-color : #8a2f26;
   border-top : 1px ridge #000033;
   border-bottom : 1px ridge #000033;
   padding-top : 4px;
   padding-left : 50px;
   padding-bottom : 4px;
      }
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
   text-align : center;
   font-family : arial;
   margin-top : 0;
   margin-bottom : 0;
      }
h1 {
   font-size : 18px;
   padding-top : 1px;
      }
h2 {
   font-size : 11pt;
   font-family : arial;
   font-weight : bold;
   font-style : italic;
   color : #fff;
   background-color : #ffffff;
   background-image : url(skins/skinscss/images/aflheader4.gif);
   border : 1px ridge #000033;
      }
h3 {
   font-size : 8pt;
   font-family : arial;
   font-weight : bold;
   color : #b22222;
   background-color : #ffffff;
   background-image : url(http://www.mfladdons.com/skins/skinscss/images/aflheader2.gif);
   border : 1px ridge #000033;
      }
h3 a:hover {
   color : #ffffff;
      }
#home #standings h3, #home #brief_standings h3, .homepagecolumn .homepagemodule caption, #standings h3 {
   padding : 0;
   color : #fff;
   background-image : url(skins/skinscss/images/aflheader4.gif);
   background-repeat : repeat-x;
   background-color : #8a2f26;
      }
h4 {
   font-size : 10pt;
   font-family : arial;
   font-weight : bold;
   font-style : italic;
   color : #191940;
   background-color : #ffffff;
   background-image : url(http://msn.foxsports.com/fe/img/sectionfront/hdr_bg.gif);
   border : 1px ridge #000033;
      }
h5 {
   font-size : 7pt;
   font-family : arial;
   color : #000033;
      }
h6 {
   font-size : 4pt;
   font-family : arial;
   font-weight : bold;
   font-style : italic;
   color : #000033;
      }
textarea {
width: 100%;
}
.pagebody {
   width : 100%;
   margin-right : 0;
   margin-left : 0;
   margin-top : 17px;
   margin-bottom : 0;
   padding : 0;
   padding-bottom : 0;
   text-align : left;
      }
#messageboard {
   width : 100%;
      }
.eventablerow {
   background-color : #dbdbdb;
      }
.oddtablerow {
   background-color : #cccccc;
      }

#contentframe {
   position : relative;
   margin-left : 104px;
      }
* html #contentframe {
   height : 1%;
      }

#contentleft {
   width : 100px;
   padding : 1px;
   float : left;
   background : #7d7d7d;
   background-image : url(/images/2006_mfl/left_nav.jpg);
   background-repeat:repeat-x;
   background-color : #000033;
   overflow : hidden;
   text-align : left;
      }
#contentcenter {
   margin-top : 0;
   margin-left : 0;
   margin-right : 267px;
   padding-left : 10px;
   padding-right : 10px;
   top : 1px;
   height : 1500px;
   text-align : center;
   border-right : 1px solid #324458;
      }


#contentright {
   margin-top : 0;
   width : 265px;
   padding-left : 1px;
   padding-right : 0;
   position : absolute;
   top : 1px;
   right : 0;
   background-color : #999999;
   height : 1500px;
      }
* html #contentframe {
   margin-left : 0;
      }
#enzyte {
   background-color : #3675c8;
   border-top : 20px solid #003366;
   border-bottom : 20px solid #003366;
      }
#contentheader {
   color : #fff;
   font-size : 12px;
   font-family : arial;
   font-weight : bold;
   text-decoration : none;
   background-image : url(http://www.mfladdons.com/skins/skinscss/images/aflheader.gif);
   background-repeat : repeat-x;
   border-top : 2px solid #fff;
   text-align: center;
   width: 100%; 
   height: 28px;
   vertical-align:middle;
   padding-top: 6px;

      }
#contentheader a {
   text-decoration : none;
      }
#contentheader a:link {
   color : #fff;
      }
#contentheader a:active {
   color : #fff;
      }
#contentheader a:visited {
   color : #fff;
      }
#contentheader a:hover {
   color : #cccccc;
      }
#contentheader a:focus {
   color : #cccccc;
      }
#adheader {
   width : 100%;
   background-color : #fff;
   background-image:url(/images/league_banners/league_banner_bg.jpg);
   
   

      }
.performerpics {
   width : 100%;

      }
.leftnav {
   font : 10px verdana, arial, sans-serif;
   font-weight : bold;

      }
.leftnav a {
   text-decoration : none;
   font : 10px verdana, arial, sans-serif;
   display : block;
   padding : 3px;
   color:#ffffff;
      }
.leftnav a:visited{
   text-decoration : none;
   font : 10px verdana, arial, sans-serif;
   display : block;
   padding : 3px;
   color:#ffffff;
      }

body .leftnav a:hover {
   text-decoration : none;
   font : 10px verdana, arial, sans-serif;
   color : #fff;
   background-image:url(/images/2006_mfl/headers.gif);
   background-position:center;
   background-repeat : repeat-y;
   font-weight : bold;
   display : block;
   padding : 3px;
      }
.leftnavdivider {
   background-color : #000011;
   font-size : 1px;
   height : 1px;
   line-height : 1px;
      }
.leftnavhead {
   font : 11px verdana, arial, sans-serif;
   color : #ffffff;
   font-weight : bold;
   background-image:url(/images/2006_mfl/headers.gif);
   background-repeat:no-repeat;
   background-position:right;
   padding: 4px;
   padding-left:10px;

      }
    

.leftnavfooter {
   background-image:url(/images/2006_mfl/footer.gif);
   background-repeat:no-repeat;
   background-position:right;
   height:10px;
      }

/* BELOW IS THE START OF THE REAL MFLHISTORY CSS ABOVE IS A STRAIGHT COPY FROM THE ORIGINAL AFL CSS*/
#body_home {
   width:100%;
   text-align:left;
}
   

table {
   width:100%;
}

/* This should override the wierd CSS in the original app        */
.leaguehistorymodule {
   display:block;
   float:left;
   padding-right:0px;
   padding-top: 0px;
}
/* The header of all league pages. */
.leaguehistoryheader{

   margin-top: 0px;
}
.leaguehistorypageheader {
background-repeat:no-repeat;
background-image: url(http://www.tcphotos.com/getuserimage.asp?t=n&id=img6953_09082006032039_1.jpg);
height: 150px;
width: 100%;
}


/* The site branding logo inside the page header. On the left side*/
.leaguehistorybrandlogo {
   visibility:hidden;
   padding-left: 10px;
   width: 145px;
   vertical-align: top;
}
/* The page title inside the page header. Middle*/
.leaguehistorypagetitle h1{
   text-align:left;
   font-size:10px;
   margin-left: -80px;
}


/* The "welcome" message inside the page header. On the right side*/
.leaguehistorywelcome {
   color:#000033;
   vertical-align: top;
   text-align: right;
   width: 145px;
   padding-right: 10px;
}
/* The body of all league history pages. */
.leaguehistorypagebody {
   border:none;
   clear:both;
   position:relative;
   z-index:1;
}
/* GLOBAL NAV
*******************************/

#menu {
   width:100%;
   height:27px;
   font-family:Tahoma,Arial,Helvetica,sans-serif;
   font-size:11px;
   float:left;
   overflow:hidden;
   text-align:center;
   background:#ccc url(http://www.mfladdons.com/skins/skinscss/images/aflheader.gif) repeat-x;
   border:none;
   text-align:center;
}
#menu ul{
   text-align:center;
   width:100%;
}

#menu li {
   float:left;
}
#menu a {
   color:#fff;
   font-size:12px;
   font-weight:bold;
   padding:10px 8px 11px 8px;
   float:left;
   border:none;
   display:block;
}

#menu a:hover {
   color:#cccccc;
}

#mainnav {
}

#mainnav LI {
   list-style:none;
   float: left;
   padding: 2px;
   padding-left:20px;
   margin: 2px;
   white-space: nowrap;
}
#mainnav LI A {
   text-decoration: none;
   border:none;

   
}

#leaguehistorypagebody {
   width:970px;
   border:none;
}

#gamecenter table{
   padding-left:2px;
   padding-right:2px;
   width:475px;
   border:none;
}

#gamecenter caption{
   width:477px;
}

.prevmatchups{
   background-color:#7c7a7a;
}
.divisiongame {
   font-weight:bold;
}
.gamescore {
   text-align:right;
   color:#FF0000;
}
.winnermark {
   display:inline;
   color:#FF0000;
   font-size:medium;
}

.prevmatchups TH {
   background-color:#FF3333;
}
.prevmatchups caption {
   font-size:9pt;
   background-color: #FF3333;
}
#gamecenter .gamecentertable {
   border: none;
}
.prevmatchups .eventablerow {
   background-color: #7c7a7a;
}
.prevmatchups .eventablerow A:link {
   color: #CCCCCC;
}
.prevmatchups .eventablerow A:active {
   color: #CCCCCC;
}
.prevmatchups .eventablerow A:visited {
   color: #CCCCCC;
}
.prevmatchups .eventablerow A:hover {
   color: #5F0E02;
}
.prevmatchups .eventablerow A:focus {
   color: #5F0E02;
}


/* All odd-numbered rows inside a table. */
.prevmatchups .oddtablerow {
   background-color: #929292;
}

.prevmatchups .oddtablerow A:link {
   color: #CCCCCC;
}
.prevmatchups .oddtablerow A:active {
   color: #CCCCCC;
}
.prevmatchups .oddtablerow A:visited {
   color: #CCCCCC;
}
.prevmatchups .oddtablerow A:hover {
   color: #8B4136;
}
.prevmatchups .oddtablerow A:focus {
   color: #8B4136;
}
« Last Edit: August 09, 2006, 03:13:13 AM by tarznatz »

Offline prpost

  • Administrator
  • Hall of Famer
  • *****
  • Posts: 1023
  • Karma: 6
    • MFLHistory.com
Re: How do I get my MFL banner into my legue history page.
« Reply #11 on: August 09, 2006, 03:13:53 AM »
Your CSS code is fine

I think the problem here is that you are referencing the following file as your CSS:
Quote
http://igotyourbackman.metsblog.com/mqfhistory[1].css

I think the [1] that are part of the name are the problem, try saving it without brackets in it (which are special characters in html) and referencing that in your layout options

Offline tarznatz

  • Veteran
  • ***
  • Posts: 13
  • Karma: 0
Re: How do I get my MFL banner into my legue history page.
« Reply #12 on: August 09, 2006, 03:20:05 AM »
Tried it - and it works, but you have to log out, I think...

Offline tarznatz

  • Veteran
  • ***
  • Posts: 13
  • Karma: 0
Re: How do I get my MFL banner into my legue history page.
« Reply #13 on: August 09, 2006, 03:22:15 AM »
ok, Paul, that did it. But why isn't it centered??

Offline prpost

  • Administrator
  • Hall of Famer
  • *****
  • Posts: 1023
  • Karma: 6
    • MFLHistory.com
Re: How do I get my MFL banner into my legue history page.
« Reply #14 on: August 09, 2006, 03:31:45 AM »
ok, Paul, that did it. But why isn't it centered??
Because there's nothing in your CSS code that is telling it you want it centered

You're going to need something like this:
Quote
text-align : center;
in that style