Jump to content


Photo

Re-Colorize your 2015 Skin

CSS Colors Skin 2015 Design

This topic has been archived. This means that you cannot reply to this topic.
34 replies to this topic

#16 quickolas1

quickolas1

    Veteran

  • Members
  • PipPipPip
  • 953 posts

Posted 25 September 2015 - 08:08 AM

I firmly believe that if MFL re-designed the layout to look something like this:

http://demo.thedevel...kingadmin-v1.5/

...they would blow the doors off.

 

I'm talking about organization / aesthetic / device responsiveness.

It's a bit Googlish but that's where we are today. For example, huge image banners across the top aren't desirable anymore.

And that design on small devices is amazing.



#17 DA-G-GURU

DA-G-GURU

    Veteran

  • Members
  • PipPipPip
  • 1,165 posts

Posted 25 September 2015 - 08:12 AM

I know its Friday... but you hittin the kush hard already lol... Pipe Dreams.. The Hendrix Experience ... Purple Haze... Woodstock... Munchies... Wake me up when its over...

:)
Simply The Best in Grafix and CSS webdesign since 2005

www.dagrafixdesigns.com

---------------
Twitter @DA_Sticks

#18 UCanCallMeMitch

UCanCallMeMitch

    Veteran

  • Members
  • PipPipPip
  • 3,510 posts

Posted 31 December 2015 - 05:25 AM

Probably should put this request under coding, but since it relates to the 2015 MFL Skin Template in this thread, I will ask here

 

What is the code I have to insert to round the corners of the homepagetabs background and division headers.?

 

Thanks - Mitch

 

http://www21.myfanta...15/home/53660#0


ldsportslogoindex_32x32.png  LuckyDog Sports 

" Fantasy Fun For Football Fanatics "


#19 habman

habman

    Veteran

  • Members
  • PipPipPip
  • 2,735 posts

Posted 31 December 2015 - 06:42 AM

Probably should put this request under coding, but since it relates to the 2015 MFL Skin Template in this thread, I will ask here

 

What is the code I have to insert to round the corners of the homepagetabs background and division headers.?

 

Thanks - Mitch

 

http://www21.myfanta...15/home/53660#0

 

division headers you can use:

#standings h3 {
    border-radius: 7px;
}

Not sure about the tabs

 

EDIT TO ADD:

     To round the corners of the "black" background of the tab area

#homepagetabs {
    border-radius: 10px 10px 0px 0px;
}

 

     To round the corners of the "red" tabs

#homepagetabsdiv #homepagetabs li.currenttab {
    border-radius: 10px 10px 0px 0px;
}

Seems to work for 2nd tab but doesn't look right on the "HOME" tab

 

EDIT TO ADD

 

I know why the "HOME" tab gets messed up.  Apparently that skin overwrites "MAIN" with "HOME" and that causes issues with the background

 

To Correct you have to include the following:

li#tab0.currenttab:after {
    background: none;
}
li#tab0:after {
    content: "";
    background: none;
}

My MFL scripts . . . . . . . . http://www.habman.com/mfl/

#20 quickolas1

quickolas1

    Veteran

  • Members
  • PipPipPip
  • 953 posts

Posted 02 January 2016 - 09:11 AM

Waaaaaaaaiiiiit a minute.
 
So this one looks like CBS.
 
And now this one looks like ESPN...?
 
MFL should probably do something about these copycat skins of theirs.

#21 Big Ben 7

Big Ben 7

    Veteran

  • Members
  • PipPipPip
  • 181 posts

Posted 03 January 2016 - 10:02 AM

Like the ESPN skin,anyway to get it and use it ?



#22 lurkmaster

lurkmaster

    Veteran

  • Members
  • PipPipPip
  • 106 posts

Posted 03 January 2016 - 09:56 PM

the CBS and ESPN replicas do look pretty good 



#23 BobA

BobA

    Veteran

  • Members
  • PipPipPip
  • 772 posts

Posted 10 January 2016 - 12:04 PM

I implemented this and like the look a lot. My only problem is the font that is used for the top menu. I just looks odd with a drop shadow sort of effect or something. I'd appreciate someone pointing out where this is coming from and how to eliminate it. I'm not totally code impaired but I work by trial and error. TIA

 

http://www27.myfanta...15/home/42743#0

 

 

EDIT:

Issue appears to be browser/computer specific. The font looks fine on a second computer using Chrome, and it seems fine as well on this one when viewed with MS Edge but with Chrome I get that weird effect. I'll just live with it. 


2019 League Site

 

The Ed Hughes Football League, Since 1980
2019...Our 40th Season!! 


----------
"Yes, well, everybody in Casablanca has problems. Yours may work out." -Rick Blaine


#24 DA-G-GURU

DA-G-GURU

    Veteran

  • Members
  • PipPipPip
  • 1,165 posts

Posted 10 January 2016 - 03:49 PM

If you want to remove it from the TOP MENU only, then add this to your CSS.

.mmenucontainer {text-shadow: none;}

Thx
Simply The Best in Grafix and CSS webdesign since 2005

www.dagrafixdesigns.com

---------------
Twitter @DA_Sticks

#25 BobA

BobA

    Veteran

  • Members
  • PipPipPip
  • 772 posts

Posted 10 January 2016 - 10:05 PM

Thanks, I'll give that a shot


2019 League Site

 

The Ed Hughes Football League, Since 1980
2019...Our 40th Season!! 


----------
"Yes, well, everybody in Casablanca has problems. Yours may work out." -Rick Blaine


#26 quickolas1

quickolas1

    Veteran

  • Members
  • PipPipPip
  • 953 posts

Posted 16 January 2016 - 10:28 AM

I edited the code in the first post to isolate some areas and have different colored table rows.

But the point of this thread wasn't how to change one little thing here or there, simply a plug-and-play skin.

You can go learn CSS or ask in the coding forum.

 

I'll clean up the ESPN skin and post it as well.

 

(BobA, if you simply copy/paste the new code over your existing code... all you have to do is take out .mmenucontainer in the first section (Optional section) as you can see that line is telling it to add text-shadow.)



#27 BobA

BobA

    Veteran

  • Members
  • PipPipPip
  • 772 posts

Posted 16 January 2016 - 01:49 PM

Thanks Quickolas, I got some back channel help from Sticks and I'm happy with the look of this skin. Sorry if I was sort of derailing the thread with picky things. I appreciate your efforts here.

2019 League Site

 

The Ed Hughes Football League, Since 1980
2019...Our 40th Season!! 


----------
"Yes, well, everybody in Casablanca has problems. Yours may work out." -Rick Blaine


#28 brownbagger9949

brownbagger9949

    Member

  • Members
  • PipPip
  • 24 posts

Posted 22 January 2016 - 09:27 AM

Need some help, I'm working on the 2015 MFL Skin and I don't know how to do
the inside skin that goes under all of the modules, reports, league standings,

and the league Banner Image, similar to the ESPN Skin  http://www27.myfanta...2015/home/53328

 

Test League:  http://www4.myfantas...2014/home/16735



#29 quickolas1

quickolas1

    Veteran

  • Members
  • PipPipPip
  • 953 posts

Posted 23 January 2016 - 07:17 AM

Need some help, I'm working on the 2015 MFL Skin and I don't know how to do
the inside skin that goes under all of the modules, reports, league standings,

and the league Banner Image, similar to the ESPN Skin  http://www27.myfanta...2015/home/53328

 

Test League:  http://www4.myfantas...2014/home/16735

 

Just follow the directions.

 

You already had an uploaded custom CSS file and simply placed the plug-n-play code from my first post (CBS blue coloring) into the middle of your pre-existing custom CSS file. Mashing old and new code together means you have contradicting instructions and based on where you pasted the new code, your old code supercedes the new. You would need to go through your code and get rid of contradictions... or just scrap your old code and go with the plug-n-play by itself (recommended, it looks pretty good with your existing images and your old code really doesn't have anything custom that needs to be saved).

 

Note as well you should not have <style> or </style> tags in your uploaded CSS file. Those tags only go inside HPMs (home page modules).



#30 brownbagger9949

brownbagger9949

    Member

  • Members
  • PipPip
  • 24 posts

Posted 24 January 2016 - 10:44 AM

Thanks for your help,  I started with a clean slate, I loaded the code from page one.

Made a few tweaks with the lettering and coloring and I think it look's pretty good.

 

The <style> is in the code on page one so it's loaded into my css code at the top

and bottom of the page. I don't know if that's right or not but it's there now.

 

The new Test League:  http://www29.myfanta...2015/home/49177