Icono de vídeo Vídeo de muestra de Windows 8



Windows 8 Consumer Preview

 

 

Un Windows renovado y reinventado a partir de las robustas características de velocidad y seguridad de Windows 7. Una interfaz táctil completamente nueva. Un nuevo Windows para nuevos dispositivos. Y tienes la oportunidad de ser uno de los primeros en probarlo.
El programa de instalación de Windows 8 Consumer Preview comprobará si tu PC puede ejecutar Windows 8 Consumer Preview y seleccionará la descarga correcta para tu equipo. El programa de instalación incorpora también un informe de compatibilidad y ayuda para la actualización. Hay disponibles herramientas integradas para crear un ISO o una unidad flash de arranque para la mayoría de las versiones anteriores de Windows (a excepción de Windows XP y versiones anteriores). Encontrarás los requisitos del sistema e información adicional en la lista de Preguntas frecuentes y en los vínculos de esta página.
Ten en cuenta lo siguiente antes de realizar la descarga: Windows 8 Consumer Preview es una versión de software preliminar que puede sufrir modificaciones antes de que se publique la versión comercial. Microsoft no otorga ninguna garantía, expresa o implícita, con respecto a la información que aquí se proporciona. Algunas características y funcionalidades del producto pueden requerir hardware o software adicional. Si decides volver al sistema operativo anterior, tendrás que reinstalarlo por medio de recuperación o instalación incluido con tu PC.





Fuente : http://windows.microsoft.com/es-ES/windows-8/download

Leer mas

Hola gente, hoy les vengo a mostrar como insertar iconos de suscripcion arriba del titulo de las entradas , esto es muy facil y realmente util. Podes ver un ejemplo funcionando en este blog de pruebas .

Antes de ]]></b:skin> pegamos este código :


#suscribir {
float: left;
margin-top:-38px;
margin-bottom:18px;
margin-left:-13px;
position: relative;
}

Los valores marcados en negrita nos permitiran cambiar la posición.


Abajo de <div id='outer-wrapper'> pegamos lo siguiente :

<div id='suscribir'>
<a href='http://EL NOMBRE DE TU BLOG.blogspot.com/feeds/posts/default' imageanchor='1' style='margin-left: 1em;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVvEoMt2GCmNHU9PuyPZd_zfsjSmZsSwm72x2_bWt_tvIgMjMJ5HHFY4APH5QFrsLOSbBmezIbl1X9VBzAphKjcTRakPh_gWrckldAZJhuDhjA19b514_trpriE02aPakQV5TKq2xVv2ph/s1600/rss.png'/></a><a href='http://twitter.com/TU NOMBRE EN TWITTER'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXr4WczeV8HnW36XBHO1NkjH57EbmYq-9CXhuXNVMvUoKYWPoU9wlHCRGT5lmWiN_zPlt7aAOTlzGrckeuHqVh7ekPVmhiun13z3WQ5t9ZaObzyRWO5COQsRjI_L1V4HJ656pdHIO0VJD/s1600/twitter.png'/></a><a href='TU PÁGINA DE FACEBOOK' imageanchor='1' style='margin-right: 1em;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnR_zWdAy2k0lx8wTNcnnylycYrTc6CdyVv7tWqiB55Zt-r8pVpjS0dCvWQrjWMYsR27H7xmu3B8GXQELUaiHtvPWoVwj5GCw2Ru6XUa8Ir3FDvb45xrmUndDUnU4KBx4feS265OtEpg7/s1600/facebook.png'/></a>
</div>



El resultado será algo como esto :

Leer mas

Hola amigos , en esta entrada les traigo un efecto genial para nuestras imagenes ,como lo dice el título de la entrada se trata de que las imagnes rotan y al rotar se agrandan.

Lo primero que debemos hacer es pegar el siguiente código antes de </b:skin>

@-webkit-keyframes rotater {
    0% { -webkit-transform:rotate(0) scale(1) }
50% { -webkit-transform:rotate(360deg) scale(2) }
100% { -webkit-transform:rotate(720deg) scale(1) }
}

a.advert    { width:125px; height:125px; display:block; }
a.advert:hover {
    /* safari / chrome */
    -webkit-animation-name:rotater;
    -webkit-animation-duration:500ms;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function: ease-out;
   
    /* mozilla */
    -moz-transform:rotate(360deg) scale(2);
    -moz-transition-duration:500ms;
    -moz-transition-timing-function: ease-out;
   
    /* opera */
    -o-transform:rotate(360deg) scale(2);
    -o-transition-duration:500ms;
    -p-transition-timing-function: ease-out;
   
    /* ie */
    -ms-transform:rotate(360deg) scale(2);
    -ms-transform-duration:500ms;
    -ms-transform-timing-function: ease-out;
}


Con esto ya tenemos los estilos , ahora debemos hacerlos actuar. Para eso vamos a utilizar el siguiente código para agregar las imagenes.


<div style="width:125px;float:left;overflow:hidden;height:125px;margin-right:20px;">
    <a href="#" class="advert"><img src="URL DE LA IMAGEN"/></a>
</div>

<div style="width:125px;float:left;overflow:hidden;height:125px;margin-right:20px;">
    <a href="#" class="advert"><img src="URL DE LA IMAGEN"/></a>
</div>

Para agregar otra imagen solamente debemos copiar este código y reemplazar lo que se pide.

<div style="width:125px;float:left;overflow:hidden;height:125px;margin-right:20px;">
    <a href="#" class="advert"><img src="URL DE LA IMAGEN"/></a>
</div>

 Aclaraciones : 

TODAS las cosas que se  encuentran en negrita pueden ser cambiadas.

width:125px y height:125px : Lo alto y lo ancho de la imagen .
# : Esto puede ser reemplazado por un link si queremos .




Las imagenes nos quedarán de este modo :













Leer mas

Hola amigos ,en esta oportunidad les vengo a mostrar como utilizar la letra capital en las entradas de sus blogs. Es muy fácil, a continuacion les voy a enseñar como utilizarlo para una entrada específica o para todas las entradas.


Para utilizarla en todas las entradas solamente tenemos que pegar el siguiente código antes de </b:skin> .

p:first-letter {
    display:block;
    margin:5px 0 0 5px;
    float:left;
    color:#2ECCFA;
    font-size:60px;
    font-family:Georgia;
}



Para agregarlo en una entrada específica pegaremos este código en la parte de "Edicion de HTML" la cual se encuentra justo al lado de "Redactar".



<style type="text/css">
p:first-letter {
    display:block;
    margin:5px 0 0 5px;
    float:left;
    color:#2ECCFA;
    font-size:60px;
    font-family:Georgia;
}
</style>



En ambos casos debemos pegar el siguiente código en nuestras entradas para poder usar la letra capital.

<p>TU TEXTO</p>

Leer mas

Para quietar en numero de etiquetas lo único que deberemos hacer será ir a Diseño -----> Edición html y expandimos los artilugios de nuestra plantilla y buscamos la siguiente etiqueta (con Ctrl + F al mismo tiempo)

<span dir='ltr'>(<data:label.count/>)</span>


Así debe quedarnos todo.


Una vez encontrada solamente debemos borrarlo, obteniendo como resultado lo siguiente :


Leer mas

Hola amigos  hoy les traigo una muy buena y facil manera de crear una galeria de imagenes con CSS3. El resultado que obtendremos será que al pasar el mouse por la imagen , esta se agrandará .












Lo primero que debemos hacer es pegar este código antes de </body>



<style type="text/css">

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

</style>



Con esto ya tenemos los estilos , ahora debemos agregarle el atributo "hovergallery" a las imagenes para que entre en acción . Para esto vamos a utilizar el siguiente código :




<div class="hovergallery">
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
<img src="URL DE LA IMAGEN" />
</div>


Para agregar mas imagenes solamente debemos agregar esto antes de </div>

<img src="URL DE LA IMAGEN" />

Leer mas

Para agregarlo vamos a Diseño ---> Añadir un gadget ---> HTML/Javascript 



Y pegar el siguiente código en el :

    <div id="google_translate_element"></div><script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: 'es'
      }, 'google_translate_element');
    }
    </script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Leer mas



  • Dehumanized EP
Facebook SoundcloudTwitterYoutube

Escuchalo en vivo

Seguidores

Ultimos comentarios