Rotující redstone

[Cernokneznik]

http://solertia.eu/
Jak udělali ten rotující redstone dole vpravo?

[zdenda204]

Takto:

Kód: Vybrat vše

<div id="minecraft-container">
   <div class="minecraft redstone">   
      <div class="cube">
         <!--bottom-->
         <div class="face six"><a href="http://www.solertia.eu" target="_blank"></a></div>
         <!--back-->
         <div class="face five"><a href="http://www.solertia.eu" target="_blank"></a></div>
         <!--left-->
         <div class="face four"><a href="http://www.solertia.eu" target="_blank"></a></div>
         <!--top-->
         <div class="face one"><a href="http://www.solertia.eu" target="_blank"></a></div>
         <!--right-->
         <div class="face two"><a href="http://www.solertia.eu" target="_blank"></a></div>
         <!--front-->
         <div class="face three"><a href="http://www.solertia.eu" target="_blank"></a></div>
      </div>   
   </div>
</div>

[Cernokneznik]

okej, a kde maj nastavený ty styly?

[zdenda204]

Tady máš styly, ale nejspíše to bude přez plugin

Spoiler: zobrazit

Kód: Vybrat vše

/* webkit only (so far) */
@-webkit-keyframes spin {
   from {-webkit-transform:rotateY(0) rotateX(-90deg)}
   to {-webkit-transform:rotateY(-360deg) rotateX(270deg)}
}
/* Default container positioning (bottom right coner of page) */
#minecraft-container {position:fixed;bottom:12px;right:12px;z-index:128}
/* You may change the container ID in the plugin options and style your own positioning if you'd like */
.minecraft {
   height:32px;
   width:32px;
   margin:32px;
   border-radius:32px;
   -webkit-border-radius:32px;
   -moz-border-radius:32px;
   -webkit-perspective:800
   }
.cube {
   position:relative;
   height:32px;
   width:32px;
   -webkit-animation:spin 8s infinite linear;
   -webkit-transform-style:preserve-3d;
   }
.cube a {display:block;height:32px;width:32px}
.cube .face {
   position:absolute;
   height:32px;
   width:32px;
   -webkit-backface-visibility:hidden
   }
.cube .one {
   -webkit-transform: rotateX(90deg) translateZ(16px);
   -moz-transform: rotate(-45deg) skew(15deg, 15deg) translate(12px, -12px) scale(0.75);
   -ms-transform: rotate(-45deg) skew(15deg, 15deg) translate(12px, -12px) scale(0.75)
   }
.cube .two {
   -webkit-transform: translateZ(16px);
   -moz-transform: rotate(15deg) skew(15deg, 15deg) translate(-12px, 12px) scale(0.75);
   -ms-transform: rotate(15deg) skew(15deg, 15deg) translate(-12px, 12px) scale(0.75)
   }
.cube .three {
   -webkit-transform: rotateY(90deg) translateZ(16px);
   -moz-transform: rotate(-15deg) skew(-15deg, -15deg) translate(12px, 12px) scale(0.75);
   -ms-transform: rotate(-15deg) skew(-15deg, -15deg) translate(12px, 12px) scale(0.75)
   }
.cube .four {
   -webkit-transform: rotateY(180deg) translateZ(16px);
   -moz-transform: rotate(15deg) skew(15deg, 15deg) translate(12px, -12px) scale(0.75);
   -ms-transform: rotate(15deg) skew(15deg, 15deg) translate(12px, -12px) scale(0.75)
   }
.cube .five {
   -webkit-transform: rotateY(-90deg) translateZ(16px);
   -moz-transform: rotate(-15deg) skew(-15deg, -15deg) translate(-12px, -12px) scale(0.75);
   -ms-transform: rotate(-15deg) skew(-15deg, -15deg) translate(-12px, -12px) scale(0.75)
   }
.cube .six {
   -webkit-transform: rotateX(-90deg) rotate(180deg) translateZ(16px);
   -moz-transform: rotate(-45deg) skew(15deg, 15deg) translate(-12px, 12px) scale(0.75);
   -ms-transform: rotate(-45deg) skew(15deg, 15deg) translate(-12px, 12px) scale(0.75)
   }
.minecraft.diamond,.minecraft.player,.minecraft.table,.minecraft.glass {
   background:rgba(0,152,164,0.4);
   box-shadow:0 0 32px rgba(0,152,164,1);
   -webkit-box-shadow:0 0 32px rgba(0,152,164,1);
   -moz-box-shadow:0 0 32px rgba(0,152,164,1)
   }
.minecraft.gold,.minecraft.chest {
   background:rgba(252,238,76,0.4);
   box-shadow:0 0 32px rgba(252,238,76,1);
   -webkit-box-shadow:0 0 32px rgba(252,238,76,1);
   -moz-box-shadow:0 0 32px rgba(252,238,76,1)
   }
.minecraft.iron,.minecraft.gravel {
   background:rgba(188,154,128,0.4);
   box-shadow:0 0 32px rgba(188,154,128,1);
   -webkit-box-shadow:0 0 32px rgba(188,154,128,1);
   -moz-box-shadow:0 0 32px rgba(188,154,128,1)
   }
.minecraft.coal,.minecraft.bedrock {
   background:rgba(56,56,56,0.4);
   box-shadow:0 0 32px rgba(56,56,56,1);
   -webkit-box-shadow:0 0 32px rgba(56,56,56,1);
   -moz-box-shadow:0 0 32px rgba(56,56,56,1)
   }
.minecraft.stone,.minecraft.skeleton,.minecraft.cobblestone {
   background:rgba(128,128,128,0.4);
   box-shadow:0 0 32px rgba(128,128,128,1);
   -webkit-box-shadow:0 0 32px rgba(128,128,128,1);
   -moz-box-shadow:0 0 32px rgba(128,128,128,1)
   }
.minecraft.grass,.minecraft.creeper,.minecraft.mossy {
   background:rgba(98,162,56,0.4);
   box-shadow:0 0 32px rgba(98,162,56,1);
   -webkit-box-shadow:0 0 32px rgba(98,162,56,1);
   -moz-box-shadow:0 0 32px rgba(98,162,56,1)
   }
.minecraft.dirt,.minecraft.wood {
   background:rgba(120,86,58,0.4);
   box-shadow:0 0 32px rgba(120,86,58,1);
   -webkit-box-shadow:0 0 32px rgba(120,86,58,1);
   -moz-box-shadow:0 0 32px rgba(120,86,58,1)
   }
.minecraft.pig {
   background:rgba(242,172,170,0.4);
   box-shadow:0 0 32px rgba(242,172,170,1);
   -webkit-box-shadow:0 0 32px rgba(242,172,170,1);
   -moz-box-shadow:0 0 32px rgba(242,172,170,1)
   }
.minecraft.tnt,.minecraft.redstone {
   background:rgba(220,68,26,0.4);
   box-shadow:0 0 32px rgba(220,68,26,1);
   -webkit-box-shadow:0 0 32px rgba(220,68,26,1);
   -moz-box-shadow:0 0 32px rgba(220,68,26,1)
   }
.minecraft.lapis {
   background:rgba(20,64,204,0.4);
   box-shadow:0 0 32px rgba(20,64,204,1);
   -webkit-box-shadow:0 0 32px rgba(20,64,204,1);
   -moz-box-shadow:0 0 32px rgba(20,64,204,1)
   }
.minecraft.brick {
   background:rgba(164,90,70,0.4);
   box-shadow:0 0 32px rgba(164,90,70,1);
   -webkit-box-shadow:0 0 32px rgba(164,90,70,1);
   -moz-box-shadow:0 0 32px rgba(164,90,70,1)
   }
.minecraft.sand,.minecraft.sandstone {
   background:rgba(236,228,180,0.4);
   box-shadow:0 0 32px rgba(236,228,180,1);
   -webkit-box-shadow:0 0 32px rgba(236,228,180,1);
   -moz-box-shadow:0 0 32px rgba(236,228,180,1)
   }
.minecraft.plank,.minecraft.bookshelf {
   background:rgba(188,152,98,0.4);
   box-shadow:0 0 32px rgba(188,152,98,1);
   -webkit-box-shadow:0 0 32px rgba(188,152,98,1);
   -moz-box-shadow:0 0 32px rgba(188,152,98,1)
}
.minecraft.obsidian {
   background:rgba(60,48,86,0.4);
   box-shadow:0 0 32px rgba(60,48,86,1);
   -webkit-box-shadow:0 0 32px rgba(60,48,86,1);
   -moz-box-shadow:0 0 32px rgba(60,48,86,1)
   }
.minecraft.diamond .cube .face {background:url(../images/diamond_ore.png)}   
.minecraft.gold .cube .face {background:url(../images/gold_ore.png)}   
.minecraft.redstone .cube .face {background:url(../images/redstone_ore.png)}   
.minecraft.iron .cube .face {background:url(../images/iron_ore.png)}   
.minecraft.lapis .cube .face {background:url(../images/lapis_ore.png)}   
.minecraft.coal .cube .face {background:url(../images/coal_ore.png)}   
.minecraft.stone .cube .face {background:url(../images/stone.png)}   
.minecraft.cobblestone .cube .face {background:url(../images/cobblestone.png)}   
.minecraft.mossy .cube .face {background:url(../images/mossy.png)}   
.minecraft.dirt .cube .face {background:url(../images/dirt.png)}
.minecraft.gravel .cube .face {background:url(../images/gravel.png)}
.minecraft.sand .cube .face {background:url(../images/sand.png)}
.minecraft.plank .cube .face {background:url(../images/plank.png)}   
.minecraft.brick .cube .face {background:url(../images/brick.png)}   
.minecraft.obsidian .cube .face {background:url(../images/obsidian.png)}   
.minecraft.bedrock .cube .face {background:url(../images/bedrock.png)}   
.minecraft.glass .cube .face {background:url(../images/glass.png)}   
.minecraft.grass .cube .face.one {background:url(../images/grass_top.png)}   
.minecraft.grass .cube .face.two,.minecraft.grass .cube .face.three,.minecraft.grass .cube .face.four,.minecraft.grass .cube .face.five {background:url(../images/grass_sides.png)}   
.minecraft.grass .cube .face.six {background:url(../images/dirt.png)}   
.minecraft.sandstone .cube .face.one {background:url(../images/sandstone_top.png)}   
.minecraft.sandstone .cube .face.two,.minecraft.sandstone .cube .face.three,.minecraft.sandstone .cube .face.four,.minecraft.sandstone .cube .face.five {background:url(../images/sandstone_sides.png)}   
.minecraft.sandstone .cube .face.six {background:url(../images/sandstone_bottom.png)}   
.minecraft.tnt .cube .face.one {background:url(../images/tnt_top.png)}   
.minecraft.tnt .cube .face.two,.minecraft.tnt .cube .face.three,.minecraft.tnt .cube .face.four,.minecraft.tnt .cube .face.five {background:url(../images/tnt_sides.png)}   
.minecraft.tnt .cube .face.six {background:url(../images/tnt_bottom.png)}   
.minecraft.wood .cube .face.one,.minecraft.wood .cube .face.six {background:url(../images/wood_grain.png)}   
.minecraft.wood .cube .face.two,.minecraft.wood .cube .face.three,.minecraft.wood .cube .face.four,.minecraft.wood .cube .face.five {background:url(../images/wood_bark.png)}   
.minecraft.bookshelf .cube .face.one,.minecraft.bookshelf .cube .face.six {background:url(../images/plank.png)}
.minecraft.bookshelf .cube .face.two,.minecraft.bookshelf .cube .face.three,.minecraft.bookshelf .cube .face.four,.minecraft.bookshelf .cube .face.five {background:url(../images/bookshelf.png)}
.minecraft.chest .cube .face.one,.minecraft.chest .cube .face.six {background:url(../images/chest_top.png)}
.minecraft.chest .cube .face.three {background:url(../images/chest_front.png)}
.minecraft.chest .cube .face.two,.minecraft.chest .cube .face.four,.minecraft.chest .cube .face.five {background:url(../images/chest_sides.png)}
.minecraft.table .cube .face.one,.minecraft.table .cube .face.six {background:url(../images/table_top.png)}
.minecraft.table .cube .face.two,.minecraft.table .cube .face.four {background:url(../images/table_front.png)}
.minecraft.table .cube .face.three,.minecraft.table .cube .face.five {background:url(../images/table_sides.png)}
.minecraft.creeper .cube .face.one {background:url(../images/creeper_top.png)}
.minecraft.creeper .cube .face.two {background:url(../images/creeper_left.png)}
.minecraft.creeper .cube .face.three {background:url(../images/creeper_front.png)}
.minecraft.creeper .cube .face.four {background:url(../images/creeper_right.png)}
.minecraft.creeper .cube .face.five {background:url(../images/creeper_back.png)}
.minecraft.creeper .cube .face.six {background:url(../images/creeper_bottom.png)}   
.minecraft.pig .cube .face.one {background:url(../images/pig_top.png)}
.minecraft.pig .cube .face.two {background:url(../images/pig_right.png)}
.minecraft.pig .cube .face.three {background:url(../images/pig_front.png)}
.minecraft.pig .cube .face.four {background:url(../images/pig_left.png)}
.minecraft.pig .cube .face.five {background:url(../images/pig_back.png)}
.minecraft.pig .cube .face.six {background:url(../images/pig_bottom.png)}   
.minecraft.skeleton .cube .face.one {background:url(../images/skeleton_top.png)}
.minecraft.skeleton .cube .face.two {background:url(../images/skeleton_right.png)}
.minecraft.skeleton .cube .face.three {background:url(../images/skeleton_front.png)}
.minecraft.skeleton .cube .face.four {background:url(../images/skeleton_left.png)}
.minecraft.skeleton .cube .face.five {background:url(../images/skeleton_back.png)}
.minecraft.skeleton .cube .face.six {background:url(../images/skeleton_bottom.png)}   
.minecraft.player .cube .face.one {background:url(../images/char_top.png)}
.minecraft.player .cube .face.two {background:url(../images/char_right.png)}
.minecraft.player .cube .face.three {background:url(../images/char_front.png)}
.minecraft.player .cube .face.four {background:url(../images/char_left.png)}
.minecraft.player .cube .face.five {background:url(../images/char_back.png)}
.minecraft.player .cube .face.six {background:url(../images/char_bottom.png)}   


[Cernokneznik]

jaký?

[zdenda204]

Co já vím?
Zkus hledat

[Arxee77]

Ja mám WordPress a používam na to plugin Minecraft Block