[Resolvido] Código desse site

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido [Resolvido] Código desse site

Mensagem por Jean123394 em Sex 15 Out 2010 - 19:54

Oi pessoal eu estava querendo o código desse site Aqui Nele tem um

Tipo de slide, nao sei ao certo.
Eu necessito muito desse código.
Tentei pegar pelo código fonte, mais nao sei o que copiar e talz.

Print:

O slide é onde está escrito Can't Be Tamed, tem duas setas do lado, só clicar que muda.

Agradeço Desde, já.
avatar

Jean123394
Nível 8

Masculino
Inscrito dia : 07/12/2007
Mensagens : 135
Pontos Ativos : 83

Ver perfil do usuário http://thesims3tg.forums.cl/forum.htm

Resolvido Re: [Resolvido] Código desse site

Mensagem por Solkis em Sab 16 Out 2010 - 0:34

Boa noite,

Poderia mostrar uma imagem mais específica?

Até mais.
avatar

Solkis
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12075

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: [Resolvido] Código desse site

Mensagem por Jean123394 em Sab 16 Out 2010 - 12:23

Solkis onde tá escrito i can't be tamed, tem duas setas direcionais ( Esquerda e Direita ) .

Ele muda quando clica, é esse código que eu procuro.
avatar

Jean123394
Nível 8

Masculino
Inscrito dia : 07/12/2007
Mensagens : 135
Pontos Ativos : 83

Ver perfil do usuário http://thesims3tg.forums.cl/forum.htm

Resolvido Re: [Resolvido] Código desse site

Mensagem por Solkis em Sab 16 Out 2010 - 12:39

Boa tarde,

Para isso terá que usar este código em um widget:
Código:
<script src="http://css-tricks.com/examples/AnythingSlider/js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>
   <script type="text/javascript">

      jQuery(function () {

         jQuery('#slider1').anythingSlider({
            width : 800,          // Override the default CSS width
         });
</script>
   <style type="text/css">
.bsa_it_ad { border: 0 !important; padding: 6px !important; overflow: hidden !important; background: #eae3c0 !important; -moz-box-shadow: 0 0 48px black; -webkit-box-shadow: 0 0 48px black; }
.bsa_it_ad a { margin: 0 !important; padding: 0 !important; }
.bsa_it_ad a img { border: 0 !important; position: static !important; }
.bsa_it_ad a:hover img { margin: 0 !important; }
.bsa_it_ad a:hover { background: none !important; }
.bsa_it_i { margin: 0 15px 0 0 !important; }
.bsa_it_t { margin: 12px 0 0 0 !important; font: 16px Georgia, Serif !important; }
.bsa_it_d { font: 11px Verdana, Helvetica, Arial, Sans-Serif; padding-right: 10px; }
.bsa_it_p { bottom: 5px !important; right: 5px !important; padding: 0 !important; }
.bsa_it_p a:hover { background: none !important; }
.header-button {
  border-top: 1px solid #cf942d !important;
  border-bottom: 0 !important;
  background: #964418 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#e86e36), to(#964418)) !important;
  background: -moz-linear-gradient(top, #e86e36, #964418) !important;
  padding: 3px 10px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  text-shadow: rgba(0,0,0,.4) 0 1px 0 !important;
  color: white !important;
  font-size: 13px !important;
  font-family: Georgia, serif !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  display: inline !important;
  margin: 0 !important;
   float: none !important;
  }
.header-button:hover {
  border-top: 1px solid #4f220d !important;
  background: #4f220d !important;
  color: #ccc !important;
  text-decoration: none !important;
  margin: 0 !important;
  }
.header-button:active {
  border-top: 1px solid #261105 !important;
  background: #261105;
  }
.header-button:visited:before, .header-button:visited:after {
    content: "" !important;
}
</style>

         <!-- AnythingSlider #1 -->
         <ul id="slider1">
<li>PARA CADA UM VOCÊ DEVE REPETIR ESTA LINHA</i>
         </ul>  <!-- END AnythingSlider #1 -->

Eu achei o sistema que quer, mas veja que precisa editar uma coisa no final, para que ele funcione bem! Onde tem PARA CADA UM VOCÊ DEVE REPETIR ESTA LINHA você deve substituir pelo conteúdo, que pode ser uma imagem, um vídeo... basta usar o HTML!

Até mais.
avatar

Solkis
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12075

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: [Resolvido] Código desse site

Mensagem por Jean123394 em Sab 16 Out 2010 - 19:44

O que eu altero no final Solkis, nao entendi muito bem.

Editando:

Solkis, eu entendi ( depois de um século)

Mais a imagem ficou normal. Ficou quadrada do mesmo jeito.
avatar

Jean123394
Nível 8

Masculino
Inscrito dia : 07/12/2007
Mensagens : 135
Pontos Ativos : 83

Ver perfil do usuário http://thesims3tg.forums.cl/forum.htm

Resolvido Re: [Resolvido] Código desse site

Mensagem por Needke em Dom 17 Out 2010 - 17:37

Boa noite!
Poderá enviar-nos uma imagem completo do seu resultado após a modificação?

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: [Resolvido] Código desse site

Mensagem por Jean123394 em Ter 19 Out 2010 - 18:28

Aqui.

avatar

Jean123394
Nível 8

Masculino
Inscrito dia : 07/12/2007
Mensagens : 135
Pontos Ativos : 83

Ver perfil do usuário http://thesims3tg.forums.cl/forum.htm

Resolvido Re: [Resolvido] Código desse site

Mensagem por MarcellxD em Qua 20 Out 2010 - 14:50

Cara acho que e o site deles que faz ficar dakele formato.
avatar

MarcellxD
Nível 9

Masculino
Inscrito dia : 21/09/2010
Mensagens : 155
Pontos Ativos : 227

Ver perfil do usuário http://sem.forumeiros.com

Resolvido Re: [Resolvido] Código desse site

Mensagem por Jean123394 em Qua 20 Out 2010 - 21:27

Será?
avatar

Jean123394
Nível 8

Masculino
Inscrito dia : 07/12/2007
Mensagens : 135
Pontos Ativos : 83

Ver perfil do usuário http://thesims3tg.forums.cl/forum.htm

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum