BlueBox

Desenvolvimento de códigos, análises de informação

JS: Introdução

Seg Fev 24, 2014 11:33 am por Pac

Iniciando o Tutorial...


Para quem é direcionado este Tutorial de JavaScript?
Para quem não sabe nada de JavaScript ainda, mas já sabe básico de HTML.

O que é JavaScript?
É uma linguagem utilizada principalmente para auxílio de desenvolvimento de páginas para a Internet.

JavaScript é a mesma coisa que Java?
Não, JavaScript é mais simples que Java. Aprender …

Comentários: 0

Onde coloco o código JavaScript?

Seg Fev 24, 2014 11:32 am por Pac

Mostrar onde se digita o código JavaScript dentro de uma página HTML.
O Código JavaScript fica Entre o <script> e o </script>.
Ficaremos com a seguinte estrutura:


Mostrar onde se digita o código JavaScript dentro de uma página HTML.

Código:
<html>
<body>

<script>

alert("Minha primeira mensagem!")

</script>


Comentários: 0

Buscar
 
 

Resultados por:
 


Rechercher Busca avançada


Você não está conectado. Conecte-se ou registre-se

[Pedido] Colocar avatar no indice do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [Pedido] Colocar avatar no indice do fórum em Dom Mar 02, 2014 9:17 am

IsmaelS.

avatar
Membro
Olá,

Já tentei vários códigos de colocação do avatar no indice do fórum, e estou a falar deste efeito:

[Você precisa estar registrado e conectado para ver esta imagem.]

Se conseguirem arranjar um que funcione perfeitamente no meu fórum agradecia imenso.


[Você precisa estar registrado e conectado para ver este link.] || PunBB

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

Engine404

avatar
Developer
Olá!
Tente utilizar este código com o Investimento marcado somente No índice(se quiser, pode marcar Em todas as páginas e assim o efeito também irá se aplicar nos sub-fóruns):
Código:
$(function(){
   
      if(!window.localStorage) return;
   
      // Avatar par défaut
        var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
   
      // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
        var caching_time= 24*60*60*1000;
   
      // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
        var caching_error= 60*1000;
   
      var set_avatar= function(id) {
            $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
        };
   
      var get_avatar= function(id) {
            if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
            {
                localStorage.setItem('d_ava'+id, default_avatar);
                $.get('/u'+id, function (d){
                    localStorage.setItem('t_ava'+id,+new Date);
                    localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                    set_avatar(id);
                });
            }
            return localStorage.getItem('d_ava'+id);
        };
   
      var to_replace= {};
   
      $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
            to_replace[$(this).attr('href').substr(2)]= 1;
            $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
        });
   
      for(i in to_replace)
        {
            set_avatar(i);
        };
   
  });

Adicione este código em sua folha de estilo CSS:
Código:
.mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 1px;
      transition: all 1s;
      -moz-transition: all 1s;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
    }

Resulta?


Cordialmente,
Engine404

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

IsmaelS.

avatar
Membro
Olá,

O seu correu perfeitamente amigo, resolvido e obrigado!

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

BlueMan

avatar
Developer
IsmaelS. escreveu:Olá,

O seu correu perfeitamente amigo, resolvido e obrigado!
[Você precisa estar registrado e conectado para ver este link.]

Membro satisfeito.
Tópico movido para pedidos finalizados.

BlueMan.

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

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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