Saltar para: Posts [1], Pesquisa e Arquivos [2]

SAPO Blogs

Como pôr a barra lateral com a mesma altura da área de posts?

por Hugo, em 02.01.07

Temos recebido alguns pedidos de ajuda sobre como pôr as barras laterais do blog com  a mesma altura da área dos posts. Neste post vou mostrar um script que vai responder a estes  pedidos:

 
 
Template
2 colunas
 
Template
3 colunas
 

 

 

 

 
Antes Depois
 
Antes
 
Depois
 

 
Esta alteração não pode ser feita só com css porque a altura da área de post está dependente do conteúdo dos posts. A solução é escrever um script que vê a altura máxima da área de posts para depois alterar a altura da  barra lateral.

<script type="text/javascript">
    matchHeight=function(){
        var divs,contDivs,maxHeight,divHeight,d;
        var div_extra,div_extrab,div_posts;

        /* <div> a redimensionar */
        div_extras=document.getElementById('extras');
        div_extrasb=document.getElementById('extrasB');
        div_posts=document.getElementById('posts');
        divs=[div_extras,div_extrasb,div_posts];
        contDivs=[];

        /* altura maxima */
        maxHeight=0;

        /* procura altura maxima dos <div> */
        for(var i=0;i<divs.length;i++){
            d=divs[i];
            if (d) {
                contDivs[contDivs.length]=d;
                if(d.offsetHeight){
                    divHeight=d.offsetHeight;
                }
                else if(d.style.pixelHeight){
                    divHeight=d.style.pixelHeight;
                }
                maxHeight=Math.max(maxHeight,divHeight);
            }
        }

        /* redimensiona os <div> */
        for(var i=0;i<contDivs.length;i++){
            contDivs[i].style.height=maxHeight+"px";
        }
    }

/* Executa o script */ 
window.onload=function(){
    if(document.getElementById){
        matchHeight();
    }
}
</script>


Para pôr o script a funcionar:
  1. Copiar o código do script para um componente (Personalização intermédia > Componentes).
  2. Activar o componente na barra lateral (Personalização intermédia > Posições).
  3. Gravar as alterações.
O script funciona com todos os templates que tenham uma ou duas barras laterais.

Este script foi adaptado de um artigo publicado no site www.devarticles.com. Aqui podem encontrar uma explicação mais detalhada do funcionamento do script.
 

Novos lançamentos

por jonasnuts, em 19.10.06

Não vão ser. Já foram.

Assim, há algumas novidades (e mais estão para vir), que podem experimentar desde já e devolver aqui as vossas impressões.

Tag Cloud do Blog - Já está muito mais personalizável. Na área de componentes na personalização intermédia. Alterem os tamanhos mínimos e máximos, as cores, a ordem, etc.

ah! Finalmente um Perfil digno desse nome. Para quem quiser disponibilizar mais informação, na sua área de perfil. Quem não quiser....não usa.

Um pedido antigo, do Cineblog , a possibilidade de termos os meses de arquivo em pull down . Isto é mais útil para quem tenha já muitos meses de arquivo (como é o caso). Esta opção pode ser activada e gerida na Personalização Intermédia, logo no primeiro layer "Apresentação".

Há mais uns pozinhos , na gestão de links . Já é possível inserir quer categorias quer links numa posição pré-definida. Antes, inseríamos as categorias e os links e tínhamos de usar as setas para os movimentar para a localização em que os pretendíamos mostrar. Agora podemos colocar de imediato na posição definitiva. Também já é possível alterar o tamanho da fonte.

Havia uns bugs no post pot mail e na pré-visualização, que corrigimos, pelo que não devem existir quaisquer problemas.

Por último, o bug mais incómodo de todos e que acontecia apenas em alguns Blogs. Quando alguém tentava deixar um comentário, recebia uma mensagem de erro. Repetia o processo (evidentemente). Mas o comentário entrava na mesma (apesar da mensagem de erro). Isto deu origem a alguns comentários duplicados (e mesmo triplicados), e só acontecia em IE , mas está resolvido.

Há mais coisas feitas, mas não têm impacto directo na utilização do serviço. A barra do SAPO (que está mesmo lá em cima, na Homepage dos Blogs) foi actualizada, e mais umas coisitas que não são óbvias nem "explicáveis", e que apesar de melhorarem a performance da plataforma, não são para aqui chamadas :)

Digam de vossa justiça, e uma vez que estamos a preparar novos desenvolvimentos (alguns dos quais pedidos aqui por vocês), mandem mais sugestões, de coisas que gostariam de ver/ter e ainda não têm.

Divirtam-se.

Pergunta

por jonasnuts, em 09.06.06

Alguém acharia interessante uma espécie de um workshop (um dia ou meio dia), grátis e aberto a quem quisesse aparecer, sobre o Design dos Blogs, e sobre como utilizar/potenciar a personalização intermédia e avançada dos Blogs do SAPO?

Isto é só uma ideia minha.....ainda não discuti com ninguém, mas teria interesse?

E se todos acharmos que tem interesse, em que dia da semana?

CSS - Editor do

por jonasnuts, em 31.05.06

Esta vai ser a nova funcionalidade preferida.

Pois é, depois de MUITO trabalho e pesquisa e desenvolvimento, lá conseguimos arranjar uma forma de vos permitir a edição do CSS .

Eu sei, não é o html puro e duro, mas com o CSS , já podem controlar a maior parte das coisas que querem controlar (assim de repente lembro-me das fontes, dos tamanhos, das cores, etc. , etc. , etc. ).

Podem lá chegar e experimentar, a partir da Personalização Avançada.

Digam de vossa justiça, e reportem eventuais bugs .

Documento de personalização avançada

por jonasnuts, em 31.05.06

Não havia, em português, qualquer informação sobre a personalização avançada, sobre o famoso S2 .

Já lá está, na personalização avançada, para quem quiser aprofundar os conhecimentos sobre o S2 um guia, em português , tudo explicadinho.

Mais Templates

por jonasnuts, em 08.05.06

Há mais 3 templates , de estrutura diferente das que já tínhamos.

Um especial Fotoblog , com mais ênfase para a foto.




E dois de estrutura muito diferente do habitual, já que apenas mostram por inteiro o último post , e resumos dos anteriores.


Mar Azul:



Acampar:




Estão disponíveis na "montra" de Templates , onde se chega depois de clicar em "Personalização"

Cor da letra nos formulários de comentários

por jonasnuts, em 04.04.06

Pronto.

Vão à Personalização Intermédia, e na área das Cores, cá mesmo ao fundo, têm uma opção - Comentários  "Cor da letra na autenticação" e "Cor da letra nos comentários"

É usar :)

Cor das letras nos comentários

por jonasnuts, em 31.03.06

Quando um Utilizador escolhia um template com fundo escuro e letra clara, optando depois por alterar a cor de fundo para uma cor mais clara, a letra deixava de ter leitura (letra clara em cima de fundo claro), o que, na área dos comentários, dificultava (impedia) que se conseguisse ler a data do comentário, e o nome de quem comentava.

Enquanto não ampliamos as funcionalidades de personalização dos comentários (e vamos fazê-lo) tínhamos este problema para resolver. Era uma emergência.

A solução de recurso (e temporária) pela qual optámos foi atribuir aos dados que ficavam invisíveis, a mesma cor do texto do posts.

Não é a solução ideal,  nós sabemos, mas resolve o problema, até que a personalização da área dos comentários esteja completa.


Correcção de Bug - cores que regressavam

por jonasnuts, em 24.03.06

Havia (notem o tempo verbal, havia, no passado) um bug, que consistia no regresso de uma cor à personalização (apesar de não aparecer no template), quando a removíamos.

Um utilizador limpava o campo onde estava a cor (deixando-o vazio), guardava as alterações e o campo voltava a fica preenchido com a cor original. Apesar de tudo correr bem no Template, numa alteração posterior, ao gravar alterações, lá regressavam as cores originais.

Isto já não acontece. Neste momento, se deixarmos vazio o campo de uma determinada cor, a cor original não regressa :)

Podemos ainda, quando estamos no painel de escolha da cor, optar por "nenhuma cor" ou "Transparente", que podem parecer coisas iguais, mas não são.

Isto parece complicadíssimo, mas não é. Quem teve este problema sabe exactamente a que é que me refiro, quem nunca teve este problema, não precisa de perceber :)

Comunidade de Blogs do SAPO

por jonasnuts, em 15.03.06

Nada como ter uma comunidade de utilizadores participante, activa, interventiva e exigente.

Se repararem, subimos a lista de Links que temos na barra lateral, porque demos início a uma nova categoria de links, a lista dos Blogs dos Utilizadores que contenham dicas e sugestões para a utilização e optimização desta nova plataforma.

A Maria Papoila fez (entre outros) o Mudar o Template que tem algumas dicas interessantes, e pelo que percebi, está apenas no princípio.

Venham mais Blogs destes, em que são os utilizadores a contribuírem para a restante comunidade. Todos os Blogs considerados úteis serão adicionados à lista de links deste Blog.