Windows 8 stils ar sociālajām podziņām

Lappuse 1 no 1
1

Rencis

Pirmdiena, 23.03.2015, 8:58:51 | Ieraksts #1

PRASTS BIEDRS

Foruma ieraksti: 126

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Rencis raksta .. :

CSS:

Code

/* --- Modern social-bar --- */
  #smenu {
   position:fixed;
   top:100px;
   right:-50px;
   width:48px;
   height:340px;
   background:transparent;
   border-left:1px solid transparent;
   padding:10px;

   transition-duration:0.5s;
  }

  #smenu:hover {
  position:fixed;
  right:0;

  transition-duration:0.5s;
  }

  #smenu a {
   text-decoration:none;
  }

  #smenu .icon {
   width:48px;
   height:48px;
   margin-bottom:20px;
   opacity:0.6;
   transition-duration:0.5s;
  }

  #smenu .icon:hover {
   opacity:1;
   transition-duration:0.5s;
  }

  #smenu .rss {
   background:transparent url('http://i.imgur.com/iooRSBb.png');
  }

  #smenu .facebook {
   background:transparent url('http://i.imgur.com/q24ul0O.png');
  }

  #smenu .twitter {
   background:transparent url('http://i.imgur.com/Cg4kzQf.png');
  }

  #smenu .google {
   background:transparent url('http://i.imgur.com/OPYqnhX.png');
  }

  #smenu .email {
   background:transparent url('http://i.imgur.com/aj3eNAO.png');
  }

  #smenu .youtube {
   background:transparent url('http://i.imgur.com/hnYvnzp.png');
  }
  /* --- ------------- --- */

Šo liekam kur vēlamies redzēt izvēlni

Code

Iznākums: