[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 15/10/10, 08:54 pm

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 16/10/10, 01:34 am

Boa noite,

Poderia mostrar uma imagem mais específica?

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: [Resolvido] Código desse site

Mensagem por Jean123394 em 16/10/10, 01:23 pm

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 16/10/10, 01:39 pm

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
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: [Resolvido] Código desse site

Mensagem por Jean123394 em 16/10/10, 08:44 pm

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 17/10/10, 07:37 pm

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 19/10/10, 08:28 pm

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 20/10/10, 04:50 pm

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 20/10/10, 11:27 pm

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

- Tópicos similares

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