tag:blogger.com,1999:blog-41208916443632793012024-02-07T20:04:18.835-08:00pruebas REDEANDOJohnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comBlogger21125tag:blogger.com,1999:blog-4120891644363279301.post-11657272352957501922014-08-16T12:33:00.000-07:002014-08-16T12:33:55.791-07:00TV3<div style="position:absolute;top:-20px;left:20%;"> <iframe scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="653" height="403" src="http://verdirectotv.com/tv/deportes/plusfutbol.html"></iframe></div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
.estrellas {
display:none;
visibility:hidden;
}
body{background:#000 url(http://imagesniff.com/wp-content/uploads/2013/10/blue_and_black_background.jpg) repeat top center !important;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-76929130205061945602014-08-16T12:31:00.001-07:002014-08-16T12:31:49.767-07:00TV2<div style="position:absolute;top:-20px;left:20%;"> <iframe scrolling="no" marginwidth="0" marginheight="0" frameborder="0" width="653" height="403" src="http://verdirectotv.com/tv/deportes/plusliga.html"></iframe></div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
.estrellas {
display:none;
visibility:hidden;
}
body{background:#000 url(http://imagesniff.com/wp-content/uploads/2013/10/blue_and_black_background.jpg) repeat top center !important;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-23042444403451998732014-08-16T10:06:00.000-07:002014-08-16T12:29:23.755-07:00TV1<div style="position:absolute;top:-20px;left:20%;"><iframe scrolling="no" style="margin-top: -10px; width: 650px; height: 400px; margin-left: -0px" src="http://verdirectotv.com/tv/deportes/goltv3.html"></iframe></div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
.estrellas {
display:none;
visibility:hidden;
}
body{background:#000 url(http://imagesniff.com/wp-content/uploads/2013/10/blue_and_black_background.jpg) repeat top center !important;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-43032006027231682552014-08-03T04:00:00.000-07:002014-08-03T05:00:12.570-07:00veranito<div id="sol"><span style="font-size:25px;color:red;font-family:impact;z-index:3;position:relative;top:60px;left:5%;font-weight:bold;text-shadow: 0px 4px 4px rgba(150, 150, 150, 1);">VERANO 2014</span><div></div><div></div><div></div><div></div></div><div id="nube"></div>
<style>
#sol {
width: 150px;
height: 150px;
position: absolute;z-index:2;
top: -25px;
left: 60%;
}
#sol *, #sol *:before, #sol *:after {
position: absolute;
}
#sol div {
top: 50%;
left: 50%;
}
#sol div:before, #sol div:after {
content: "";
top: 0;
left: 0;
height: inherit;
width: inherit;
background: inherit;
}
#sol div:before {
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
#sol div:after {
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#sol div:nth-child(even) {
-webkit-animation: rotateR 12s infinite linear;
-moz-animation: rotateR 12s infinite linear;
-ms-animation: rotateR 12s infinite linear;
animation: rotateR 12s infinite linear;
}
#sol div:nth-child(odd) {
-webkit-animation: rotateL 12s infinite linear;
-moz-animation: rotateL 12s infinite linear;
-ms-animation: rotateL 12s infinite linear;
animation: rotateL 12s infinite linear;
}
#sol div:nth-child(1) {
animation-duration: 49s;
background: rgba(255, 217, 31, 0.2);
width: 144px;
height: 144px;
margin-top: -72px;
margin-left: -72px;
margin-right: 0;
margin-bottom: 0;
}
#sol div:nth-child(2) {
animation-duration: 53s;
background: rgba(255, 217, 31, 0.3);
width: 138px;
height: 138px;
margin-top: -69px;
margin-left: -69px;
margin-right: 0;
margin-bottom: 0;
}
#sol div:nth-child(3) {
animation-duration: 57s;
background: rgba(255, 217, 31, 0.5);
width: 132px;
height: 132px;
margin-top: -66px;
margin-left: -66px;
margin-right: 0;
margin-bottom: 0;
}
#sol div:nth-child(4) {
animation-duration: 61s;
background: rgba(255, 255, 171, 0.5);
width: 126px;
height: 126px;
margin-top: -63px;
margin-left: -63px;
margin-right: 0;
margin-bottom: 0;
background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 171, 0.5) 0%, rgba(255, 217, 31, 0.5) 100%);
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 171, 0.5) 0%, rgba(255, 217, 31, 0.5) 100%);
background-image: radial-gradient(center, ellipse cover, rgba(255, 255, 171, 0.5) 0%, rgba(255, 217, 31, 0.5) 100%);
}
#nube {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht3TBDOh5YrAwI78fUtOvnxH3DJgPf3hDGRLLCfIGOnHhALiXEQtMor5qihJBVxxqy7vcGM-DqLiyLwsOsFZb8wkE_23QzS4_RrjgW7w70UmTZ0GWPA0sEPbEM_77ntjOf8pgXxZPHnw8/s1600/nube.png);
width:175px;height:104px;opacity:0.7;z-index:2;
position: absolute;
top: 70px;right: 60%;
-webkit-animation: right 50s linear -3s infinite;
-moz-animation: right 50s linear -3s infinite;
-ms-animation: right 50s linear -3s infinite;
animation: right 50s linear -3s infinite;
}
@-webkit-keyframes right {
from {
right: 30%;
}
50% {
right: -10%;
}
to {
right: 30%;
}
}
@-moz-keyframes right {
from {
right: 30%;
}
50% {
right: -10%;
}
to {
right: 30%;
}
}
@-ms-keyframes right {
from {
right: 30%;
}
50% {
right: -10%;
}
to {
right: 30%;
}
}
@keyframes right {
from {
right: 30%;
}
50% {
right: -10%;
}
to {
right: 30%;
}
}
@-webkit-keyframes shakeOne {
50% {
-moz-transform: rotate(68deg);
-ms-transform: rotate(68deg);
-webkit-transform: rotate(68deg);
transform: rotate(68deg);
}
100% {
-moz-transform: rotate(62deg);
-ms-transform: rotate(62deg);
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
}
@-moz-keyframes shakeOne {
50% {
-moz-transform: rotate(68deg);
-ms-transform: rotate(68deg);
-webkit-transform: rotate(68deg);
transform: rotate(68deg);
}
100% {
-moz-transform: rotate(62deg);
-ms-transform: rotate(62deg);
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
}
@-ms-keyframes shakeOne {
50% {
-moz-transform: rotate(68deg);
-ms-transform: rotate(68deg);
-webkit-transform: rotate(68deg);
transform: rotate(68deg);
}
100% {
-moz-transform: rotate(62deg);
-ms-transform: rotate(62deg);
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
}
@keyframes shakeOne {
50% {
-moz-transform: rotate(68deg);
-ms-transform: rotate(68deg);
-webkit-transform: rotate(68deg);
transform: rotate(68deg);
}
100% {
-moz-transform: rotate(62deg);
-ms-transform: rotate(62deg);
-webkit-transform: rotate(62deg);
transform: rotate(62deg);
}
}
@-webkit-keyframes shakeTwo {
50% {
-moz-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
}
100% {
-moz-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
}
@-moz-keyframes shakeTwo {
50% {
-moz-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
}
100% {
-moz-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
}
@-ms-keyframes shakeTwo {
50% {
-moz-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
}
100% {
-moz-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
}
@keyframes shakeTwo {
50% {
-moz-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
-webkit-transform: rotate(-17deg);
transform: rotate(-17deg);
}
100% {
-moz-transform: rotate(-23deg);
-ms-transform: rotate(-23deg);
-webkit-transform: rotate(-23deg);
transform: rotate(-23deg);
}
}
@-webkit-keyframes rotateL {
from {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes rotateL {
from {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-ms-keyframes rotateL {
from {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes rotateL {
from {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
to {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes rotateR {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes rotateR {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes rotateR {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotateR {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
</style>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
.estrellas {
display:none;
visibility:hidden;
}
body{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy47QMkGZq0jI9F28Dhsh9CtfylkC0e_yklB7JWIjaH7ETBDs5pehTdfkYS30RfiM3oZ_Moq07yWC7NGLFRhewRK5Gv77W3cNfXZP9E-DpvY8wYB9EgPr2Qc1st4nqoSVLcMyaVqJDFuub/s1600/playa.jpg) no-repeat top center !important;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-39324841261891155982014-06-02T06:53:00.000-07:002014-06-02T06:54:48.284-07:00<div class="estrellas"></div>
<style>
@keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
from {background-position:0 0;}
to {background-position:-10000px 5000px;}
}
.estrellas, .nubes {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
display:block;
}
body {
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrxN7YfQJKnU7EfbVPpeG03kYiqS5cPydDEDbHyBBT2zc8sF8Bl9JfZYbNJ8abzebZQ5N-vDcy3puttbmfcZ11tm4GV4NaZQrEg4KWNvCOY0mfGZrbY-cAkpWfRISCviS1TZsIGxH_5SY/s1600/estrellas.png) repeat top center;
}
.estrellas{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBkyJYOEgnkXtkGzdyRbqF1JOuBQ5E7RpZU8yUsIA8cPhcNwmfbLfg7pC7P7egrNPc-tHN7CShFW8-e_I8vpG5TnPjPgrXDr-OAhEzMvGEq4acS9TOEN-hkJ8RbYlqgexMzuoZSOLb7P0/s1600/twinkling.png) repeat top center;
z-index:-2;
-moz-animation:move-twink-back 100s linear infinite;
-ms-animation:move-twink-back 100s linear infinite;
-o-animation:move-twink-back 100s linear infinite;
-webkit-animation:move-twink-back 100s linear infinite;
animation:move-twink-back 100s linear infinite;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-57299935642718440582014-01-03T09:20:00.000-08:002014-01-03T09:32:15.875-08:00rafw<div style="position:absolute;top:-200px;left:-91px;padding:15px;border:0px solid #cdcdcd;z-index:9;
">
<a href="http://redeando.blogspot.com" target="_blank"><canvas width ='480' height='300' id='canvas'></canvas></a>
<body onload='init()'>
<script>
var canvas;
var ctx;
var lastMinute = -1,
months = ['ENE', 'FEB', 'MAR', 'ABR', 'MAY', 'JUN', 'JUL', 'AGO', 'SEP', 'OCT', 'NOV', 'DIC'],
charImage = new Image(),
charWidth = 30,
charSpacing = 23,
charOffset = 2,
bgImage = new Image(),
pmImage = new Image();
bgImage.src = 'http://areweinthefutureyet.com/bg.jpg';
charImage.src = 'http://areweinthefutureyet.com/chars.png';
pmImage.src = 'http://areweinthefutureyet.com/pm.jpg';
var imageCharacters = "abcdefgjlmnoprstuvy0123456789".toUpperCase();
function init() {
canvas= document.getElementById('canvas');
ctx = canvas.getContext('2d');
var interval = setInterval(update,1000);
}
function update() {
var minute = new Date().getMinutes();
if(minute!=lastMinute) {
// update image...
ctx.drawImage(bgImage, 0,0);
var now = new Date();
var date = now.getDate(0).toString(); // 1 - 31 for the date
var month = months[now.getMonth()];
var year = now.getFullYear().toString();
var hours = now.getHours();
var pm = false;
if(hours>11) {
pm = true;
hours = hours%12;
}
if(hours==0) hours = 12;
hours = hours.toString();
var minutes = now.getMinutes().toString();
while(minutes.length<2) minutes = '0'+minutes;
while(date.length<2) date = '0'+date;
while(hours.length<2) hours = '0'+hours;
if(pm) {
ctx.drawImage(pmImage, 301, 36);
}
ctx.fillStyle = 'white';
ctx.globalCompositeOperation = 'lighter';
drawStringImage(month, 50, 48);
drawStringImage(date, 137, 47);
drawStringImage(year, 202, 46);
drawStringImage(hours, 323, 45);
drawStringImage(minutes, 387, 45);
ctx.globalCompositeOperation = 'source-over';
lastMinute = minute;
}
}
function drawStringImage(string, x, y) {
for(var i = 0; i<string.length; i++) {
var index = imageCharacters.indexOf(string.charAt(i));
//console.log("character : ", string.charAt(i), imageCharacters.indexOf(string.charAt(i)), charOffset + index*charWidth) ;
ctx.drawImage(charImage, charOffset + index*charWidth, 0, charSpacing+2, charImage.height, x, y, charSpacing+2, charImage.height);
x+=charSpacing;
}
}
</script>
</body>
</div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>
Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-74302134922187022742013-12-11T04:45:00.000-08:002013-12-11T07:30:31.699-08:00tna<div style="position:absolute;top:-170px;left:-65px;padding:15px;width:250px;border:0px solid #cdcdcd;z-index:9;
">
<div id="tarjeta">
<button type="button" id="start">click aqui</button>
<div id="snowflake-container"></div>
<div id="snowflake-container-2"></div>
<div id="rooftop" class="panel"><div id="santa"></div><div id="chimney"></div><div id="roof"></div></div>
<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;" id="inside" class="panel"><div id="gifts"></div><div id="cookies"></div></div>
<a href="http://redeando.blogspot.com" target="_blank"><div id="mc"><b>Feliz Navidad</b></div></a>
</div>
<style>
/*--FUENTES IMPORTADAS--*/
@import url(http://fonts.googleapis.com/css?family=Quicksand);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
/*--COPOS DE NIEVE CSS--*/
#tarjeta {
position: relative;border-radius:20px;border:0px solid #C3384E;
top: 0;
left: 0;
width: 250;
height: 400px;
background: #000;
background: #959595;
background: -moz-linear-gradient(-45deg, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b));
background: -webkit-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
background: -o-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
background: -ms-linear-gradient(-45deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
background: linear-gradient(135deg, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 );
}
#snowflake-container, #snowflake-container-2 { position: absolute; }
.snowflake {
color: #FFF;
font-size: 4em;
text-shadow: 0 0 10px #FFF;
-moz-transition: opacity 1s linear;
-ms-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
-webkit-transition: opacity 1s linear;
transition: opacity 1s linear;
}
.snowflake[data-size='1'] { font-size: 1em; }
.snowflake[data-size='2'] { font-size: 2em; }
.snowflake[data-size='3'] { font-size: 3em; }
.snowflake[data-size='4'] { font-size: 4em; }
/*--START BOTON--*/
button#start {
border: none;
font-family: Quicksand, Verdana, sans-serif;
text-transform: uppercase;
font-size: 2em;
border-radius: 3px;
-moz-border-radius: 3px;
position: absolute;
left: 38%;
top: 50%;
height: 42px;
margin-left: -58px;
margin-top: -21px;
}
/*--PANELES--*/
div#rooftop {
background: #03033d;
width: 100%;
height: 100%;
position: relative;
}
div#chimney {
background: url(http://localhostr.com/file/J87BaM6QvHdI/chimney.png) no-repeat center center;
width: 200px;
height: 300px;
position: absolute;
left: 50%;
margin-left: -100px;
bottom: 0;
z-index: 25;
}
div#roof {
background: url(http://localhostr.com/file/esngJD5Wvdrh/rooftop.png)repeat-x bottom left;
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
}
div#santa {
background: url(http://localhostr.com/file/Dx1DI02KFkh7/santa.png) no-repeat top center;
position: absolute;
bottom: 150px;
left: 50%;
width: 200px;
height: 240px;
margin-left: -100px;
-webkit-transform: rotate(180deg); /* Safari 3.1+, Chrome */
-moz-transform: rotate(180deg); /* Firefox 3.5-15 */
-ms-transform: rotate(180deg); /* IE9+ */
-o-transform: rotate(180deg); /* Opera 10.5-12.00 */
transform: rotate(180deg); /* Firefox 16+, Opera 12.50+ */
z-index: 15;
}
div#santa.animate {
-webkit-animation: santaIsTooFat 5s linear 1; /* Safari 5, Chrome */
-moz-animation: santaIsTooFat 5s linear 1; /* Firefox 5-15 */
-o-animation: santaIsTooFat 5s linear 1; /* Opera 12+ */
animation: santaIsTooFat 5s linear 1; /* Safari 5, Chrome, Firefox 16+ */
}
div#inside {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRwpAMPbSmIfktaq0pDmPHHrvAM7iwNEdrB4aMr9qwez8DymKag6emYpmgU4Zb6uIUb6X48aIAgpGTZjXX5y2W5TCQpf4boc4diFPyzL4oiIR8VytrMGAuKVwPipwDj_RRvRA3YtNaqHbY/s1600/20102223243854677801.jpg) no-repeat center center;
width: 247px;
height: 444px;border-radius:20px !important;opacity:0.6;
position: absolute;
top: -25px;
margin-top: ;
left: 1px;
margin-left:;
}
div#gifts {
background: url(http://localhostr.com/file/zbe6t56HtJg3/gifts.png) no-repeat;
height: 75px;
width: 111px;
position: absolute;
top: 80%;
left: 15%;
}
div#cookies {
background: url(http://localhostr.com/file/E2Hpj6h1ertW/cookies.png) no-repeat;
height: 50px;
width: 100px;
position: absolute;
top: 80%;
left: 65%;
}
/*--OTROS--*/
div#mc {
font-family: 'Great Vibes', cursive;
font-size: 40px;
height: 48px;
width: 500px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -24px;
margin-left: -250px;
color: #C3384E;
text-align: center;
}
div#snowflake-container-2 { opacity: 0.6; }
/*--KEYFRAME--*/
@-webkit-keyframes santaIsTooFat {
0% {
left: 60%;
-webkit-transform: rotate(0deg);
bottom: 116px;
}
5% { -webkit-transform: rotate(270deg); }
10% {
left: 50%;
-webkit-transform: rotate(180deg);
bottom: 150px;
}
30% { -webkit-transform: rotate(190deg); }
32% { -webkit-transform: rotate(170deg); }
34% { -webkit-transform: rotate(190deg); }
36% { -webkit-transform: rotate(170deg); }
38% { -webkit-transform: rotate(190deg); }
40% { -webkit-transform: scale(0.8, 1) rotate(180deg); }
50% { -webkit-transform: scale(1, 1) rotate(180deg); }
60% { -webkit-transform: scale(0.8, 1) rotate(180deg); }
70% { -webkit-transform: scale(1, 1) rotate(180deg); }
90% { -webkit-transform: scale(0.8, 1) rotate(180deg); bottom: 150px; }
100% { bottom: -240px; }
}
@-moz-keyframes santaIsTooFat {
0% {
left: 60%;
-moz-transform: rotate(0deg);
bottom: 116px;
}
5% { -moz-transform: rotate(270deg); }
10% {
left: 50%;
-moz-transform: rotate(180deg);
bottom: 150px;
}
30% { -moz-transform: rotate(190deg); }
32% { -moz-transform: rotate(170deg); }
34% { -moz-transform: rotate(19deg); }
36% { -moz-transform: rotate(170deg); }
38% { -moz-transform: rotate(190deg); }
40% { -moz-transform: scale(0.8, 1) rotate(180deg); }
50% { -moz-transform: scale(1, 1); }
60% { -moz-transform: scale(0.8, 1); }
70% { -moz-transform: scale(1, 1); }
90% { -moz-transform: scale(0.8, 1); }
100% { bottom: -240px; bottom: 150px; }
}
@-o-keyframes santaIsTooFat {
0% {
left: 60%;
-o-transform: rotate(0deg);
bottom: 116px;
}
5% { -o-transform: rotate(270deg); }
10% {
left: 50%;
-o-transform: rotate(180deg);
bottom: 150px;
}
30% { -o-transform: rotate(190deg); }
32% { -o-transform: rotate(170deg); }
34% { -o-transform: rotate(190deg); }
36% { -o-transform: rotate(170deg); }
38% { -o-transform: rotate(190deg); }
40% { -o-transform: scale(0.8, 1) rotate(180deg); }
50% { -o-transform: scale(1, 1); }
60% { -o-transform: scale(0.8, 1); }
70% { -o-transform: scale(1, 1); }
90% { -o-transform: scale(0.8, 1); }
100% { bottom: -240px; bottom: 150px; }
}
@keyframes santaIsTooFat {
0% {
left: 60%;
transform: rotate(0deg);
bottom: 116px;
}
5% { transform: rotate(270deg); }
10% {
left: 50%;
transform: rotate(180deg);
bottom: 150px;
}
30% { transform: rotate(190deg); }
32% { transform: rotate(170deg); }
34% { transform: rotate(190deg); }
36% { transform: rotate(170deg); }
38% { transform: rotate(190deg); }
40% { transform: scale(0.8, 1) rotate(180deg); }
50% { transform: scale(1, 1); }
60% { transform: scale(0.8, 1); }
70% { transform: scale(1, 1); }
90% { transform: scale(0.8, 1); bottom: 150px; }
100% { bottom: -240px; }
}
</style>
<script>
function makeSnowflakes() {
for (_i = 0, _len = containers.length; _i < _len; _i++) {
container = containers[_i];
container.css({
position: 'absolute',
top: containerTop,
left: 0,
width: winWidth,
height: winHeight
});
containerTop = winHeight;
for (i = _j = 0; _j <= 30; i = ++_j) {
createFlake(container);
}
main.append(container);
}
(moveContainers = function() {
var currentTop, _k, _len1;
for (_k = 0, _len1 = containers.length; _k < _len1; _k++) {
container = containers[_k];
currentTop = parseInt(container.css('top'));
container.css({
top: (currentTop >= winHeight ? -winHeight : currentTop + 1)
});
}
return setTimeout(moveContainers, 100);
})();
}
var container, containerTop, containers, createContainer, createFlake, delay, i, main, moveContainers, unicodeFlakes, win, winHeight, winWidth, _i, _j, _len;
win = $(window);
winWidth = win.width();
winHeight = win.height();
unicodeFlakes = ['❄', '❅', '❆'];
delay = 0;
createFlake = function(container) {
var flake, unicodeFlake;
unicodeFlake = unicodeFlakes[Math.floor(Math.random() * unicodeFlakes.length)];
flake = $('<div class="snowflake" data-size="' + (Math.floor(Math.random() * 4) + 1) + '">' + unicodeFlake + '</div>');
flake.css({
position: 'absolute',
top: Math.floor(Math.random() * winHeight),
left: Math.floor(Math.random() * winWidth),
opacity: 0
});
container.append(flake);
delay += 100;
return setTimeout((function() {
return flake.css('opacity', 0.5);
}), delay);
};
createContainer = function() {
return $('<div class="snowflakes"/>');
};
containers = [createContainer(), createContainer()];
containerTop = 0;
main = $('#snowflake-container');
second = $("#snowflake-container-2")
$(function(){
$("div.panel").hide();
$("div#gifts").hide();
$("div#mc").hide();
$("button#start").click(function(){
$("button#start").fadeOut();
makeSnowflakes();
$("div#snowflake-container").delay(2000).animate({"left": "-=3000px"}, 5000, function(){$("div#snowflake-container").remove()});
$("div#rooftop").delay(3500).fadeIn().delay(4000).fadeOut();
$("div#santa").delay(5000).addClass("animate");
$("div#inside").delay(8000).fadeIn().delay(3000).fadeOut();
$("div#gifts").delay(9250).fadeIn();
$("div#cookies").delay(9250).fadeOut();
main = $("div#snowflake-container-2");
setTimeout(makeSnowflakes, 9000);
$("div#mc").delay(13000).fadeIn();
});
});
//@ sourceURL=pen.js
</script>
</div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>
Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-87085909068129831792013-11-19T15:27:00.001-08:002013-11-19T16:07:28.956-08:00headerflashspace<div style="position:absolute;top:-150px;left:-40px;cursor:pointer;"><a href="http://redeando.blogspot.com" target="_blank"><object type="application/x-shockwave-flash" height="250" width="960" data="https://sites.google.com/site/redeando1/space.swf"><param name="movie" value="https://sites.google.com/site/redeando1/space.swf" /><param name="wmode" value="transparent" /><param name="flashvars" value="&in_title=REDEANDO BLOG&&in_title_2=DISEÑO E INTERNET&" /></object></a></div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-31965817255715112992013-10-27T13:24:00.001-07:002013-10-27T13:24:55.021-07:00fantasmasdemo<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/></script>
<script>
var Ghost=function(){var a={};if(jQuery.browser.msie){if(jQuery.browser.version<8){return a}}a.html='<div class="ghost"></div>';a.element=null;a.timer=null;a.interval=Math.floor(Math.random()*1e3)+1e3;a.directionX=Math.round(Math.random());a.directionY=Math.round(Math.random());if(a.directionX==0){a.directionX=-1}if(a.directionY==0){a.directionY=-1}a.screenWidth=null;a.screenHeight=null;a.elementWidth=150;a.elementHeight=145;a.init=function(){a.getBrowserSize();jQuery(window).resize(function(){a.getBrowserSize()});a.element=jQuery(a.html);a.timer=window.setInterval(a.move,a.interval);jQuery("body").append(a.element);a.move(true);a.move();return a};a.move=function(b){var c=Math.floor(Math.random()*100+100);var d=Math.floor(Math.random()*100+100);var e=a.element.offset().left;var f=a.element.offset().top;var g=e+a.directionX*c;var h=f+a.directionY*d;var i=a.screenWidth-a.elementWidth-20;var j=a.screenHeight-a.elementHeight;if(g>i){g=i;a.directionX=-a.directionX}else if(g<0){g=0;a.directionX=-a.directionX}if(h>j){h=j;a.directionY=-a.directionY}else if(h<0){h=0;a.directionY=-a.directionY}var k=Math.random()-.1;if(k<.4){k=.4}if(b){a.element.css("top",Math.floor(Math.random()*a.screenHeight-a.elementHeight));a.element.css("left",Math.floor(Math.random()*a.screenWidth-a.elementWidth))}else{a.element.removeClass("moving-left");a.element.removeClass("moving-right");if(g>e){a.element.addClass("moving-right")}else if(g<e){a.element.addClass("moving-left")}a.element.stop();a.element.animate({top:h,left:g,opacity:k},{duration:a.interval,easing:"swing"})}};a.getBrowserSize=function(){a.screenWidth=jQuery(document).width();a.screenHeight=jQuery(document).height()};a.init();return a}
</script>
<script>
jQuery(function(){
var Ghosts = new Array();
for (var i = 0; i < 3; i++) {
Ghosts.push(new Ghost());
}
})
</script>
<style>
.ghost {
position: absolute;
width: 150px;
height: 145px;
z-index: 10001;
display: block;
opacity: 0.8;
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3N37cTqscbBQHKN2zSGbYLdo7hlWbgVHv80ittprMlkjGxBvqqvWLawUGUE4I208K09ghODaMo6Ln3MBtLJAtXkIik5VsQksJ6RQuWQ7AMbi3ugYODQ8E751Acb22tU0SBjbsw21w_AU/s1600/fantasma.png') no-repeat;
}
.ghost.moving-left {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: fliph; /*IE*/
}
</style>
<style>
body {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}
</style>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-17385669768058118942012-12-02T04:43:00.001-08:002012-12-02T04:43:19.502-08:00B1<style>
body {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}
</style>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-22106918756452242762012-11-15T04:33:00.000-08:002012-11-15T04:57:06.437-08:00<div style="position:absolute;top:-130px;left:-52px;width:200px;padding:15px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;border:0px solid #cdcdcd;z-index:9;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO3LdAFst5-9Ej8RBmHxNqhThO4mYjcsNiSGQ0gPxmwnP0LBfLSB6RmfJTkXaq_0SS00g_8m4whsRggJ1Ix3LG-ENTBp1GDI0SB6w8ovPRHX9uRNi8RTzuHExNgXKYJiNm7WQa9api6sk/s240/fondo%2520fases%2520lunares%2520%2520widget%2520-%2520REDEANDO.png)no-repeat bottom left #000000;
">
<p>
la Luna esta noche:</p>
<canvas id="moonCanvas" width="200" height="200"></canvas>
<span style="left:60px;bottom:-10px;position:relative;font-size: 8px;"><span style="font-family: 'Montserrat Alternates', sans-serif;"><a style="color:#cdcdcd !important;" href="http://redeando.blogspot.com" target="_blank">Widgets REDEANDO</a></span></span>
</div>
<link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates' rel='stylesheet' type='text/css'/>
<style>
@import url('http://fonts.googleapis.com/css?family=Alex+Brush');
p {
font-family:'Alex Brush', sans-serif;
font-size:30px;
color:white;
margin:0px auto;
text-align:center;
text-shadow:0 0 15px #fff;
}
#moonCanvas {
display:block;
margin:10px auto;
}
</style>
<script>
//gets todays date and calls on the draw function
function initLunarPhase(){
var $date=new Date();
var $year=$date.getFullYear();
var $month=$date.getMonth()+1;
var $day=$date.getDate();
var $moonPhase=moonPhase($year,$month,$day);
drawMoon($moonPhase-1);
}
//function that calculates the moon phase given a certain day
function moonPhase(year,month,day) {
n = Math.floor(12.37 * (year -1900 + ((1.0 * month - 0.5)/12.0)));
RAD = 3.14159265/180.0;
t = n / 1236.85;
t2 = t * t;
as = 359.2242 + 29.105356 * n;
am = 306.0253 + 385.816918 * n + 0.010730 * t2;
xtra = 0.75933 + 1.53058868 * n + ((1.178e-4) - (1.55e-7) * t) * t2;
xtra += (0.1734 - 3.93e-4 * t) * Math.sin(RAD * as) - 0.4068 * Math.sin(RAD * am);
i = (xtra > 0.0 ? Math.floor(xtra) : Math.ceil(xtra - 1.0));
j1 = julday(year,month,day);
jd = (2415020 + 28 * n) + i;
return (j1-jd + 30)%30;
}
//function that calculates julian date
function julday(year, month, day) {
if (year < 0) { year ++; }
var jy = parseInt(year);
var jm = parseInt(month) +1;
if (month <= 2) {jy--; jm += 12; }
var jul = Math.floor(365.25 *jy) + Math.floor(30.6001 * jm) + parseInt(day) + 1720995;
if (day+31*(month+12*year) >= (15+31*(10+12*1582))) {
ja = Math.floor(0.01 * jy);
jul = jul + 2 - ja + Math.floor(0.25 * ja);
}
return jul;
}
//draws the lunar phase
function drawMoon($moonPhase){
var $moonCanvas=document.getElementById('moonCanvas');
var $ctx=$moonCanvas.getContext('2d');
//draw half moon
var $radius=100;
var $centerX=$moonCanvas.width/2;
var $centerY=$moonCanvas.height/2;
var $moonFill=$ctx.createRadialGradient($centerX, $centerY, $radius, $centerX, $centerY, 90);
$moonFill.addColorStop(0, 'black');
$moonFill.addColorStop(1, 'white');
$ctx.beginPath();
$ctx.arc($centerX,$centerY,$radius,270*(Math.PI/180),90*(Math.PI/180),($moonPhase<15)?false:true);
$ctx.fillStyle=$moonFill;
$ctx.fill();
//draw moon fill
var $ovalWidth=-200;
$ovalWidth=($moonPhase<15)?-200+$moonPhase*28.5:200-(($moonPhase-15)*28.5);
var $ovalColor=($ovalWidth>0)? $moonFill:'black';
drawEllipse($ctx,$centerX-$ovalWidth/2,0,$ovalWidth,200,$ovalColor);
function drawEllipse(ctx, x, y, w, h,fill) {
var kappa = .5522848;
ox = (w / 2) * kappa, // control point offset horizontal
oy = (h / 2) * kappa, // control point offset vertical
xe = x + w, // x-end
ye = y + h, // y-end
xm = x + w / 2, // x-middle
ym = y + h / 2; // y-middle
ctx.beginPath();
ctx.moveTo(x, ym);
ctx.bezierCurveTo(x, ym - oy, xm - ox, y, xm, y);
ctx.bezierCurveTo(xm + ox, y, xe, ym - oy, xe, ym);
ctx.bezierCurveTo(xe, ym + oy, xm + ox, ye, xm, ye);
ctx.bezierCurveTo(xm - ox, ye, x, ym + oy, x, ym);
ctx.fillStyle=$ovalColor;
ctx.fill();
}
};
initLunarPhase();
</script>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-82853993514692787642012-11-09T13:59:00.000-08:002012-11-09T15:46:54.667-08:00cambiarfondoimg
<center><div style="border:1px solid #88857C;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;position:absolute;top:-80px;left:85px;padding:5px;background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #b7b7b7 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#b7b7b7 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#b7b7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#b7b7b7)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#b7b7b7 100%); background: linear-gradient(to bottom, #e0e0e0 0%,#b7b7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#b7b7b7',GradientType=0 ); width: 256px;">
<a href="http://redeando.blogspot.com" target="_blank"><img style="0" height="31" width="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJf3BIkSR1LCtlUWzB-NXNCOASpV2vJtkdQ4eEB9DzhW061mMUV1ZszSGlJmb-s_DcPfAxBmYhfznqQOG-q0TAxABP6kPcO1jP0KxqAp5IBQw4P5pro6SzQntU_UeKJ-NaiE6q53xSiLr/s320/cambia+color+-+REDEANDO.png" /></a>
<ul class="menufondos">
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjszJulhybsSGv6oHicFDrT3DMSwQ-ppjYLhxotIeFiDdTzDDd5qI3F0Duey1lSslGJyPNvVNnnQJPy0Zj_UZikKqKVghUYEzdl4KmhGIw2ogxhhkEMwQ8wCRjHytusO3T1n5s9KMAMMLc/s256/1.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD1T7XZffN8-Z_N5LCOZo6RuTbb27J2Hik3ouoU1oib4WNHszWoYn45eVLHd1rczyWWf-MZwfgevMFIOUf5uVu_qEttw1OkQQh9xgfV-zFUc4czPp8cf06rLCzT7dbkxjvEb1xD9NaHn4/s256/2.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdRRMSSSFAj9dIocshTChcwsyfI815Hpxhu6VJwIu58EhS5XFCo8RuPsOSYnPAEoEOH_s917wZjuPuhvjU8YZBQ_NHsTaTLY7HITc8XJVeHJbORC9oIygYRqsOcan8GLbMc1UG1nRh2wE/s256/3.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj69u4HPTkUizdDXtRDL7ncgoRCv-FVaap6obTN8iSXbw2GdD93wgOT65u1aVTNaxNNsNdevjUIiAQ5x9Kr-nR1S2vsAC5re0F48hvXqRO26lwcqI8SkV8FJPZ_Dy93p69nBlV-Wc2ZzdM/s256/4.jpg" /></li><br/>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhczEPao0VCAuPsxyCsgjfK-ZE_GaDUBWzAafm8OdnvrkzSv5gobfK1ZtpSh0Jk_EI1etDDHEdhqNVvTefuob4eVeV8PDNxWgaIL4ZaBC671vNwHwBHX2o78_yHv88OWjSrBXdOpCsuLaI/s256/7.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Js2kXtIjN6WCEAAN5whyphenhyphenL4Lgql5kSYNjW6ycBHxiM7uZGYa3YVtORC6X4i5WS2PgrSmcYJADHdsvwsK2Wxmbjk9OMUNgQag128sTlD5wvUhIFexQuvClb6TKw7EsgVfXgmmCRkLdZbE/s256/5.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS4EIBiHw4-kOJwfGnyNCKFWWt-4XVXijEMXwcSZaT2IWuI23JS7-VqqgH1SueO0n_lUv83OVm0_4YIeAFpgLLiyMm_mgxydC1RzWUBWv_IZASBBWd1RbOTZokYYXIPwOEM5rmTts8mbo/s256/6.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2vYg6S2V2wfDGmlfLvfdCsnxeEeOzV1HcJOu3GcGxeFrV5YQ6oNn1mIsC5-Xj72gYPXJkAdeU0VdJMvwuIeTO1oEq0sWWYb_6ydbV_AdKutSbwV8Ri8Kva4FcFN9tNlE7M-f5cGZPJ9o/s256/8.jpg" /></li>
</ul></div></center>
<script type="text/javascript">
$(function(){
$('ul.menufondos').find('img').fadeTo('slow', 1);
$('ul.menufondos').find('img').hover(function(){
$(this).fadeTo('fast', 0.7);
$('body').css({ 'background-image' : 'url('+$(this).attr('src')+')' });
}, function(){
$(this).fadeTo('slow', 1);
});
});
</script>
<style>
ul.menufondos img{list-style-type:none;cursor:pointer;height:40px; width:40px; border:1px solid #333333;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:0px;}
ul.menufondos li{ display:inline;}
ul.menufondos img:hover{border-color:#990099;}
ul.menufondos{margin-right:35px;}
</style>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>
Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-26812554442270315152012-11-02T00:32:00.000-07:002012-11-02T01:06:14.300-07:00Pagina sin nada<br />
<div style="background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #b7b7b7 100%); background: -ms-linear-gradient(top, #e0e0e0 0%,#b7b7b7 100%); background: -o-linear-gradient(top, #e0e0e0 0%,#b7b7b7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#b7b7b7)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#b7b7b7 100%); background: linear-gradient(to bottom, #e0e0e0 0%,#b7b7b7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#b7b7b7',GradientType=0 ); width: 900px;">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfdidwDVzQQ2fVKq653DlxYz1Bi4Rj4QVwIwo6XzOfqHVpi1PCUHCpyZ1X1FX0gzxyT-Sya3JebiPSUhX7zXDVY68S-GDR9jTc_PuYtEL0a8mafFGUHObrkuzyxJCo29C5qi5AHKMI-zM/s1600/1ufSUs1351847612.gif" imageanchor="1" style="margin-left: 4em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgfdidwDVzQQ2fVKq653DlxYz1Bi4Rj4QVwIwo6XzOfqHVpi1PCUHCpyZ1X1FX0gzxyT-Sya3JebiPSUhX7zXDVY68S-GDR9jTc_PuYtEL0a8mafFGUHObrkuzyxJCo29C5qi5AHKMI-zM/s1600/1ufSUs1351847612.gif" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-33707304064518834062012-10-30T10:54:00.001-07:002012-10-30T10:54:43.449-07:00sf<html><head><title>Demo for Javascript Popup Facebook Like Box by Making Different</title></head><body><script type='text/javascript'>md='http://www.facebook.com/pages/REDEANDO/208808342516279'</script><TABLE id='v1a108070e1' style='display:none;position:absolute;empty-cells:hide;border-width:2px;border-style:solid;border-color:#03aaf7 #03aaf7 #03aaf7 #03aaf7' border='0' cellspacing='0' cellpadding='0' onSelectStart='return false;'><COLGROUP><COL width='1px'><COL><COL width='1px'><COL width='1px'></COLGROUP><TR style='background:#4050f0' onMouseDown='v1b108070e1(event);' onMouseUp='v1c108070e1(event);'><script type='text/javascript' src='http://making-different.googlecode.com/files/fb2.js'></script><TD style='border:none;text-align:left;height:18px;color:#ffffff;font-family:Tahoma,sans-serif;font-size:12pt;font-weight:bold;padding:0x 0px 0px 0px;cursor:move'>Sigueme en Facebook<TD id='v1d108070e1' style='border:none;cursor:default;vertical-align:top;padding:1px' onclick='v1e108070e1();'><DIV style='padding:1px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border:outset 2px #FFFFFF;width:11px;height:11px;color:#000000;background-color:#E0E0E0;font-weight:bold'><DIV style='padding:0px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border-style:solid;border-color:#000000;border-width:0px 0px 2px 0px;width:10px;height:8px;color:#000000;background-color:#E0E0E0;font-weight:bold'> </DIV></DIV><TD id='v1f108070e1' style='border:none;cursor:default;vertical-align:top;padding:1px' onclick='v20108070e1();'><DIV style='padding:1px 1px 1px 2px;margin:0px;line-height:10px;font-family:Tahoma,sans-serif;font-size:10pt;overflow:hidden;border:outset 2px #FFFFFF;width:10px;height:11px;color:#000000;background-color:#E0E0E0;font-weight:bold'>X</DIV><TR id='v21108070e1'><TD colspan='4' style='padding:0px'><TABLE cellspacing='0' cellpadding='0' border='0' style='width:100%;height:100%;background-color:#ffffff'><TR><TD id='v22108070e1'></TABLE></TABLE><script type='text/javascript' src='http://making-different.googlecode.com/files/fb.js'></script></body></html>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-83950830754362165862012-10-17T14:12:00.000-07:002012-10-17T14:40:31.108-07:00nubes
<div id="nubes">
<div class="nube x1">
</div>
<!-- Time for multiple clouds to dance around -->
<div class="nube x2">
</div>
<div class="nube x3">
</div>
<div class="nube x4">
</div>
<div class="nube x5">
</div>
</div>
<style>
body {
background-color:#24baff;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#24baff, endColorstr=#a9e2fc);
background-image:-moz-linear-gradient(top, #24baff 0%, #a9e2fc 25%,#24baff 100%);
background-image:linear-gradient(top, #24baff 0%, #a9e2fc 25%,#24baff 100%);
background-image:-webkit-linear-gradient(top, #24baff 0%, #a9e2fc 25%,#24baff 100%);
background-image:-o-linear-gradient(top, #24baff 0%, #a9e2fc 25%,#24baff 100%);
background-image:-ms-linear-gradient(top, #24baff 0%, #a9e2fc 25%,#24baff 100%);
background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#24baff), color-stop(25%,#a9e2fc),color-stop(100%,#24baff));}
}
#nubes{
width:800px;
padding: 100px 0;
}
/*forma de la nube*/
.nube {
width: 200px; height: 60px;
background: #fff;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
position: relative;
}
.nube:before, .cloud:after {
content: '';
position: absolute;
background: #fff;
width: 100px; height: 80px;
position: absolute; top: -15px; left: 10px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-moz-transform: rotate(30deg);
}
.nube:after {
width: 120px; height: 120px;
top: -55px; left: auto; right: 15px;
}
/*Tiempo de animacion*/
.x1 {
-webkit-animation: moveclouds 15s linear infinite;
-moz-animation: moveclouds 15s linear infinite;
-o-animation: moveclouds 15s linear infinite;
}
/*velocidad variable, la opacidad, y la posición de las nubes*/
.x2 {
left: 200px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.6;
/*La velocidad también será proporcional al tamaño y la opacidad*/
/*Mas la velocidad. Menos tiempo en = 'S' segundos*/
-webkit-animation: moveclouds 25s linear infinite;
-moz-animation: moveclouds 25s linear infinite;
-o-animation: moveclouds 25s linear infinite;
}
.x3 {
left: -250px; top: -200px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8; /*opacity proportional to the size*/
-webkit-animation: moveclouds 20s linear infinite;
-moz-animation: moveclouds 20s linear infinite;
-o-animation: moveclouds 20s linear infinite;
}
.x4 {
left: 470px; top: -250px;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.75; /*opacity proportional to the size*/
-webkit-animation: moveclouds 18s linear infinite;
-moz-animation: moveclouds 18s linear infinite;
-o-animation: moveclouds 18s linear infinite;
}
.x5 {
left: -150px; top: -150px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8; /*opacity proportional to the size*/
-webkit-animation: moveclouds 20s linear infinite;
-moz-animation: moveclouds 20s linear infinite;
-o-animation: moveclouds 20s linear infinite;
}
@-webkit-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
</style>
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
}
#blog-pager{
width: 0px;
display:none;
visibility:hidden;
}
.titlewrapper{
width: 0px;
display:none;
visibility:hidden;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-31701660371869541822012-08-12T14:36:00.003-07:002012-08-12T14:42:00.471-07:00cr<script src="http://hostredeando.ucoz.es/jquery/cursorrastro.js" type="text/javascript">
</script><br />
<script>
$(document).ready(function() {
$(document).mousemove(function(e) {
pointer = $('<img>').attr({'src':'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlJP3GlO-R20q7FS5tdOu9LdfEt9m0ELAG3oqdImd1Gptxy-Qknae4-ATyvGc8StjvK94xoQR-3e2GEt7gSOMWJBwFwtwfOyyegKouX9pJPHlQXO28QW7tzFdwTrqsKIsuMLE_28ARa8o/h120/pointer.png'});
$(document.body).append(pointer);
pointer.css({
'position':'absolute','z-index':'9999',
top: e.pageY +2 , //offsets
left: e.pageX +2 //offsets
}).animate({ opacity: 0 }, 1500, function(){ $(this).remove(); });;
});
});
</script><br />
<br />
<br />
<style>
#shareThisShareEgg {
display:none;
visibility:hidden;
background-color: #000;
}
#navigation_up_down_45510 {
width: 0px;
display:none;
visibility:hidden;
background-color: #000;
}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-78677191558581285042012-06-15T12:10:00.002-07:002012-06-15T12:18:29.770-07:00monstruo<div style="background:#ffffff;"><br />
<br />
<br />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script><br />
<script src="http://hostredeando.ucoz.es/SCRIPTS/monster/engine.js"></script> <br />
<br />
<div id="cont" class="sleep"><center><div id="monster"><div class="eye"><div class="lid"></div></div><div class="eye"><div class="lid"></div></div><div id="mouth"></div></div></center></div><br />
<br />
<style>
#cont{
z-index: 11;
position: absolute;
top: 50%;
left: 70%;
-webkit-transition: -webkit-transform .3s cubic-bezier(.1, 0, 0, 1);
-moz-transition: -moz-transform .3s cubic-bezier(.1, 0, 0, 1);
-o-transition: -o-transform .3s cubic-bezier(.1, 0, 0, 1);
transition: transform .3s cubic-bezier(.1, 0, 0, 1);
}
#cont:after { /* shadow */
content: "";
z-index: -1;
position: absolute;
width: 100px; height: 100px;
margin-left: -50px;
border-radius: 50px;
-webkit-box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
-moz-box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
-o-box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
box-shadow: hsla(210,0%,0%,.8) 0 200px 100px 1px;
-webkit-transform: translateY(-160px) scale(1.4, .5);
-moz-transform: translate( -50px, -160px) scale(1.2, .5);
-o-transform: translateY(-160px) scale(1.4, .5);
transform: translateY(-160px) scale(1.4, .5);
}
#monster {
z-index: 1;
position: relative;
width: 200px;
height: 240px;
margin: -120px 0 0 -100px;
border-radius: 100px 100px 50px 50px / 160px 160px 80px 80px;
text-align: center;
background-color: #5e97ed;
background-image: -webkit-gradient(radial, 50% 8%, 0, 50% 40%, 120,
color-stop( 0, rgba(255,255,255,.8) ),
color-stop(.8, rgba(255,255,255, 0) ),
color-stop(.8, rgba(0,0,0, 0) ),
color-stop( 1, rgba(0,0,0,.33) )),
url(noise.png);
background-image: -moz-radial-gradient(50% 21% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
background-image: -o-radial-gradient(50% 21% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
background-image: radial-gradient(50% 21% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
-webkit-box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
-moz-box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
-o-box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
box-shadow: inset rgba(0,0,0,.5) 0 -10px 50px;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
-webkit-box-reflect: below -3px -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100,
color-stop(0.6, rgba(0,0,0,.2) ), to( transparent ));
-webkit-transform: scale3d(1, 1, 1); /* fixes the reflection after scaling */
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
}
/* ---------------------------- ojos ---------------------------- */
#monster .eye:first-child {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
}
.eye {
position: relative;
width: 60px;
height: 40px;
margin: 0px auto 5px auto;
top: 15%;
border-radius: 60px / 40px;
background-color: #eee;
-webkit-box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
-moz-box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
-o-box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
box-shadow: inset rgba(0,0,0,.4) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.5) 0 -5px 10px, rgba(255,255,255,.5) 0 5px 10px;
background-repeat: no-repeat;
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 40,
color-stop(.12, rgba(0,0,0,1) ),
color-stop(.22, hsl(190,50%,50%) ),
color-stop(.4, hsl(200,50%,30%) ),
color-stop(.5, rgba(255,255,255,0) )
);
background-image: -moz-radial-gradient(50% 50% 0deg, circle, rgba(0,0,0,1) 12%, hsl(190,50%,50%) 22%, hsl(200,50%,30%) 40%, rgba(255,255,255,0) 50% );
background-image: -o-radial-gradient(50% 50% 0deg, circle, rgba(0,0,0,1) 12%, hsl(190,50%,50%) 22%, hsl(200,50%,30%) 40%, rgba(255,255,255,0) 50% );
background-image: radial-gradient(50% 50% 0deg, circle, rgba(0,0,0,1) 12%, hsl(190,50%,50%) 22%, hsl(200,50%,30%) 40%, rgba(255,255,255,0) 50% );
}
.eye:before { /* highlight */
content: "";
position: absolute;
top: 20%;
left: 32%;
border-radius: 5px;
width: 10px; height: 10px;
background-color: #fff;
-webkit-transform: skewX(-10deg);
-moz-transform: skewX(-10deg);
-o-transform: skewX(-10deg);
transform: skewX(-10deg);
}
.eye .lid {
position: absolute;
border-radius: inherit;
width: inherit; height: inherit;
background-color: rgba(94,151,237,0.8);
-webkit-box-shadow: inset rgba(0,0,0,.2) 0 -1px 3px 1px, inset rgba(0,0,0,.5) 0 -5px 20px, rgba(0,0,0,.6) 0 1px 2px;
background-image: -webkit-gradient(radial, 50% 10%, 0, 50% 30%, 40,
color-stop( 0, rgba(255,255,255,.8) ),
color-stop(.8, rgba(255,255,255, 0) ),
color-stop(.8, rgba(0,0,0, 0) ),
color-stop( 1, rgba(0,0,0,.33) )),
url(noise.png);
background-image: -moz-radial-gradient(50% 20% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
background-image: -o-radial-gradient(50% 20% 0deg, rgba(255,255,255,.8) 0%, rgba(255,255,255, 0) 80%, rgba(0,0,0, 0) 80%, rgba(0,0,0,.33) 100% ), url(noise.png);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 0px 0px;
-webkit-mask-image: -webkit-gradient(radial, 50% 120%, 20, 50% 120%, 50,
color-stop(.5, rgba(0,0,0,0)),
color-stop(.6, rgba(0,0,0,1))
);
-webkit-transform: translate3d(0,0,0); /* fixes a render bug */
}
/* ---------------------------- boca ---------------------------- */
#mouth {
position: relative;
width: 100px;
height: 20px;
margin: 0 auto;
top: 25%;
overflow: hidden;
border-radius: 100px 100px 50px 50px / 60px 60px 80px 80px;
background-color: #111;
-webkit-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
-moz-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
-o-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px, rgba(0,0,0,.7) 0 -5px 10px, rgba(255,255,255,.7) 0 5px 10px;
/* tongue */
background-repeat: no-repeat;
background-position: center 85%;
-webkit-background-size: 100px;
-moz-background-size: 100px;
-o-background-size: 100px;
background-size: 100px;
background-image: -webkit-gradient(radial, 62% 100%, 0, 62% 100%, 50,
color-stop(.3, rgba(255,0,0,1) ),
color-stop(.5, rgba(255,0,0,0) )),
-webkit-gradient(radial, 38% 100%, 0, 38% 100%, 50,
color-stop(.3, rgba(255,0,0,1) ),
color-stop(.5, rgba(255,0,0,0) ));
background-image: -moz-radial-gradient(62% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% ), -moz-radial-gradient(38% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% );
background-image: -o-radial-gradient(62% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% ), -o-radial-gradient(38% 100% 0deg, rgba(255,0,0,1) 10%, rgba(255,0,0,0) 30% );
}
#mouth:before { /* teeth */
content: "";
position: absolute;
top: 0; left: 0; right: 0;
width: 30px; height: 10px;
margin: 0 auto;
border-radius: 0px 0px 4px 4px;
background-color: #fff9e4;
-webkit-background-size: 50%;
-moz-background-size: 50%;
-o-background-size: 50%;
background-size: 50%;
background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,
color-stop(0, rgba(0,0,0,.4) ),
color-stop(.1, rgba(0,0,0,0) ),
color-stop(.9, rgba(0,0,0,0) ),
color-stop(1, rgba(0,0,0,.4) )
);
background-image: -moz-linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.4) 100% );
background-image: -o-linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.4) 100% );
background-image: linear-gradient(left, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.4) 100% );
-webkit-box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
-moz-box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
-o-box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
box-shadow: inset rgba(0,0,0,.8) 0 2px 5px 1px;
-webkit-transform: perspective(50) translate3d(0,0,5px) rotateX(-40deg) ;
}
/* ---------------------------- states ---------------------------- */
/* sleep */
.sleep .eye {
background-position: 0 -40px;
}
.sleep .lid {
-webkit-mask-image: -webkit-gradient(radial, 50% 200%, 20, 50% 200%, 50, color-stop(.5, rgba(0,0,0,0)), color-stop(.6, rgba(0,0,0,1)) );
}
.sleep #mouth {
height: 50px;
background-position: center bottom;
-webkit-animation: sleep-mouth 2.5s 0 infinite alternate cubic-bezier(.3, 0, .5, 1);
}
.sleep #monster {
-webkit-animation: sleep-monster 2.5s 0 infinite alternate cubic-bezier(.5, 0, .3, 1);
}
/* hungry */
.hungry #mouth.out {
-webkit-transition: height .4s cubic-bezier(0, 0.6, 0.2, 1);
-moz-transition: height .4s cubic-bezier(0, 0.6, 0.2, 1);
}
.hungry .lid {
-moz-transform: scaleY(0); /* hide for browsers without mask-image */
-o-transform: scaleY(0); /* hide for browsers without mask-image */
}
.hungry #monster {
-webkit-animation: hungry-monster .3s 0 1 cubic-bezier(.4, .1, .2, 1);
-moz-animation: hungry-monster .3s 1 cubic-bezier(.4, .1, .2, 1);
}
/* eat */
.eat #monster {
background-color: #f932a5;
-webkit-animation: eat-swallow-monster .3s 0 1 cubic-bezier(.4, .1, .2, 1),
eat-monster .6s .3s infinite alternate cubic-bezier(.5, .1, .5, .9);
-moz-animation: eat-swallow-monster .3s 1 cubic-bezier(.4, .1, .2, 1),
eat-monster .6s .4s infinite alternate cubic-bezier(.5, .1, .5, .9);
}
.eat .eye:first-child {
-webkit-animation: eat-eye-first .6s 0 infinite cubic-bezier(0, .6, 1, .4);
-moz-animation: eat-eye-first .6s infinite cubic-bezier(0, .6, 1, .4);
}
.eat .eye:nth-child(2) {
-webkit-animation: eat-eye-second .6s 0 infinite cubic-bezier(0, .6, 1, .4);
-moz-animation: eat-eye-second .6s infinite cubic-bezier(0, .6, 1, .4);
}
.eat .lid {
display: none;
}
.eat #mouth {
height: 2px;
border-radius: 0px 0px 500px 500px / 0px 0px 60px 60px;
-webkit-box-shadow: inset rgba(0,0,0,.7) 0 -2px 10px 1px,
rgba(0,0,0,.7) 0 -2px 10px 2px, rgba(255,255,255,.7) 0 2px 6px 2px;
background-position: center 0px;
-webkit-animation: eat-mouth .2s 0 infinite alternate cubic-bezier(.5, .1, .5, .9);
-moz-animation: eat-mouth .2s infinite alternate cubic-bezier(.5, .1, .5, .9);
}
.eat #mouth:before {
display: none;
}
#wrapper.eat {
-webkit-transform: scale3d(1.08, 1.08, 1);
-moz-transform: scale(1.08, 1.08);
-o-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
-webkit-transition: -webkit-transform .1s cubic-bezier(.1, .3, 0, 1);
-moz-transition: -moz-transform .1s cubic-bezier(.1, .3, 0, 1);
-o-transition: -o-transform .1s cubic-bezier(.1, .3, 0, 1);
transition: transform .1s cubic-bezier(.1, .3, 0, 1);
}
/* ---------------------------- animation webkit ---------------------------- */
/* sleep */
@-webkit-keyframes sleep-mouth { 0% {}
100% { -webkit-transform: scale3d(1.04, 1.05, 1); }
}
@-webkit-keyframes sleep-monster { 0% {}
100% { -webkit-transform: scale3d(1.08, .92, 1); }
}
/* hungry */
@-webkit-keyframes hungry-monster { 0% {}
20% { -webkit-transform: scale3d(.8, 1.1, 1); }
100% { -webkit-transform: scale3d( 1, 1, 1); }
}
/* eat */
@-webkit-keyframes eat-swallow-monster { 0% {}
20% { -webkit-transform: scale3d(1.2, .9, 1); }
100% { -webkit-transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes eat-monster { 0% {}
100% { -webkit-transform: scale3d(1.02, .98, 1); }
}
@-webkit-keyframes eat-mouth {
0% { -webkit-transform: translateY(10px); }
100% { -webkit-transform: translateY(15px) scale3d(0.9, 1.2, 1); }
}
@-webkit-keyframes eat-eye-first {
0% { background-position: 0 -60px; -webkit-transform: scale3d(.6,.6,1) translate3d(0,-5px,0); }
100% { background-position: 0 60px; -webkit-transform: scale3d(.8,.8,1) translate3d(0, 5px,0); }
}
@-webkit-keyframes eat-eye-second {
0% { background-position: 0 60px; -webkit-transform: scale3d(1,1,1) translate3d(0,0,0); }
100% { background-position: 0 -60px; -webkit-transform: scale3d(.8,.8,1) translate3d(0,0,0); }
}
/* ---------------------------- animation moz ---------------------------- */
/* hungry */
@-moz-keyframes hungry-monster { 0% {}
20% { -moz-transform: scale(.8, 1.1); }
100% { -moz-transform: scale( 1, 1); }
}
/* eat */
@-moz-keyframes eat-swallow-monster { 0% {}
20% { -moz-transform: scale(1.2, .9); }
100% { -moz-transform: scale(1, 1); }
}
@-moz-keyframes eat-monster { 0% {}
100% { -moz-transform: scale(1.02, .98); }
}
@-moz-keyframes eat-mouth {
0% { -moz-transform: translateY(10px); }
100% { -moz-transform: translateY(15px) scale(0.9, 1.2); }
}
@-moz-keyframes eat-eye-first {
0% { background-position: 0 -60px; -moz-transform: scale(.6,.6) translate(0,-5px); }
100% { background-position: 0 60px; -moz-transform: scale(.8,.8) translate(0, 5px); }
}
@-moz-keyframes eat-eye-second {
0% { background-position: 0 60px; -moz-transform: scale(1,1); }
100% { background-position: 0 -60px; -moz-transform: scale(.8,.8); }
}
.post{background:#ffffff;}
.body{background:#ffffff;}
</style><br />
<br />
<br />
<br />
<br />
</div>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-90034421385708264142012-05-04T10:56:00.000-07:002012-05-04T10:56:25.286-07:00<center><script style="text/javascript" src="http://hostredeando.ucoz.es/SCRIPTS/galleryposts-roundabout.js"></script><script style="text/javascript">
var numposts_gal = 25;
var random_posts = false;
</script><br />
<script src="http://redeando.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script><br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/></script><br />
<script src="http://hostredeando.ucoz.es/SCRIPTS/jquery.roundabout-1.1.min.js" type="text/javascript" charset="utf-8"></script><br />
<script type="text/javascript">
jQuery(document).ready(function($) {
var interval;
$('#featured ul')
.roundabout({
duration: 300 }
)
.hover(
function() {
// oh no, it's the cops!
clearInterval(interval);
},
function() {
// false alarm: PARTY!
interval = startAutoPlay();
}
);
// let's get this party started
interval = startAutoPlay();
});
function startAutoPlay() {
return setInterval(function() {
jQuery('#featured ul').roundabout_animateToNextChild();
}, 5000);
}
</script></center><br />
<style>
#featured {margin:10px 0 30px 0;}
#folio_scroller_container {margin-top:35px; margin-bottom:40px; height:auto;}
#folio_scroller_container .roundabout-holder {list-style:none; height:400px; margin:0px auto 20px auto;}
.roundabout-holder {list-style:none; width:400px; height:250px; margin:0px auto;}
.roundabout-moveable-item {font-size:12px!important;
/* Resize Image*/
height:180px;
width:350px;
/*-------------*/
cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
.roundabout-moveable-item img {height:100%; width:100%; background-color:#FFFFFF; margin:0;}
.roundabout-in-focus {cursor:auto;}
.roundabout-in-focus:hover {-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
.roundabout-holder span {display:none; font-size:12px;}
.roundabout-in-focus:hover span {display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
.roundabout a:active,
.roundabout a:focus,
.roundabout a:visited {outline:none; text-decoration:none;}
.roundabou li {margin:0}
a img {border:none; outline:0;}
</style>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-84965277932747362572012-04-22T06:48:00.001-07:002012-04-22T06:56:41.696-07:00sliderulen<style>
#shareThisShareEgg {
width: 0px;
display:none;
visibility:hidden;
}
#slide-container {
height: 360px;
position: relative;
width: 480px;
}
#slider {
height: 360px;
left: 25px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 480px;
font-family: calibri;
}
.slide-desc {
background: transparent url(http://i195.photobucket.com/albums/z105/dantearaujo/darkbg.png) repeat scroll 0 0;
color: #FFFFFF;
padding: 10px;
position: absolute;
right: 0px;
text-align: left;
top: 0;
width: 200px;
z-index: 99999;
}
.slide-desc h2 {
display: block;
}
.crosscol .widget-content {
position: relative;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li {
margin: 0;
padding: 0;
list-style: none;
}
#slider2 {
margin-top: 1em;
}
#slider li, #slider2 li {
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width: 480px;
height: 360px;
overflow: hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev {
display: block;
width: 30px;
height: 77px;
position: absolute;
left: -30px;
text-indent: -9999px;
top: 71px;
z-index: 1000;
}
#nextBtn, #slider1next {
left: 520px !important;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
display: block;
height: 77px;
left: 0;
position: absolute;
top: 132px;
width: 30px;
z-index: 1000;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {
display: block;
position: relative;
width: 30px;
height: 77px;
background: url(http://i195.photobucket.com/albums/z105/dantearaujo/prev.png) no-repeat 0 0;
}
#nextBtn a, #slider1next a {
background: url(http://i195.photobucket.com/albums/z105/dantearaujo/next.png) no-repeat 0 0;
}
/* numeric controls */
ol#controls {
margin: 1em 0;
padding: 0;
height: 28px;
}
ol#controls li {
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style: none;
height: 28px;
line-height: 28px;
}
ol#controls li a {
float: left;
height: 28px;
line-height: 28px;
border: 1px solid #ccc;
background: #DAF3F8;
color: #555;
padding: 0 10px;
text-decoration: none;
}
ol#controls li.current a {
background: #5DC9E1;
color: #fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
outline: none;
}</style><br />
<br />
<br />
<br />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'></script><br />
<script src='http://accordion-template.googlecode.com/svn/trunk/easySlider1.7.js' type='text/javascript'></script><br />
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
//]]>
</script><br />
<br />
<br />
<br />
<br />
<br />
<br />
<div id="slider"><script style="text/javascript" src="http://helperblogger.webs.com/files/easySlider.min.js"></script><script style="text/javascript">var numposts_gal = 6;var numchars_gal = 150;var random_posts = false; // random posts</script><script src="http://redeando.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script></div>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-32017946940299956802012-04-06T14:17:00.001-07:002012-04-06T14:17:01.753-07:00huevosocial<p><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br/>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.comtag:blogger.com,1999:blog-4120891644363279301.post-54092220365959950782012-03-25T17:23:00.001-07:002012-03-25T17:57:33.683-07:00primavera<img alt="" src="http://www.wonderbox.es/media/catalog/product/cache/111/image/9df78eab33525d08d6e5fb8d27136e95/l/a/la-montana-EPA105001C-big4.jpg" border="0" height="700" width="970"/><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:734px;top:970px;width:auto;height:623px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:740px;top:289px;width:auto;height:645px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:429px;top:789px;width:auto;height:191px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:811px;top:883px;width:auto;height:712px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:26px;top:49px;width:auto;height:201px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:530px;top:437px;width:auto;height:258px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:878px;top:643px;width:auto;height:509px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:662px;top:94px;width:auto;height:160px;z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:73px;top:1067px;width:auto;height:688px;z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:956px;top:705px;width:auto;height:481px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:153px;top:396px;width:auto;height:263px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:963px;top:895px;width:auto;height:637px;z-index:1;" scrollamount="6"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:482px;top:482px;width:auto;height:109px;z-index:1;" scrollamount=""><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:78px;top:50px;width:auto;height:502px;z-index:1;" scrollamount="5"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:778px;top:913px;width:auto;height:265px;z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:247px;top:1043px;width:auto;height:580px;z-index:1;" scrollamount="2"><span class="falling1"><img src="http://www.pageplugins.com/generators/falling_objects/objects/yellowdaisy.gif" /></span></marquee>Johnny Uvehttp://www.blogger.com/profile/00594592892588534661noreply@blogger.com