JavaFace-elblogdelprogramador

style
   .contenedor{
    width: 100%;
    height: 450px;
    position: relative;
   }
   .contenedor_imagenes{
    width: 481px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
   }
   .contenedor_imagenes a{
    width: 482px;
    height: 316px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWEk6M7T3SsXD0fq0sKgfub8UWtxk3LplXmN3vYmItbNpFeAus4Q73mLnFmW9zDXssU-K9tsW645JywcW3m_LXku6hfJtEyjtNLr8y6gvhyphenhyphenQ5E_Dore0l46JZ-3V2fDQjX_6MbLY-rlU/s482/browser.png) no-repeat top left;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
   }
   .contenedor_imagenes a.dg-transition{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
   }
   .contenedor_imagenes a img{
    display: block;
    padding: 41px 0px 0px 1px;
   }
   .contenedor_imagenes a div{
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute;
   }
   .contenedor_imagenes a.dg-center div{
    display: block;
   }
   .contenedor nav{
    width: 58px;
    position: absolute;
    z-index: 1000;
    bottom: 40px;
    left: 50%;
    margin-left: -29px;
   }
   .contenedor nav span{
    text-indent: -9000px;
    float: left;
    cursor:pointer;
    width: 24px;
    height: 25px;
    opacity: 0.8;
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv18sucI-GQxuajJM8e8babnvLxWOwzLyNVnbVaNRA2BU8HiZ1rj1oqGGFw1yUHjeWP-1AOHp2Ez1JpRi1WiAD1jW_vUddsGI8g6IhNixqjxVu9oYLOItRZjvlO7iFbGySXufblYDva7A/) no-repeat top left;
   }
   .contenedor nav span:hover{
    opacity: 1;
   }
   .contenedor nav span.dg-next{
    background-position: top right;
    margin-left: 10px;
   }
  /style
        script type="text/javascript" src="https://sites.google.com/site/javafacesitefile/fileblog/moderni.js"/script
  script type="text/javascript" src="https://sites.google.com/site/javafacesitefile/fileblog/jquery.gallery.js"/script
  script type="text/javascript"
   $(function() {
    $('#contenedor').gallery({
                    autoplay    : true,
                // activar slider automatico
                    interval    : 2010  
                //tiempo de la transicion
      
    });
   });
  /script

style type="text/css"

/* ![CDATA[ */
	#Container           {position: relative;display: block;}
	#NivoSlider               {position:relative;width:640px  !important;height:480px  !important;min-height:225px  !important;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZoBsl-abL8FuuGtddjeV38KmKx65nbSITzUoRPwrSj_R0pUcARkNSKXKJaMk8nttIB-p-FgCj3i8FkBLdYsurAl6j7XCkV0XI3Sio7SzkTDg7V-JFGjZIrzveocR_N0N4KI7EYSnofeJ1/s1600/w2bLoader.gif") no-repeat 50% 50%; margin: 20px auto 35px;-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);box-shadow: 0px 1px 5px rgba(0,0,0,0.4);}
	#NivoSlider img           {position:absolute;top:0;left:0;display:none}
	.nivoSlider                  {position:relative;width:100%;height:auto;}
	.nivoSlider img              {position:absolute;top:0;left:0}
	.nivo-main-image             {display:block!important;position:relative!important;width:100%!important}
	.nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
	.nivo-slice                  {display:block;position:absolute;z-index:5;height:100%;top:0}
	.nivo-box                    {display:block;position:absolute;z-index:5;overflow:hidden}
	.nivo-box img                {display:block}
	.nivo-caption                {padding:10px;font-family:Helvetica,Arial,sans-serif;position:absolute;left:10px;bottom:10px;right:10px;background:#000;color:#fff;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8;width:auto;z-index:8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.nivo-caption p              {padding:5px;margin:0}
	.nivo-caption a              {display:inline!important}
	.nivo-html-caption           {display:none}
	.nivo-directionNav a         {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDJTqHVIMVs37jEIliO3ghYNR94ai2tqYdRIXk8Fc_sU1HfY7QSirnm2dr921ugkSCVyNsS9j0tObD1Am7osYFi2hL_0e93UqB5JlTsyUI4TsrVVVYw4OL-q_Ur9kd6ZKjPaSje1IrX_SS/s1600/w2bArrows.png") no-repeat;text-indent:-9999px;border:0}
	.nivo-prevNav                {left:10px}
	.nivo-nextNav                {background-position:-30px 0!important;right:10px}
	.nivo-controlNav             {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
	.nivo-controlNav a           {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielZglOM1YYmRj5QJgmjvlAAvt13UqVy38a_C3wYCmIo9hj5Q-730Vr_IIMZ4QTBsZAsAGvwX6ebTuRjnUHbfUBKWfoY7zOaEuRgHbdFhKYa5x2_rXJt6g1telNZmWc3KjstBHpt3nkpVd/s1600/w2bBullets.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
	.nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/*  */
/style
script type="text/javascript" src="jquery-1.8.3.min.js"/script
script type="text/javascript" src="https://sites.google.com/site/javafacesitefile/fileblog/nivo_slider.js"/script
script type="text/javascript"
/* ![CDATA[ */
jQuery(document).ready(function($) {
	$('#NivoSlider').nivoSlider({
		effect           : 'random',
		slices           : 15,
		boxCols          : 8,
		boxRows          : 4,
		animSpeed        : 500,
		pauseTime        : 3000,
		startSlide       : 0,
		directionNav     : true,
		directionNavHide : true,
		controlNav       : true,
		keyboardNav      : false,
		pauseOnHover     : true,
		captionOpacity   : 0.6
	});
});
/*  */
/script

• Instalación de la plantilla
• Personalización de Widgets
• Personalización de los elementos del tema
• Trucos y técnicas
• Se facilitarán todos los archivos necesarios para el desarrollo del proyecto. Dentro de la carpeta principal, dispondrás de la carpeta de WordPress junto con una copia de seguridad de la base de datos para poder instalarla en tu ordenador. Además, contarás con todos aquellos archivos de imagen usados durante el desarrollo del tema personalizado.