Eight is a Stylish, Windows 8-Inspired Start Page for Your Browser

Discussion in 'Windows 8' started by methodbeat, Jun 13, 2011.

  1. methodbeat

    methodbeat MDL Member

    Apr 28, 2011
    224
    70
    10
    #1 methodbeat, Jun 13, 2011
    Last edited: Jun 14, 2011
    Stop hovering to collapse... Click to collapse... Hover to expand... Click to expand...
  2. Misaki2010

    Misaki2010 MDL Addicted

    Jul 14, 2009
    666
    381
    30
    I would look even nicer if it would have some effects on the tiles when you hover and press them :( and the link works only if you press the text, looks nice throught, i like the search bar :D
     
  3. methodbeat

    methodbeat MDL Member

    Apr 28, 2011
    224
    70
    10
    yep, but not my concept so, cant blame myself. :p
     
    Stop hovering to collapse... Click to collapse... Hover to expand... Click to expand...
  4. jayblok

    jayblok MDL Guru

    Dec 26, 2010
    3,143
    2,459
    120
    this is excellent and fantastic!! thanx for sharing meth,great job!!!!!!!!!!!!!!:worthy::worthy:
     
  5. methodbeat

    methodbeat MDL Member

    Apr 28, 2011
    224
    70
    10
    ye ye
    welcome jay :)
    :eek::hug2:
     
    Stop hovering to collapse... Click to collapse... Hover to expand... Click to expand...
  6. Misaki2010

    Misaki2010 MDL Addicted

    Jul 14, 2009
    666
    381
    30
    of course i didn't blame you, hehe :D
     
  7. methodbeat

    methodbeat MDL Member

    Apr 28, 2011
    224
    70
    10
    :p ;)

    i was just kidding :cool:
     
    Stop hovering to collapse... Click to collapse... Hover to expand... Click to expand...
  8. Misaki2010

    Misaki2010 MDL Addicted

    Jul 14, 2009
    666
    381
    30
    here, I found this on DeviantART, put the following code lines in the file style.css in the lib folder and you'll have some effects

    a {
    display: block;
    width: 100%;
    height: 100%;
    }

    a {
    box-shadow: none;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    }

    a:hover {
    box-shadow: inset 0 0 18px #260930;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    }

    button {
    cursor: pointer;
    }