Yo meus queridos e doces bunnie's, como estao? Admito que ando meio cansada e por isso de nao vir postar, ainda tive que formatar o notebook novamente, pois nao sei o que houve o notebook fechou e nao abriu mais. Mas mudando de assunto hoje venho trazer um slide, percebi que tenho muitos poucos aqui, entao vou mudar isso rs Afinal eu amo slides, creditos no rodape da postagem. Eu acho esse modelo muito bonitinho, claro que tudo depende do layout e das imagens que for usar. Nele e possivel colocar texto e uma imagem de sua escolha. Aconselho editar para ficarem similares, voces tambem podem mudar as imagens das setas do carregamento, e das pequenas bolinhas que ficam no finalzinho dele. Demo ver slide1) Va em Layout e abra um novo Gadget Java/Script e dentro cole:<div id="wrapper"><div id="examples_outer"> <h2>Minha flor</h2><div id="slider_container_1"><div id="SliderName"><a href="#1"><img src="ENDERECO DA IMAGEM 1" alt="Some alt text" /></a><div class="SliderNameDescription"><img src="REPITA O ENDERECO DA IMAGEM 1" height="40" alt="" style="float:left;margin-right:5px;" /><strong>Texto imagem 1</strong></div><a href="#2"><img src="ENDERECO DA IMAGEM 2" alt="Some alt text" /></a><div class="SliderNameDescription"><img src="REPITA O ENDERECO DA IMAGEM 2" height="40" alt="" style="float:left;margin-right:5px;" /><strong>Texto imagem 2</strong></div><a href="#3"><img src="ENDERECO DA IMAGEM 3"" alt="some alt text" /></a><div class="SliderNameDescription"><img src="REPITA O ENDERECO DA IMAGEM 3" height="40" alt="" style="float:left;margin-right:5px;" /><strong>Texto imagem 3</strong></div><a href="#4"><img src="ENDERECO DA IMAGEM 4" alt="Some alt text" /></a><div class="SliderNameDescription"><img src="REPITA O ENDERECO DA IMAGEM 4" height="40" alt="" style="float:left;margin-right:5px;" /><strong>Texto imagem 4</strong></div><a href="#5"><img src="ENDERECO DA IMAGEM 5" alt="Some alt text" /></a><div class="SliderNameDescription"><img src="REPITA O ENDERECO DA IMAGEM 5" height="40" alt="" style="float:left;margin-right:5px;" /><strong>Texto imagem 5</strong></div></div><style>#slider_container_1 {margin: 3px 3px 4px 3px;float: left;padding: 10px;width: 560px; background: #000000;-moz-border-radius: 10px 10px;-webkit-border-radius: 10px 10px;border-radius: 10px 10px;}#SliderName{width: 560px;height: 300px;margin: auto;}.SliderNamePrev{background: url(https://4.bp.blogspot.com/--nYn9NRIyo4/WYyDvl3ce-I/AAAAAAAAFvI/iAW0LsAJTxQOcM0Qqg9OkENUMmhNZMbnwCLcBGAs/s1600/left.gif) no-repeat center center; width: 24px; height: 24px; display: block; position: absolute; top: 138px; left: 10px; text-decoration: none;}.SliderNameNext{ background: url(https://3.bp.blogspot.com/-xMr1SrSW_NE/WYyD3mtl26I/AAAAAAAAFvM/0b1k_VP-COEvYoSItqg9WLoxsCYMWB8NACLcBGAs/s1600/right.gif) no-repeat center center; width: 24px; height: 24px; display: block; position: absolute; top: 138px; right: 10px; text-decoration: none;}.SliderNameDescription{ font-family: Verdana; font-size: 10px; text-align: left; padding: 5px;}#SliderNameNavigation { margin: 10px 0 0 0; padding-top: 15px; height: 25px; text-align: center; -moz-border-radius: 6px 6px; background: #fff; }#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover{ margin: 0 2px; background: url(https://1.bp.blogspot.com/-p92Kkfz6zgU/WYyECL8bJ5I/AAAAAAAAFvQ/JL9_H082RvkBfbO_mBvJbl7OH-iv0ECUACLcBGAs/s1600/nav.gif) no-repeat center center; font-size: 0px; line-height: 0px; padding: 12px; text-decoration: none;}#SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{ background: url(https://3.bp.blogspot.com/-8acunJjoF3k/WYyEHwbI1hI/AAAAAAAAFvU/pNRbjNFxRZ0RK53Y0gSE1uI3_zdidTQvwCLcBGAs/s1600/nav_active.gif) no-repeat center center;}</style> <!-- sliderman.js --> <script type="text/javascript">Sliderman.effect({name: 'effectDemo1', cols: 10, rows: 5, delay: 10, fade: true, order: 'straight_stairs'}); var slider = Sliderman.slider({container: 'SliderName', width: 530, height: 300, effects: 'effectDemo1', display: { pause: true, autoplay: 3000, always_show_loading: 200, description: {background: '#ffffff', opacity: 0.5, height: 50, position: 'bottom'}, loading: {background: '#000000', opacity: 0.5, image: 'https://3.bp.blogspot.com/-jfzaFgAqQW8/WYyJEojkrSI/AAAAAAAAFvk/2UILC6TfF2wa8gOg7TESjO7xyPEZuFrlQCLcBGAs/s1600/loading.gif'}, buttons: { opacity: 1, prev: {className: 'SliderNamePrev', label: ''}, next: {className: 'SliderNameNext', label: ''} }, navigation: {container: 'SliderNameNavigation', label: ' '} }});</script><script type='text/javascript'>//<![CDATA[/*** Sliderman.js* Version: 1.2.1* Author: Taras Ozarko (tozarko@gmail.com)** (c) 2010-2011 Devtrix. All rights reserved. http://www.devtrix.net/sliderman/**/var Sliderman = new function(){ var Sliderman = this; function random(l){ r = Math.round(Math.random()*(l+1)); if(r > 0 && r < l+1) r--; else r = random(l); return r; }//random function foreach(o, f){ for(var k in o){ if(o.hasOwnProperty(k) && f(k,o[k],o)) return; } }//foreach function addElementEvent(o,e,f){ var of = o[e]; o[e] = typeof of != 'function' ?