O Sol Diário

O Sol Diário

Novo jornal do Grupo RBS, O Sol Diário é um caderno dentro do jornal Diário Catarinense com notícias de Itajaí, Balneário Camboriú e região. Ele apresenta notícias mais leves, geralmente relacionadas ao turismo no local como festas, situação das praias, bem-estar e entretenimento e recebeu um novo site em 2012.

O site foi criado usando o CMS do Grupo RBS: IT, e o CSS foi desenvolvido a partir dos padrões utilizados para todos os jornais do grupo.

Foi feito um trabalho diferenciado de design para acomodar o conteúdo e o responsável pelo design gráfico é o Vicente Bortolini.

Background-color abaixo de imagens?

Hoje eu estava desenvolvendo um tema e me deparei com este bug esquisito que acontece com a tag header a cor de fundo de alguns elementos.

Eu tenho uma imagem thumbnail que deve ser sobreposta pelo cabeçalho do post (com o titulo e autor), o qual teria um fundo branco semi-transparente. Isso é um efeito bastante trivial de se conseguir mas acabei me deparando com isso. O que acontece é que quando colocamos o elemento header por cima de um img, a cor de fundo dele fica por baixo da imagem e o conteúdo por cima. Bem estranho!

Aqui está um exemplo do que eu tinha feito:

Exemplo do Bug

Exemplo de código HTML + CSS que resultam no Bug

Depois de quebrar a cabeça um pouquinho, tentando algumas combinações, descobri que a solução é bastante simples: basta adicionarmos position: relative; ao nosso header elemento que deve sobrepor a img que tudo se resolve.

Resultado

Amostra de HTML + CSS com o resultado da correção

Boa sorte!

Template WordPress – Argila

O Argila é um template para WordPress desenvolvido para padronizar e facilitar a criação dos blogs do grupoRBS.

Antes de termos este template padrão o tempo médio para a criação de um blog revista comum era de no mínimo 1 semana (contanto com criação da Arte, aprovação e desenvolvimento do template, publicação e criação do blog). Hoje podemos dizer que estas tarefas foram resumidas em apenas criação da Arte e aprovação, sendo que o blog já pode ser criado e seus posts categorizados antes mesmo de termos a arte pronta. Um blog comum pode tranquilamente ser criado em menos de 1 hora.

O nível de alterações de layout permitidas por este tema permite uma flexibilidade por parte da redação perfeitamente balanceada entre padronização e personalização, permitindo que cada blog tenha a sua própria identidade sem perder as características que queremos dar aos blogs do grupo.

Os trabalhos de arte para os blogs apresentados na galeria acima foram feitos por Thiago Esser, André Albuquerque e Amanda Reche.

O que pode ser personalizado neste tema?

Screenshot do Painel de Controle do Template

  • Cores (texto, links, títulos, fundo do blog, fundo do miolo e rodapé);
  • Fontes dos títulos e texto;
  • Imagem de cabeçalho utilizando a funcionalidade nativa do WordPress 3.3;
  • Altura do cabeçalho;
  • Imagem de fundo, disposição e repetição da mesma;
  • Posição do SuperBanner;
  • Imagem e cor de fundo da navegação principal;
  • Bloco de destaques (com 3 modelos incluindo um Slider dos últimos 5 posts);
  • Bloco de categorias destacadas (com opção de mostrar os últimos posts nas categorias destacadas e uma thumbnail);
  • Exibir posts por extenso ou resumidos nas capas e arquivos;
  • Exibir ou não exibir os posts na capa;
  • Texto de “leia mais” e “home” do menu;
  • Borda separando cada post;
  • Assinaturas dos posts (é possível escolher quais informações podem ser exibidas);
  • Logotipo de rodapé (original ou negativo);
  • Imagem de fundo do rodapé, disposição e repetição da mesma;
  • Aceita CSS personalizado, dando liberdade para a redação efetuar outras mudanças no layout.

O nome “Argila” foi escolhido por que um blog utilizando este tema pode ser modelado e pintado tal qual uma escultura feita de barro ou argila além de dar um tom lúdico ao tema.

Atualmente ele se encontra na versão 2.9 e será atualizado com muitas melhoras na versão 3.0 quando a versão do WordPress for atualizada para os blogs do grupoRBS.

Mobile Site – Zero Hora

O Mobile Site da Zero Hora foi desenvolvido pelo time de PHP do clicRBS com design gráfico criado pelo Marcos Borges e desenvolvimento do sistema de gerenciamento de conteúdo construído pelo Yoshichika Ando.

Foi um projeto muito gostoso de ser executado, com ampla utilização de CSS3 e sprites para reduzir ao mínimo o número de requisições e tempo de carregamento.

Edição: Novos Mobile Sites estão sendo feitos com a mesma ferramenta e seguindo a lógica de templates implementada na criação do site da ZH. Vocês podem visitar: m.diariocatarinense.com.br, m.diariogaucho.com.br, m.pioneiro.com, m.an.com.br.