Stránka 1 z 1
Rotující redstone
Napsal: 03 led 2013, 17:05
od Cernokneznik
http://solertia.eu/Jak udělali ten rotující redstone dole vpravo?
Re: Rotující redstone
Napsal: 03 led 2013, 17:13
od 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>
Re: Rotující redstone
Napsal: 03 led 2013, 17:32
od Cernokneznik
okej, a kde maj nastavený ty styly?
Re: Rotující redstone
Napsal: 03 led 2013, 18:10
od zdenda204
Tady máš styly, ale nejspíše to bude přez plugin
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)}
Re: Rotující redstone
Napsal: 03 led 2013, 18:43
od Cernokneznik
jaký?
Re: Rotující redstone
Napsal: 03 led 2013, 18:47
od zdenda204
Co já vím?
Zkus hledat
Re: Rotující redstone
Napsal: 04 led 2013, 17:46
od Arxee77
Ja mám WordPress a používam na to plugin Minecraft Block