Savyo Design - Tudo Sobre Designer

Fonte Aerojones

Savyo Gabriel

Informações:

Nome: Fonte Aerojones
Tamanho: 10,6 KB
Formato: .RAR

Comments

Fontes

Tutoria slide numerado vertical

Savyo Gabriel

Agora vamos add o css acima da tag: ]]></b:skin>

/*********************** SLIDER VERTICAL ***********************/

.main_view{ float: left; position: relative; }

/*********************** SLIDER CSS ***********************/

.window{ height:200px; width:434px; overflow: hidden; position: relative; margin-left:7px; margin-top:-18px; border: 3px solid #000; } .image_reel{ position: absolute; top: 0; left: 0; } .image_reel {float: left;}

/*********** ESTILO DE PÁGINA ***********/

.paging { position: absolute; bottom: 40px; right:-1px;
width: 178px; height:47px; z-index: 100;

/*--Assures the paging stays on the top layer--*/
text-align: center; line-height: 40px; opacity: .8;

background: url(http://upamais.com/images/21564571798458169220.png) no-repeat; display: none; /*--Hidden by default, will be later shown with jQuery--*/ }

.paging a { padding: 5px; text-decoration: none; color: #fff; }

.paging a.active { font-weight: bold; background: #ffb400; border: 1px solid #c6ff00; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; }

.paging a:hover {font-weight: bold;}

Agora vamos add o código html:
Você pode coloca ele acima do código da sua sidebar ou onde você deseja!

<div class="container">

<div class="folio_block">

<div class="main_view">

<div class="window">
<div class="image_reel">
<a href="URL DO LINK"><img src="URL DA IMAGEM" alt="" /></a>

<a href="URL DO LINK"><img src="URL DA IMAGEM" alt="" /></a>

<a href="URL DO LINK"><img src="URL DA IMAGEM" alt="" /></a>

<a href="URL DO LINK"><img src="URL DA IMAGEM" alt="" /></a>

<a href="URL DO LINK"><img src="URL DA IMAGEM" alt="" /></a>

</div> </div> <div class="paging">

<a href="URL DO LINK" rel="1">1</a>
<a href="URL DO LINK" rel="2">2</a>
<a href="URL DO LINK" rel="3">3</a>
<a href="URL DO LINK" rel="4">4</a>
<a href="URL DO LINK" rel="5">5</a>

</div>
</div>

</div>

</div>

Cole o código abaixo em cima de </head> VER O CÓDIGO JAVASCRIPT - VER CÓDIGO

Comments

Tutoriais

Como colocar botão de subir ao topo

Savyo Gabriel

1° Va Eeem Layout

2°Adicionar Um Gadget

3°Html Javascript>HTML

4°Coloque o Codigo Que Esta Abaixo

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Volte ao Topo !'><img src='http://www.mp.se.gov.br/Imagens/BotaoTopo.png'/></a>