Z0x33

Hola el otro dia estab poniendo un slider autmatico para mi blog pero como quedaba muy mal le cambie el diseño, aunque se podria mejorar. Podeis ver la demo en mi blog: http://gamezox33.blogspot.com.es/ Lo que teneis que hacer es entrar en http://ciudadblogger.com/2012/03/slider-automatico-para-mostrar-las.html hacer todo lo que os dice y luego despues de ]]></b:skin> borra el codigo que te habia dado ciudadblogger y en su lugar pones los siguiente: /* Featured Content Slider ----------------------------------------------- */ #featuredContent { margin:0 auto; padding:7px 7px 5px; width:600px; display:block; background:#fff; /* Color de fondo */ } #featured-slider { position: relative; overflow: hidden; width:600px; height: 350px; } #featured-slider img { display:block; height:auto !important; } #featured-slider .sliderPostPhoto { position:relative; height:350px; width:600px; overflow:hidden; } #featured-slider .sliderPostInfo { position:absolute; bottom:0; width:600px; min-height:40px; color:#fff; padding:5px; background: url(http://lh3.googleusercontent.com/-jDLwXJiGntk/T29pYcTKb9I/AAAAAAAACUQ/gf-AfWqrTzY/s30/bgtransparent.png); height:40px; } #featured-slider .sliderPostInfo p { color:#000; font-size:1.1em; padding:3px 5px 5px 6px; } #featured-slider .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; z-index:1; } #paginate-featured{ position:relative; } #paginate-featured img { position:absolute; top:0px; left:0px; } #paginate-featured-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } #paginate-featured-slice { display:block; position:absolute; z-index:50; height:100%; } #paginate-featured-caption { position:absolute; left:0px; bottom:0px; background: #000; color:#fff; opacity:0.8; width:100%; z-index:89; } #paginate-featured-caption p { padding:5px; margin:0; font-size: 14px; color: #FFF; text-align: center; } #paginate-featured-caption a { display:inline !important; color: #FFF; } #paginate-featured-html-caption { display:none; } #paginate-featured-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } #paginate-featured-prevNav { left:0px; } #paginate-featured-nextNav { right:0px; } #paginate-featured-controlNav a { position: relative; z-index:99; cursor:pointer; } #paginate-featured-controlNav a.active { font-weight:bold; } #paginate-featured-slider { position:absolute; left:210px; bottom:-30px; } #paginate-featured-slider a{ width:22px; height: 22px; background: url(http://1.bp.blogspot.com/-eVJeiVODCBI/Ts0P4-z2c6I/AAAAAAAACpo/31BXBfAbyP8/s1600/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:7px; float:left; } #paginate-featured-slider a:hover{ background-position:0 -22px; } #paginate-featured-slider a.selected { display:block; width:30px;height:30px; background:url(http://1.bp.blogspot.com/-MKlz8mA0xb4/Ts0P5ZLkoKI/AAAAAAAACp8/_DAgu3iSJWM/s1600/arrows.png) no-repeat; text-indent:-9999px; border:0; } #paginate-featured-nextNav { background-position:-30px 0; right:15px; } #paginate-featured-prevNav { left:15px; } #paginate-featured-caption { text-shadow:none; } #paginate-featured-caption a { color:#efe9d1; text-decoration:underline; } h2.featuredTitle { font:14px "trebuchet ms", arial, sans-serif; /* Tamaño fuente de los títulos */ font-weight:normal; letter-spacing:1px; display:block !important; margin: auto 0 !important; } h2.featuredTitle a { color:#fff; display:block; padding:3px; } h2.featuredTitle a:hover { text-decoration:underline; } Y esto es todo gracias por ver el post y comentar.