a cansar e incluso restar atencion al contenido que en realidad es lo importante.El que veremos hoy es a peticion de EcuaLink se trata de un slider que contiene la plantilla EliosWeb2Feel y que podemos descargar en BTemplatesadaptada por Para anadir el slider nos situamos justo antes de &lt;/head&gt; y pegamos el contenido de este archivo Si ya estamos usando jQuery eliminamos la siguiente linea de lo que anadimos anteriormente.&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/&gt;Guardamos los cambios y en plantilla de diseno editamos un gadget de HTML justo despues de la cabecera. En su interior anadimos lo siguiente:&lt;div id='slidearea'&gt;&lt;ul class='kwicks'&gt;&lt;li class='kwik'&gt;&lt;a href='#'&gt;&lt;img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" /&gt;&lt;/a&gt;&lt;div class='kwikmet rounded'&gt;&lt;h2&gt;&lt;a href='#' rel='bookmark' title=''&gt;Titulo-contenido&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Texto-contenido&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li class='kwik'&gt;&lt;a href='#'&gt;&lt;img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" /&gt;&lt;/a&gt;&lt;div class='kwikmet rounded'&gt;&lt;h2&gt;&lt;a href='#' rel='bookmark' title=''&gt;Titulo-contenido&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Texto-contenido&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li class='kwik'&gt;&lt;a href='#'&gt;&lt;img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" /&gt;&lt;/a&gt;&lt;div class='kwikmet rounded'&gt;&lt;h2&gt;&lt;a href='#' rel='bookmark' title=''&gt;Titulo-contenido&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Texto-contenido&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li class='kwik'&gt;&lt;a href='#'&gt;&lt;img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" /&gt;&lt;/a&gt;&lt;div class='kwikmet rounded'&gt;&lt;h2&gt;&lt;a href='#' rel='bookmark' title=''&gt;Titulo-contenido&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Texto-contenido&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;li class='kwik'&gt;&lt;a href='#'&gt;&lt;img alt="" class="slidimg" src="Url-imagen" style="width: 750px; height: 250px;" /&gt;&lt;/a&gt;&lt;div class='kwikmet rounded'&gt;&lt;h2&gt;&lt;a href='#' rel='bookmark' title=''&gt;Titulo-contenido&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Texto-contenido&lt;/p&gt;&lt;/div&gt;&lt;/li&gt;&lt;/ul&amp;gt&lt;div class='clear'/&gt;&lt;/div&gt;&lt;/div&gt;En Url-imagen anadimos la url de nuestra imagen de 750 x 256 En Texto-contenido es el espacio para incluir el texto que se muestra con fondo transparente. Igualmente haremos con Titulo- contenido.Si deseamos suprimir la sombra del borde nos ubicamos en los estilos "slidearea" y eliminamos lo marcado en negrita, tambien podemos anadir otros tipos de borde.#slidearea{height: 250px;overflow: hidden;position: relative;width:980px;background:#fff;border:5px solid #fff;margin:20px 0px 20px 0px;box-shadow: 0 0 10px #aaa;-moz-box-shadow: 0 0 10px #aaa;-webkit-box-shadow: 0 0 10px #aaa;} fonte e creditos: gemablog Outra jQuery Slider Quando voce acessa uma pagina que e marcante sao as barras, ou um slide show, quando as transicoes sao automaticas, pode se tornar cansativo e ate mesmo desviar a atencao para o conteudo que e realmente importante.Que vemos hoje e um pedido EcuaLink e uma barra que contem o modelo Elios adaptada por Web2Feel e podemos baixar BTemplatesPara adicionar a barra estamos um pouco antes &lt;/ Head&gt; e cole o conteudo do presente arquivo Se voce ja estiver usando jQuery para remover a linha a seguir para adicionar mais cedo.&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.js' type='text/javascript'/&gt;Salve as alteracoes e editar um projeto modelo correto gadget HTML apos o cabecalho. Dentro de acrescentar o seguinte:&lt;div id='slidearea'&gt; &lt;ul class='kwicks'&gt; &lt;li class='kwik'&gt; &lt;a href='#'&gt; &lt;img alt = "" class = "slidimg" src = "Url imagem"Style =" width: 750px; height: 250px; "/&gt; &lt;/ a&gt; &lt;div class='kwikmet rounded'&gt; href='#' &lt;h2&gt; rel='bookmark' title=''&gt;Titulo de conteudo&lt;/ A&gt; Mon &lt;/ h2&gt;Texto de conteudo&lt;/ P&gt; &lt;/ div&gt; &lt;/ li&gt; &lt;li class='kwik'&gt; &lt;a href='#'&gt; alt &lt;img = "" class = "slidimg" src = "Url imagem"Style =" width: 750px; height: 250px; "/&gt; &lt;/ a&gt; &lt;div class='kwikmet rounded'&gt; href='#' &lt;h2&gt; rel='bookmark' title=''&gt;Titulo de conteudo&lt;/ A&gt; Mon &lt;/ h2&gt;Texto de conteudo&lt;/ P&gt; &lt;/ div&gt; &lt;/ li&gt; &lt;li class='kwik'&gt; &lt;a href='#'&gt; alt &lt;img = "" class = "slidimg" src = "Url imagem"Style =" width: 750px; height: 250px; "/&gt; &lt;/ a&gt; &lt;div class='kwikmet rounded'&gt; href='#' &lt;h2&gt; rel='bookmark' title=''&gt;Titulo de conteudo&lt;/ A&gt; Mon &lt;/ h2&gt;Texto de conteudo&lt;/ P&gt; &lt;/ div&gt; &lt;/ li&gt; &lt;li class='kwik'&gt; &lt;a href='#'&gt; alt &lt;img = "" class = "slidimg" src = "Url