Luzka
Iota
Verificación en dos pasos activada
Entra a editar el html, busca la linea que empiece con
#s3slider {
}
- width: 610px;
- height: 320px;
- position: relative;
- overflow: hidden;
y agrega:
display:none;
Antes de terminar la llave de cierre 😉
Gracias!!! Esto me funcionó perfecto, sólo ahora una duda, el espacio en blanco que me quedó donde iba el slider, lo puedo quitar? cómo?
bueno el slider te da bastante vida al blog pero si lo quieres eliminar primero elimina esto
y listo ahy lo has eliminado espero haberte ayudado, aproposito que slider mas largo :s
mejor haz esto: http://forobeta.com/blogger/99344-eliminar-slider-de-plantilla.html#post972834
así eliminas el slide pro completo, ya que con lo otro, solo estas "ocultandolo"
#slider-holder{width: 610px;height: 320px;overflow: hidden;
margin-bottom:-10px; margin-left:17px; margin-top:-20px;padding: 15px 0 0 0;}
#s3slider { width: 610px; /* important to be same as image width */
height: 320px; /* important to be same as image height */position: relative; /* important */overflow: hidden; /* important */}
#s3sliderContent {width: 610px; /* important to be same as image width or wider */
position: absolute; /* important */top: 0; /* important */margin-left: 0; /* important */}
.s3sliderImage {float: left; /* important */ position: relative; /* important */ display: none; /* important */}
.s3sliderImage span { position: absolute; /* important */ left: 0; font-weight: 700; font-size: 0.834em; color: [B]Enlace eliminado[/B] padding: 20px 15px 50px 13px; height: 73px; width: 610px; background-color: [B]Enlace eliminado[/B]
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
display: none; /* important */bottom: 0;/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image*/}
.s3sliderImage span a.featured-title:link,
.s3sliderImage span a.featured-title:visited{color: [B]Enlace eliminado[/B]padding: 0px 0px 2px 0px;font-size: 1.167em;}
.s3sliderImage span a.featured-title:hover{color: [B]Enlace eliminado[/B]}
.s3sliderImage span a:link,
.s3sliderImage span a:visited{color: [B]Enlace eliminado[/B]}
.s3sliderImage span a:hover{color: [B]Enlace eliminado[/B]}
<script type='text/javascript'><!--//--><![CDATA[//><!--
/* ------------------------------------------------------------------------
s3Slider
Developped By: Boban Karišik -> http://www.serie3.info/
CSS Help: Mészáros Róbert -> http://www.perspectived.com/
Version: 1.0
Copyright: Feel free to redistribute the script/modify it, as
long as you leave my infos at the top.
------------------------------------------------------------------------- */
(function($){
$.fn.s3Slider = function(vars) {
var element = this;
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
var current = null;
var timeOutFn = null;
var faderStat = true;
var mOver = false;
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
items.each(function(i) {
$(items[i]).mouseover(function() {
mOver = true;
});
$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});
});
var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if(items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
console.log("Poof..");
}
}
var makeSlider = function() {
current = (current != null) ? current : items[(items.length-1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if(faderStat == true) {
if(!mOver) {
$(items[currNo]).fadeIn((timeOut/6), function() {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if(!mOver) {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
}
}
}
}
makeSlider();
};
})(jQuery);
//--><!]]></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='black-bg' id='slider-holder'>
<div id='s3slider'>
<ul id='s3sliderContent'>
<li class='s3sliderImage' style='display: list-item;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 1' src='http://2.bp.blogspot.com/_JUg9QsmKp5s/TNH5KPOSd3I/AAAAAAAAAxo/xn8Yn3rXXMM/s000/1.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 2' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TNH5Ku8QtoI/AAAAAAAAAxs/XtnwdHCO0fU/s000/2.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 3' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TNH5LP9C04I/AAAAAAAAAxw/fNWMkCHUxvE/s000/3.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 5' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TNH5LoBw0KI/AAAAAAAAAx0/w5OsAauhOKY/s000/4.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='s3sliderImage' style='display: none;'>
<a href='#YOUR LINKS TO THE POSTS HERE'><img alt='Imagen 5' src='http://3.bp.blogspot.com/_JUg9QsmKp5s/TNH5L1C1BJI/AAAAAAAAAx4/y7YuxYUdxGI/s000/5.jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='YOUR POST TITLE HERE'>YOUR POST TITLE HERE</a><br/>
SOME DESCRIPTION OF YOUR POST HERE
</span>
</li>
<li class='clear s3sliderImage'/>
</ul>
</div>
</div>
</b:if></b:if>
#s3slider {
}
#slider-holder{
}
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?
Utilizamos cookies y tecnologías similares para los siguientes fines:
¿Aceptas las cookies y estas tecnologías?