Mocheco Marafado

Volta ao Mundo em BD: Parte XXIV

2012-02-10T20:20:00.001Z

De volta às montagens e com mais uma personagem para a série Volta ao Mundo em BD.

E desta vez a paragem foi na África do Sul, base de operações do Mighty Man.

Esta é uma personagem que embora tenha tido conhecimento dela há algum tempo, nunca imaginei que iria fazer porque pensei que só tinha existido num obscuro filme de 1978 e mesmo assim não encontrei muita informação online...

Isto até coisa de 2 semanas atrás quando sem procurar, achei por acaso um blogue sobre comics publicados na África do Sul e que tinha um artigo dedicado ao personagem incluindo imagens de 2 capas do comic original do personagem.

E aí é que foi uma total surpresa para mim, primeiro porque não sabia que o tal filme de que tinha lido antes havia sido inspirado por um personagem de BD (Nota: O filme era falado em zulu e quando saiu, já a Bd não era publicada devido ao clima de desassossego vivido em Soweto em 1977.) e segundo, porque o personagem era negro.
Ou seja, em pleno regime racista do apartheid da África do Sul, existiu uma editora que publicou BD durante três anos (1975-1978) que não só fez sucesso entre a comunidade negra para a qual era dirigida, mas também entre os adolescentes brancos e que ainda hoje é lembrada por alguns como prova o artigo no blogue onde encontrei a informação sobre o personagem. Essas revistas são hoje muito raras e difíceis de encontrar.

Para terminar, e como é habito nesta série de montagens, aqui fica um pouco mais sobre a personagem:

Depois de ser baleado por ladrões durante um assalto a um supermercado, o policia Danny Ndhlomo foi forçado a abandonar o serviço devido ao ferimento sofrido.

Eventualmente, ele descobriu uma estranha raça de criaturas subterrâneas que tratou o seu ferimento, e como consequência transformou-o em um super-homem.

Decidido a continuar a lutar pela justiça e pela lei, ele tornou-se no Mighty Man cujas aventuras se passavam em Soweto.

Criado por Richard Manville em 1975 e publicado pela editora Afri-Comics.

Para saber mais: Soweto's Super Man: 'Mighty Man' and the mid-70s in South Africa (Em Inglês)

Até breve.

Comentários Recentes na Sidebar Agora com avatares

2012-01-28T13:29:00.005Z

Estes últimos dias tem sido uma loucura brincando com os códigos do novo sistema de comentários do Blogger, pelo meio criei um novo template mas depois o Blogger editou o código base da plataforma (suponho que para corrigir alguns bugs entretanto descobertos), e isso estragou toda a personalização que tinha feito e tive que refazer tudo.

Mas, e como mesmo quando as coisas não correm bem há sempre alguma coisa boa no meio, ao procurar soluções para os problemas que tive para corrigir certas coisas, aconteceu de descobrir um excelente blogue de tutoriais e dicas para o Blogger onde vi algo que já tinha tentado fazer sem sucesso: Um gadget com os comentários mais recentes na barra lateral.

Sim. Existem milhares desses gadgets por essa blogosfera fora, cada um com uma maneira diferente de mostrar os comentários recentes... mas o que me chamou a atenção neste gadget foi que além dos comentários recentes com os links para o comentário em si e o nome de quem deixou o dito comentário, também mostra o avatar de quem comentário com o link para o perfil (se disponível) de quem comentou.

O blogue é Yet Another Blogger Tips Blog (que recomendo seguir para se manterem actualizados sobre esta e outras dicas publicadas por lá ) e podem encontrar o tutorial sobre como colocar o gadget com os comentários recentes com avatar no artigo Son of the better recent comments gadget .

Podem ver o elemento a funcionar aqui neste blogue na barra lateral ou no Quadradinhos INk, onde também instalei.

Claro que fiz algumas modificações no estilo CSS para se adaptar ao meu blogue, mas basicamente não é necessário modificar muita coisa.

Da maneira como está o código, basta copiar e colocar num novo elemento de página na barra lateral.

Abaixo podem ver o código já traduzido e com os estilos que utilizo aqui neste blogue:

Ver Código

# Código

<style type="text/css">
.recent-comment        {/* ---- Cada um dos comentários ---- */ margin-bottom:5px;background: rgba(0,0,0,0.5);padding:5px 5px 5px 25px;border:1px inset skyBlue;border-radius:10px; }
.recent-comment a:hover {/* ---- Os links presentes em cada um dos comentários ao passar o rato por cima ---- */ text-decoration:none; }
.recent-comment:hover  {/* ---- Cada um dos comentários ao passar o rato por cima ---- */background: rgba(0,0,0,0.8);border:1px outset skyBlue;box-shadow: 0 0 5px #abc; box-shadow:inset 0 0 5px #fff;}
.recent-comment-admin  {/* ---- Estilos para os comentários do autor do blogue ---- */ background-color: #F4F4F4; }
.recent-comment-ico    {/* ---- Estilos para os avatares ---- */ margin-left:-30px;margin-top:4px;margin-bottom:5px;display:block;position:absolute;}
.recent-comment-header {/* ---- Estilos para a parte que engloba os avatares e o nome do comentador ---- */height:24px;overflow:hidden;margin-left:10px;font-variant:small-caps;font-size:98%;}
.recent-comment-header a{/* ---- Estilos para o link com o nome do comentador ---- */ color:gold;line-height:220%;}
.recent-comment-header a:hover{/* ---- Estilos para o link com o nome do comentador ao passar o rato por cima ---- */ color:yellowGreen;}
.recent-comment-body   {/* ---- Estilos para o comentário em si ---- */  padding-right: 4px; font-size: 95%;border-top:1px dashed gray;margin:3px;}
.recent-comment-footer {/* ---- Estilos para o link Ler Mais (localização) ---- */  font-size: 85%;float:right;margin-right:10px;}
.recent-comment-footer a{/* ---- Estilos para o link Ler Mais ---- */background:skyBlue;color:black;padding:0px 3px;border: 1px ridge yellow; border-radius: 10px;opacity:0.5;}
.recent-comment-footer a:hover{/* ---- Estilos para o link Ler Mais ao passar o rato em cima ---- */color:blue;padding:1px 5px;border: 1px outset yellow;opacity:1;}
</style>
<script type="text/javascript">
//
// Recent Comments blogger gadget by MS-potilas 2011, using feed avatars
// see http://yabtb.blogspot.com/2011/12/son-of-better-recent-comments-gadget.html
//
// CONFIGURAÇÕES:
var numRecentComments = 10; //numero de comentários a mostrar no elemento
var numPerPost = 0; // max de comentários que o script lê por artigo (0 para lêr todos em cada artigo)
var maxCommentChars = 90; //numero de caracteres a mostrar no corpo do comentário
var maxPostTitleChars = 0; // numero de caracteres a mostrar no titulo do comentário (o nome do comentador), usar 0 para mostar o nome completo
 
var txtWrote = 'disse:'; //o texto a seguir ao nome de quem comenta
var txtMore = 'Ler Mais >>'; // o texto do link para o comentário 
var txtTooltip = '[user] em &quot;[title]&quot; - [date MM/dd/yyyy hh:mm]';
var txtAnonymous = 'Anónimo'; // deixar só ' ' ou colocar o como desejar que apareça quando existem comentários feitos por Anónimos
// Variables [xxx] in texts:
// supports [title], [user], [date], [time], [datetime], [date format]
// format supports: yyyy=long year, yy=short year, MM=month(01-12), dd=monthday, hh=hour, mm=min, ss=sec (formatos de data suportados pelo script, recomendo não mexer neste parte)
 
var getTitles = true;   // se colocar false, o script carrega mais rapido mas não mostra o nome do comentador
var trueAvatars = true; // se colocar false, o script carrega mais rapido mas não mostra o avatar
var urlMyAvatar = '';   // se deixar como está, o avatar do autor será o mesmo do perfil ou pode colocar um link para um avatar à escolha
var urlMyProfile = '';  // colocar o link do perfil do autor do blogue caso não tenha no blogue o elemento Perfil e queira dar estilo diferente aos comentários do autor
//
var cropAvatar = true; // mudar para false se não desejar que o avatar apareça quadrado (recomendo deixar true)
var sizeAvatar = 24; // tamanho em pixels do avatar
var urlNoAvatar = "http://lh4.googleusercontent.com/-069mnq7DV_g/TvgRrBI_JaI/AAAAAAAAAic/Iot55vywnYw/s"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable (avatar por defeito quando não existe avatar e aparece o icone do blogger. se alterar, colocar /s"+sizeAvatar+"/ tal como demonstrado acima para que script altere o tamanho automaticamente conforme o tamanho que colocamos em var sizeAvatar)
//
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar; // se o comentador é anónimo ou comenta com nome/url (alterar para ficar como em var urlNoAvatar se quiserem colocar um avatar personalizado, mas em vez de "url" colocar 'url')
var maxResultsPosts = "";       // or for example "&max-results=100" (recomendo não alterar)
var maxResultsComments = "";    // or for example "&max-results=300" (recomendo não alterar)
// FIM DA CONFIGURAÇÃO
var urlToTitle = {};
function replaceVars(text, user, title, date) {
  text = text.replace('[user]', user);
  text = text.replace('[date]', date.toLocaleDateString());
  text = text.replace('[datetime]', date.toLocaleString());
  text = text.replace('[time]', date.toLocaleTimeString());
  text = text.replace('[title]', title.replace(/\"/g,'&quot;'));
  var i = text.indexOf("[date ");
  if(i > -1) {
    var format = /\[date\s+(.+?)\]/.exec(text)[1];
    if(format != '') {
      var txtDate = format.replace(/yyyy/i, date.getFullYear());
      txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));
      txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));
      txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));
      txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));
      txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));
//or: txtDate = txtDate.replace("dd", date.getDate());
      txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));
//or: txtDate = txtDate.replace("hh", date.getHours());
      text = text.replace(/\[date\s+(.+?)\]/, txtDate)
    }
  }
  return text;
}
if(urlMyProfile == "") {
  var elements = document.getElementsByTagName("*");
  var expr = /(^| )profile-link( |$)/;
  for(var i=0 ; i<elements.length ; i++)
    if(expr.test(elements[i].className)) {
      urlMyProfile = elements[i].href;
      break;
    }
}
function getPostUrlsForComments(json) {
  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    for (var k = 0; k < entry.link.length; k++ ) {
      if (entry.link[k].rel == 'alternate') {
        href = entry.link[k].href;
        break;
      }
    }
    urlToTitle[href] = entry.title.$t;
  }
}
function showRecentComments(json) {
  var postHandled = {};
  var j = 0;
  if(numPerPost) {
    while(numPerPost < numRecentComments) {
      for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
        var entry = json.feed.entry[i];
        if(entry["thr$in-reply-to"]) {
          if(!postHandled[entry["thr$in-reply-to"].href])
              postHandled[entry["thr$in-reply-to"].href] = 1;
          else
              postHandled[entry["thr$in-reply-to"].href]++;
          if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)
            j++;
        }
      }
      if(j >= numRecentComments)
        break;
      numPerPost++;
      j = 0;
      postHandled = {};
    }
    if(numRecentComments == numPerPost)
       numPerPost = 0;
  }
  postHandled = {};
  j = 0;
  for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)
      continue;
    if(entry["thr$in-reply-to"]) {
      if(!postHandled[entry["thr$in-reply-to"].href])
          postHandled[entry["thr$in-reply-to"].href] = 1;
      else
          postHandled[entry["thr$in-reply-to"].href]++;
      j++;
      var href='';
      for (var k = 0; k < entry.link.length; k++ ) {
        if (entry.link[k].rel == 'alternate') {
          href = entry.link[k].href;
          break;
        }
      }
      if(href=='') {j--; continue; }
      var hrefPost = href.split("?")[0];
      var comment = "";
      if("content" in entry) comment = entry.content.$t;
      else                   comment = entry.summary.$t;
      comment = comment.replace(/<br[^>]*>/ig, " ");
      comment = comment.replace(/<\S[^>]*>/g, "");
      var postTitle="";
      if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];
      else {
        postTitle = hrefPost.split("/")[5].split(".html")[0].replace(/_\d{2}$/, "");
        postTitle = postTitle.replace(/-/g," ");
        postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);
      }
      if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {
        postTitle = postTitle.substring(0, maxPostTitleChars);
        var indexBreak = postTitle.lastIndexOf(" ");
        postTitle = postTitle.substring(0, indexBreak) + "...";
      }
 
      var authorName = entry.author[0].name.$t;
      var authorUri = "";
      if(entry.author[0].uri && entry.author[0].uri.$t != "")
        authorUri = entry.author[0].uri.$t;
   
      var avaimg = urlAnoAvatar;
      var bloggerprofile = "http://www.blogger.com/profile/";
      if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
        avaimg = entry.author[0].gd$image.src;
      else {
        var parseurl = document.createElement('a');
        if(authorUri != "") {
          parseurl.href = authorUri;
          avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
        }
      }
      if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
        avaimg = urlMyAvatar;
      if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
        avaimg = urlNoAvatar;
      var newsize="s"+sizeAvatar;
      avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
      if(cropAvatar) newsize+="-c";
      avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
      if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
        authorName = txtAnonymous;
      var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
      if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
      var clsAdmin = "";
      if(urlMyProfile != "" && authorUri == urlMyProfile)
          clsAdmin = " recent-comment-admin";
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
 
      var txtHeader = txtWrote;
      if(txtWrote.indexOf('[')==-1)
        txtHeader = authorName + ' ' + txtWrote;
      else
        txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);
 
      var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);
 
      document.write('<div title="'+tooltip+'" class="recent-comment'+clsAdmin+'">');
      document.write('<div title="'+tooltip+'" class="recent-comment-header'+clsAdmin+'"><div title="'+tooltip+'" class="recent-comment-ico'+clsAdmin+'">'+imgcode+'</div><a title="'+tooltip+'" href="' + href + '">' + txtHeader + ' </a></div>');
      if(comment.length < maxCommentChars)
        document.write('<div title="'+tooltip+'" class="recent-comment-body'+clsAdmin+'">' + comment + '</div>');
      else {
        comment = comment.substring(0, maxCommentChars);
        var indexBreak = comment.lastIndexOf(" ");
        comment = comment.substring(0, indexBreak);
        document.write('<div title="'+tooltip+'" class="recent-comment-body'+clsAdmin+'">' + comment + '...</div>');
        if(txtMore != "") {
          var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);
          document.write('<div title="'+tooltip+'" class="recent-comment-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>');
        }
      }
      document.write('<div style="clear:both;"></div></div>');
    }
  }
}
if(getTitles)
  document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');</script>

Ocultar Código

E é isso. Para colocar o gadget em português basta copiar o código acima e colar num novo elemento HTML/Javascript na barra lateral.

Tentei deixar o código comentado para ser fácil de entender como personalizar e configurar.

Que acham?

Até Breve.

Comentários no Blogger À minha maneira...

2012-01-20T01:05:00.014Z

Ena! Dois artigos em menos duma semana. Devo estar a recuperar.

Continuando o tema sobre o novo sistema de comentários do Blogger, consegui colocar a aparência ao meu gosto e de caminho, resolvi criar todo um novo template porque nunca gostei muito do tema branco do antigo.

Aqui fica uma amostra de como fica o novo sistema aqui no blogue:

Abaixo estão todas as classes que se pode utilizar para dar estilo a este sistema de comentários com CSS com notas para que servem se alguém quiser tentar.
Recomendo que se o fizerem, façam num blogue de testes.

Ver Código

# Código

.comments {
/* ---- Classe que envolve todo o sistema de comentários ---- */
}
.comments h4 {
/* ---- A quantidade de comentários total ---- */
}
.comments-content {
/* ---- O conteúdo de todos os comentários. Só utilizei para activar a numeração ---- */
}
.comment-thread ol {
/* ---- A utilizar para activar a numeração dos comentários ---- */
}
.comment-thread li:before {
/* ---- A utilizar para dar estilo à numeração dos comentários ---- */
}
.comment-thread ol ol {
/* ---- A utilizar para activar a numeração das respostas ---- */
}
.comment-thread li li:before {
/* ---- A utilizar para dar estilo à numeração das respostas ---- */
}
.comments .comment .comment-actions {
/* ---- Classe que envolve os links Responder e Eliminar ---- */
}
.comments .comment .comment-actions a {
/* ---- Link Responder e Eliminar ---- */
}
.comments .comment .comment-actions a:hover {
/* ---- Link Responder e Eliminar ao passar o rato ---- */
}
.comments .comments-content .comment-thread ol {
/* ---- Este novo sistema de comentários utiliza Listas para agrupar os comentários. Nesta parte damos estilo ou retiramos o tipo de lista ---- */
}
.comments .comments-content blockquote {
/* ---- Classe que contem cada comentário e respostas. utilizei esta classe para dar estilo e fazer com que cada comentário ficasse separado de cada resposta. Mesmo que não utilizem esta classe, convém dar um estilo para que não fique com o mesmo aspecto das citações nos artigos ---- */
}
.comments .comments-content blockquote .deleted-comment{ 
/* ---- Classe para dar estilo aos comentários apagados e NÃO removidos do blogue ---- */
}
.comments .comments-content .inline-thread {
/* ---- Bloco interior dos comentários em geral ---- */
}
.comments .comments-content .comment-replies {
/* ---- Classe que envolve a palavra Respostas + setas para mostrar/ocultar respostas ---- */
}
.comments .comments-content .comment-thread {
/* ---- Bloco interior de respostas a um comentário ---- */
}
.comments .comments-content .comment-thread:empty {
/* ---- Serve somente para encher quando não há respostas. ---- */
}
.comments .comments-content .comment {
/* ---- Classe para dar estilo ao aspecto geral de cada comentário. Não utilizei ---- */
}
.comments .comments-content .comment:first-child {
/* ---- Classe para o ultimo comentario na lista. Não utilizei ---- */
}
.comments .comments-content .comment:last-child {
/* ---- Classe para o ultimo comentario na lista. Não utilizei ---- */
}
.comments .comments-content .comment-body {
/* ---- Classe que dá estilo ao corpo do comentário, não utilizei ---- */
}
.comments .comments-content .comment-header {
/* ---- Classe que envolve a cabeceira de cada comentário onde estão: nome do comentador, hora e caso se coloque, a numeração dos comentários. Não utilizei ---- */
}
.comments .comments-content .user {
/* ---- Classe para dar estilo ao nome do comentador ---- */
}
.comments .comments-content .icon.blog-author {
/* ---- Classe para dar estilo ao ícone ao lado do nome do autor do blogue ---- */
}
.comments .comments-content .icon.blog-author {
/* ---- Ícone (por defeito:um lapis) ao lado do nome do autor do artigo/blogue ---- */
}
.comments .comments-content .datetime {
/* ---- Esta classe serve para dar estilo à data/hora a que cada comentário foi escrito ---- */
}
.comments .comments-content .comment-content {
/* ---- Classe que envolve cada comentário e grupo de respostas. Não utilizei porque quis separar comentários das respectivas respostas ---- */
}
.comments .comments-content .owner-actions {
/* ---- Esta classe não faço ideia para que serve ---- */
}
.comment-form {
/* ---- A classe que envolve o formulário ---- */
}
.comments .comments-replybox {
/* ---- A classe que envolve o formulário resposta ---- */
}
.comments .comment-replybox-single {
/* ---- Formulário para escrever resposta ---- */
}
.comments .comment-replybox-thread {
/* ---- Formulário para escrever comentário ---- */
}
.comments .comments-content .loadmore a {
/* ---- Classe para dar estilo ao link para carregar mais comentários (acima de 200) ---- */
}
.comments .thread-toggle {
/* ---- Classe para mostrar/ocultar respostas ---- */
}
.comments .continue a{
/* ---- Esta classe não tem estilo no CSS original do blogger, mas existe no codigo e serve para dar estilo ao link para Responder ---- */
}
.comments .continue a:hover {
/* ---- Esta classe não tem estilo no CSS original do blogger, mas existe no codigo e serve para dar estilo quando se coloca o rato sobre o link para Responder ---- */
}
.comments .comments-content .loadmore {
/* ---- Link para mostrar comentários acima de 200 ---- */
}
.comments .comments-content .loadmore.loaded {
/* ---- Classe para quando existem mais de 200 comentários ---- */
}
.comments .thread-chrome.thread-collapsed {
/* ---- Esta classe penso que é para ocultar as respostas que ficarão visíveis com javascript ---- */
}
.comments .thread-toggle .thread-arrow {
/* ---- Classe que contém as setas para ocultar e mostrar respostas ---- */
}
.comments .thread-expanded .thread-arrow {
/* ---- Icone (seta) para mostrar respostas ---- */
}
.comments .thread-collapsed .thread-arrow {
/* ---- Icone (seta) para ocultar respostas ---- */
}
.comments .avatar-image-container {
/* ---- Classe que envolve o avatar do comentador ---- */
}
.comments .avatar-image-container:before {
/* ---- Esta classe adicionei para colocar distancia entre os comentários e o avatar com uma barra a ligar ---- */
}
.comments .avatar-image-container img {
/* ---- O avatar do comentador e onde se pode colocar uma imagem para quem não usa avatar ---- */
}

Ocultar Código

No entanto, algumas coisas foram perdidas tal como os emoticons/smiles nos comentários (por enquanto) e o Lytebox nas imagens que é incompatível com este sistema de comentários (não funcionam) e foi substituído pelo ShadowBox que na verdade, pelo que testei me parece muito melhor e mais leve.

Tive também de fazer algumas alterações nas definições do blogue e como consequência, os artigos mais antigos (anteriores a este) estão um pouco fora do normal mas em breve espero ter isso corrigido.

Se entretanto, tiver tempo e houver interesse escrevo alguns artigos/tutoriais sobre este tema e sobre o ShadowBox.

O bloco com as regras dos comentários também não aparece acima do formulário agora, então a solução foi colocar acima de todo o sistema/bloco de comentários, mas acho que fica bem na mesma.

Que acham? Ficou bom?

Até Breve.

Mudanças no Blogger: Considerações sobre os novos Comentários

2012-01-13T13:26:00.009Z

Para primeira postagem de 2012 nada melhor que falar sobre algumas das mudanças recentes na plataforma do Blogger onde este blogue está alojado.

Primeiro, eu ADORO o Blogger e tenho defendido esta plataforma já por diversas vezes e este artigo em nada diminui a opinião que tenho.

Há dois dias, o Blogger disponibilizou o seu novo sistema de comentários aninhados tipo fórum ( threaded commenting), com a opção de responder directamente a quem comenta.

Enquanto considero esta uma boa noticia e que vem ao encontro de muitos pedidos antigos dos utilizadores da plataforma, não posso deixar de salientar alguns pontos que considero negativos e que ainda precisam de ser melhorados:

1º - Não temos a opção de escolha! A opção foi activada em TODOS os blogues, não importa se com templates antigos, personalizados ou do novo Modelo de Templates.

Pessoalmente acho isso um erro, já que muitos de nós personalizaram o sistema de comentários para ter uma aparência mais de acordo com o resto do template, colocaram emoticons ou têm templates personalizados.

Bem... esqueçam todas essas personalizações! Ao terem este novo sistema de comentários, todas essas personalizações são eliminadas. Talvez com o tempo e alguma paciência se possa voltar a personalizar, mas...

2º - Os blogues com os novos modelos já têm o novo sistema activado sem precisar de alterar nada, mas quem utiliza os modelos mais antigos talvez tenha que fazer uma pequena alteração no HTML do template:

No Painel, vai a Design » Editar HTML, marca a opção " Expandir modelos do widget" e procura com Ctrl+F pelo seguinte pedaço de código:

# Código

    <b:include data='post' name='post'/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <b:include data='post' name='comments'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:include data='post' name='comments'/>
    </b:if>

Substitui pelo seguinte:

# Código

    <b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

A vantagem aqui é que caso não se queira ter o novo sistema de comentários e com isso manter todas as personalizações que se tenha feito, basta fazer o inverso do que mencionei acima.

3º - A opção de Responder só funciona para um comentário de cada vez. Explicando: só se pode responder a um comentário principal, todas as outras respostas nessa linha serão atribuídas ao primeiro comentário nessa linha, ou seja se alguém responder a uma resposta num comentário será marcada como resposta ao primeiro comentário nessa linha e por aí fora.

4º - Embora este novo sistema de comentários seja claramente um avanço de encontro aos desejos dos utilizadores, ainda falha num ponto que considero muito importante que é não podermos escolher a opção de não permitirmos comentários anónimos sem ao mesmo tempo tirarmos a opção de comentar com Nome/URL. Isto sem mencionar que ainda não tem a opção de comentar utilizando a conta do Twitter, Facebook ou até do Google+, algo que na minha opinião poderia incentivar mais comentários.

Considerações finais:

Vantagens:

- Deixa de ser necessário o hack Responder.
- Respostas aos comentários por baixo do devido comentário.
- Melhor aparência(?).

Desvantagens:

-Não temos a escolha de activar ou desactivar o novo sistema sem ser necessário mexer no código.
-Pouca personalização (por enquanto).
-Elimina toda a personalização que se tenha feito, incluindo hacks como os Emoticons (por enquanto).
-Hora em que comentários são feitos ainda está em versão inglesa (por enquanto).

Para finalizar, embora eu veja estas alterações na plataforma com agrado já que são um passo importante na direcção certa,acho que depende um pouco do gosto de cada autor decidir se coloca este sistema de comentários ou não. Pessoalmente antes de me decidir a colocar no blogue, vou fazer alguns testes num blogue de testes e ver como fica.

Numa outra nota, também há pouco tempo o Blogger modificou como funcionam os links para as imagens que colocamos nos artigos, fundos e etc. Reparei nisso porque algumas das imagens que tenho como fundo de alguns elementos começaram a ser visualizadas num tamanho mais pequeno, arruinando assim a aparência.

A solução é simples, embora possa ser trabalhosa caso tenham muitos imagens que necessitem ser corrigidas:

Procurem pelo(s) link(s) da(s) imagem afectada, que deve estar parecida com o seguinte:

# Código

http://lh5.ggpht.com/_R2eRIqAuAYQ/S_H478lYv6I/AAAAAAAABPU/OeNlWg0Ao60/tutlinklist.jpg

E acrescentem a parte em vermelho, como demonstro a seguir:

# Código

http://lh5.ggpht.com/_R2eRIqAuAYQ/S_H478lYv6I/AAAAAAAABPU/OeNlWg0Ao60/s1600/tutlinklist.jpg

Problema Resolvido!

Até Breve.

Feliz Natal

2011-12-25T00:01:00.004Z

Primeiro, esta não era a imagem que eu pretendia publicar aqui para desejar um Feliz Natal aos 5 visitantes e amigos que ainda se dão ao trabalho de passar por aqui.

Mas o trabalho este ano nesta época natalícia aumentou (suponho que seja efeitos de CRISE ) e fiquei sem tempo para fazer a imagem que queria e então a solução foi usar a imagem que fiz para o Secret Santa para o site Heromorph.

Quero também agradecer a todos que me têm enviado desejos de Bom Natal. Não tenho tido tempo para estar na Net mais de 5 minutos (basicamente, ver os mails) mas tenho recebido os mails.

Resumindo, os meus agradecimentos pela visita e por ainda se lembrarem de mim e os meus sinceros Desejos de um...

Até breve.

Novo Nome, Novo Template

2011-09-16T08:24:00.000+01:00

Não, ainda não estou morto.
Este Verão voltei a trabalhar à noite, o que não me deixou muito tempo livre mas me permitiu brincar um pouco com os códigos CSS, HTML e afins.
Fiz uma serie de experiencias em blogues de testes e finalmente resolvi que era hora de mudança e não me refiro somente ao template, mas também ao próprio nome do blogue que confesso sempre foi algo que nunca gostei desde o inicio quando comecei.
No inicio ao criar este blogue não sabia bem o que ia fazer com ele, basicamente criei-o para publicar algumas informações sobre a Zakarella porque na altura não encontrei nada na Net sobre ela e como tinha feito uma manip dela e queria colocar um link com a imagem que tinha criado para o pessoal onde a publiquei conhecer mais da personagem. Esse foi o primeiro post e daí para cá já o editei para estar mais de acordo com o rumo que entretanto decidi dar ao blogue.
Nessa altura, e à falta de melhor nome, resolvi chamar o blogue de ocPortugal, logo alterado para OCPortugal e nos ultimos tempos para OCPortugal | Blogue do OCP. Mas nenhum destes nomes me agradava e recentemente comecei a ter informações de alguém que usa o nick Ocportugal em alguns sites e redes sociais e que não tem nada a ver comigo, inclusive pelo que me foi dito costuma publicar sobre assuntos, digamos, menos recomendáveis e com os quais não quero estar nem remotamente associado.
E esse foi o empurrão que precisava para me decidir a alterar o nome do blogue. A questão seguinte seria para o quê, e nesse ponto resolvi que devia ser algo que de alguma forma me identificasse e de onde sou, logo veio-me à ideia usar algumas expressões tipicas da minha terra e assim ficou o nome actual.

Sobre o novo template, o mais importante que levei em conta foi diminuir o tempo de carregamento das paginas e ao mesmo tempo manter um aspecto agradável sem eliminar muita coisa.
Claro que algumas coisas, principalmente o que usava javascript de sites externos foi removido, e o pouco que mantive coloquei de forma que somente carregue nas paginas onde é necessário. Também editei os códigos de maneira que o que aparece em diferentes paginas seja só que é carregado pelos navegadores, diminuindo assim o tempo que cada pagina demora a carregar.

Utilizei muito CSS3, ou seja, funciona que é uma maravilha em navegadores actualizados mas é uma porcaria em navegadores mais antigos. Isso era algo que me preocupava antes e sempre levava em consideração mas que desta vez mandei às urtigas, pessoalmente acho que toda a gente deve ter sempre os navegadores actualizados com a ultima versão, não só porque melhora a navegação online mas também porque cada versão mais recente costuma vir mais protegida em termos de segurança.

Resumindo, façam uma visita prolongada aqui pelo estaminé e se notarem alguma coisa fora do normal, deixem-me um aviso porque algumas coisas ainda estou dando uns ajustes finais.

Em breve já terei mais tempo e devo ter alguns trabalhos novos para publicar.

Até breve.

Como colocar botão +1 no blogue

2011-07-29T00:46:00.015+01:00

Com a abertura do Google+ (ou Google Plus) para toda a gente dentro de dias, a importância de ter no nosso blogue o Botão +1 aumenta, já que esse botão embora tenha outras utilidades tal como marcar/votar em algo que encontramos navegando a Net para que tenha outro destaque nas pesquisas do Google, no Google+ funciona (ou pelo menos é como a maioria do pessoal tem utilizado) de maneira similar ao botão Gostar ou Curtir do Facebook.

Ok, aviso já que este vai ser um post longo ,já que vou aproveitar para explicar também sobre os Botões de Partilhar nativos do Blogger mas vamos por partes:

ATENÇÃO: Faz um Backup do teu Modelo/Template ANTES de tentares alterar o código HTML!

Utilizas um template já criado no novo Designer de Modelos do Blogger?
- Se a resposta é SIM, então podes parar de ler por aqui porque muito provavelmente já tens todas as mais recentes novidades do Blogger activadas.
- Se a resposta é NÃO, utilizas um dos templates antigos ou personalizados. Então continua a ler porque é bem possível que para que algumas das mais recentes novidades do Blogger funcionem seja necessário mexer um pouco (ou muito ) no codigo HTML.
- Não uso os Botões de Partilha do Blogger. Tenho Botões de Partilha personalizados.
  Então salta para o ponto 4.

Tens os botões de partilha activos e visíveis no blogue?
- Os botões de partilhar não aparecem no blogue:
  1. Se não estão visíveis, antes de mais verifica se estão activados, vai a Design » Elementos de Página e edita o elemento "Mensagens do Blogue", marcando a opção Mostrar botões tal como na imagem abaixo:
  2. Vai ao blogue ver se os botões já aparecem. Caso já estejam visíveis, podes passar saltar para o ponto 3.
    Caso ainda não estejam visíveis, a razão é porque falta algum codigo e para resolver isso vai a Design » Editar HTML, marca a opção " Expandir modelos do widget" e procura com Ctrl+F pela seguinte linha de código:
    
    # Código
    
    <b:includable id='shareButtons' var='post'>
    
    Se encontrares esta linha, logo abaixo deverá estar o seguinte:
    Ver Código
    
    # Código
    
    <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.emailThisMsg/></span> </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'> <span class='share-button-link-text'><data:top.blogThisMsg/></span> </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span> </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span> </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span> </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span> </a></b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </b:includable>
    
    Ocultar Código
    
    E se tens a linha de código acima, procura pela seguinte linha de código que no caso dos botões de partilhar não aparecerem no blogue...
    
    # Código
    
    <b:include data='post' name='shareButtons'/>
    
    ...que muito provavelmente estará em falta e será necessário adicionar onde desejares que apareçam os botões, normalmente ao fundo de cada post.
    Procura por uma das seguintes linhas de código e adiciona a linha de código acima LOGO ABAIXO DE UMA DELAS:
    
    # Código
    
    <div class='post-footer-line post-footer-line-1'> <div class='post-footer-line post-footer-line-2'> <div class='post-footer-line post-footer-line-3'/>
    
    Pré-visualiza ou Salva o Modelo e vais ver que se tudo correu bem os botões já aparecem. Se não gostares do lugar onde os botões aparecem, basta testares o código name='shareButtons' abaixo de outra das restantes linhas.
- Os botões de Partilhar aparecem no blogue. Mas e o Botão +1 aparece?
  1. Sim, aparece junto aos Botões de Partilha.
    Nesse caso, tudo está funcionando bem e não é necessário alterar mais nada.
  2. Não, ainda não aparece.
    Então passa ao ponto 3.

O Botão +1 não aparece?
- Isto pode acontecer por duas razões:
  1. Tens os Botões de Partilha do Blogger?
    1. SIM!
      Então nesse caso basta colocares abaixo de ]]></b:skin>, o seguinte codigo javascript:
      
      # Código
      
       <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'pt-PT'} </script>
      
      Pré-visualiza ou Salva o Modelo e o Botão +1 já deve estar visivel ao lado dos botões de partilha do Blogger.
    2. NÃO, tenho um um template personalizado e utilizo outro tipo de botões de partilha tal como a Barra de Redes Sociais Sexy. / Não quero ter os botões de partilha no blogue, somente o Botão +1.
      Passa ao ponto 4..
Como colocar Botão +1:
- Vai à página Botão de +1 e deves ver uma página parecida com a imagem abaixo (está legendada para ajudar a identificar):
- Explicando a legenda:
  1. 1: Deverá estar o idioma em que tens a tua conta, no caso Português de Portugal. Se alterares para Português do Brasil, as informações de 5: vão aparecer em português do Brasil caso não entendas bem Inglês.
  2. 2: Nesta secção é onde determinamos o tamanho do Botão. Aqui depende do local onde pretendemos colocar o dito cujo, se for abaixo do post recomendo o tamanho pequeno, médio ou até o tamanho padrão. Agora se for para colocar dentro do post ou em outro local já se pode considerar o tamanho vertical.
  3. 3: Nesta parte seleccionamos o idioma do botão, que pode ser diferente do idioma da nossa conta.
  4. 4: Nesta secção é onde aparecem os codigos necessários para colocar o Botão no blogue ou site:
    
    # Código
    
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'pt-PT'} </script>  <g:plusone></g:plusone>
    
    A primeira parte do codigo é o javascript que deve colocado como mostra a imagem abaixo:
    
    A parte marcada a vermelho é o fecho da tag ]]></b:skin> e a verde o javascript do Botão +1.
  5. A parte HTML do código:
    
    # Código
    
    <g:plusone></g:plusone>
    
    ...deve ser colocada abaixo de uma das linhas de codigo mencionadas no ponto 2. para que apareça abaixo do post, ou se preferires colocar abaixo do titulo e dentro do próprio post, procura pela seguinte linha de código:
    
    # Código
    
    <data:post.body/>
    
    Se colocares o código HTML do botão acima desta linha, o Botão +1 vai aparecer ao inicio do post e se colocares abaixo, vai aparecer ao fundo.
- Qualquer que seja o local onde vais colocar o código HTML do Botão +1, recomendo que envolvas esse codigo numa div, como por exemplo:
  
  # Código
  
  <div id="botãoPlusOne"> <g:plusone></g:plusone> </div>
  
  Dessa forma, temos uma div a que podemos dar estilo no CSS, como por exemplo no caso de colocarmos o Botão +1 dentro do post:
  
  # Código
  
  #botãoPlusOne { float:right; margin: 10px; }
  
  Neste CSS, somente dizemos que a div botãoPlusOne deve flutuar no lado direito e que tem uma margem em redor de 15 pixeis mas brincando um pouco com o CSS, as possibilidades são imensas.
  ATENÇÃO que este codigo CSS deve ser colocado acima do fecho da tag ]]></b:skin>.

Espero que este artigo possa ser de ajuda para alguém.
Até breve.

Um Presente

2011-07-13T22:00:00.004+01:00

E como nem só de pão vive o homem, também a vida é feita de bons e maus momentos.
E se na minha vida pessoal as coisas ainda não andem muito brilhantes com todo o azar que me tem batido à porta estes dias, na vida virtual fui no outro dia surpreendido com a imagem acima criada pelo Bersebah, um dos muitos conhecidos online que tenho o prazer de chamar de Amigo.

Há algum tempo atrás, já não lembro bem porque razão, o Bersebah prometeu que ia fazer uma imagem da personagem que eu quisesse.

Eu gosto do estilo dele nas fotomontagens, mas acontece que é raro ver ele trabalhar em personagens mais comuns, tipo de super-heróis e afins já que geralmente as imagens que ele cria costumam ter a ver com o universo dos contos e poesias escritos pelo próprio.

E mesmo nessas raras incursões pelo universo dos super-heróis, o estilo único do Bersebah teima em aparecer e na minha opinião geralmente resulta em imagens que embora se consiga reconhecer a personagem, também acrescenta aquele "algo" a mais que transforma e distingue a personagem do original tornando-se parte do artista que a criou, e essa qualidade é o que me faz gostar da arte do Bersebah.

Assim sendo,quando ele me perguntou que personagem gostaria de ver feita por ele, é claro que eu não ia perder a oportunidade de ver como ficaria a Namorita no estilo dele.

Amigão, adorei esta montagem ( e a outra versão também ) que você fez para mim.

Está 5
Todo o tempo que demorou trabalhando nela, compensou e valeu a pena esperar para ver o resultado final.

Até breve.

Maré de Azar

2011-06-26T13:44:00.007+01:00

Noticia do Correio da Manhã,Domingo 26 de Junho 2011
Para Visualizar a Noticia, Clique na Imagem.

Suponho que já é tempo de dar uma explicação para o meu semi-retiro da blogosfera e vida online no geral.

Começando pela noticia da imagem acima que saiu no jornal de hoje, e que foi somente a ultima numa serie de azares que me acompanha ou à minha família (e que me afecta da mesma maneira, já que somos um família muito unida) há algum tempo, refere-se ao roubo de um pónei que está na família há alguns anos e tem sido a alegria das minhas sobrinhas desde que os meus pais a compraram.
O que hoje normalmente seria um dia de festa já que é o Aniversário do meu pai e cunhada, é uma casa vazia de alegria porque a maior parte da família anda procurando pela Estrela em toda a região e arredores.
Algo que eu não posso fazer já que há três semanas que estou sem carro devido a uma avaria que ainda não foi descoberta a razão porque aconteceu...

Claro que esta maré de azar não começou agora, na verdade começou no dia 22 de Abril passado, que foi feriado e em que era suposto eu viajar até à Sobreda com os meus tios, casal já alguma idade que iam visitar outros parentes e em que eu era o motorista de serviço.
Era um dia chuvoso e embora eu tenha o habito de sempre conduzir devagar e sem pressas, especialmente em dias de chuva, ao fim de uns três quartos de hora de viagem mesmo à saída de Aljezur, onde nem circulava a 50Km/hora, o carro começou a deslizar em o que penso ser gasóleo ou óleo na estrada, indo embater numa ribanceira rochosa no lado direito da via. E embora no meio desse azar tenhamos tido sorte já que o quartel dos Bombeiros situa-se a menos de cem metros do local do acidente e em menos de um minuto já estavam ao nosso lado, o meu tio ficou em muito mau estado e esteve hospitalizado quase um mês. Situação que me afectou muito psicologicamente mesmo que fisicamente não tenha sofrido nenhuma mazela, só fiquei descansado quando finalmente o meu tio regressou a casa.

Alguns dias após o acidente, foi o disco rígido do meu computador que avariou e está ainda no arranjo sem saber se será possível salvar alguma coisa. Felizmente, a minha irmã emprestou-me um portátil que me tem servido para ver os emails e vir online alguns dias por semana.

Pelo meio ainda ocorreu uma outra situação delicada que por enquanto não posso falar, embora talvez escreva um post no futuro a respeito já que vontade não me falta de denunciar certas situações vergonhosas que ocorrem neste nosso país com a conivência das autoridades que deveriam "Servir e Proteger-nos".

Como podem ver, uma verdadeira maré de azar que espero que não dure muito...

Entretanto resta o pensamento de que Melhores dias virão.

Até lá, estarei fora da vida online ou pelo menos semi-retirado, já que continuarei a vir de vez em quando online para ver o mail e visitar os blogues amigos e talvez comentar em alguns quando estar com boa disposição.

Até Breve.

Novidades no Blogger Templates Dinâmicos

2011-03-31T19:45:00.006+01:00

Hoje ao chegar a casa e dando uma olhada nas novidades na blogosfera, reparei que o Blogger lançou 5 templates dinâmicos para o pessoal.
Por enquanto acho que ainda só estão disponíveis para testar (embora pareça que a intenção será lançarem este tipo de template em breve incluídos em cada blogue) e pelo que percebi, só funcionam em blogues que tenham os feeds activos mas já dá para ver que 2011 vai trazer boas novidades para os utilizadores desta plataforma que para mim é uma das melhores actualmente.

Nota: Como sempre as novidades não funcionam correctamente no IE, a menos que tenham instalado o plugin Google Chrome Frame.

Se quiserem ver como fica aqui o estaminé, cliquem na imagem acima e se quiserem testar o vosso blogue basta clicarem na seta ao lado do nome do meu blogue e abre-se uma secção onde podem colocar o endereço do vosso blogue.

Posso dizer que desta novidade, eu gostei! E você?

Até breve.

Ametista

2011-03-22T00:12:00.005Z

Ametista, a princesa do Mundo de Cristal foi uma serie de aventuras que era publicada há anos atrás nas revistas do Super-Homem se não estou em erro.

Embora pessoalmente nunca tenha considerado a personagem como muito importante e na verdade só lia porque na altura as revistas da Abril vinham com histórias de vários personagens e ao ler uma história, lia todas.

Mas quando alguns dias atrás, resolvi ir tirar o pó a algumas revistas que ainda guardo em casa dos meus pais calhou encontrar algumas das revistas com aventuras desta personagem. Confesso que ainda não me atrai muito em termos de história e arte mas inspirou-me a criar esta imagem.

Quis ver se conseguia fazer com a personagem ficava mais sexy.

Que tal? Acham que consegui?

Até breve.

Ai a Crise...

2011-03-10T23:53:00.007Z

Nestes tempos de Crise nacional e internacional até os superheróis são afectados.

Na verdade, esse é o tema do desafio deste mês no site Heromorph e eu nem estava considerando participar devido à falta de tempo mas aconteceu encontrar a imagem-base perfeita, daquelas que praticamente nos dizem o que devemos fazer com elas e em algumas horas a imagem final estava feita.

Claro que a outra razão foi que já sentia saudade de abrir o Photoshop e deixar a inspiração correr solta. Nesta imagem quis também experimentar algumas coisas para dar o aspecto de que realmente estamos a ver a personagem através duma janela. Acho que correu bem.

Basicamente o tema era " E se os Superheróis ou vilões tivessem que arranjar um part-time de acordo com os seus poderes para enfrentar a crise financeira como qualquer um de nós?", e de acordo com a imagem-base que me inspirou criei esta: O Super-Homem tem que trabalhar como lavador de janelas.

E vocês, que superherói ou vilão escolhiam e qual seria o trabalho que lhe dariam?

Até breve.

Riscos e Rabiscos

2011-03-08T18:52:00.005Z

Boas malta. Ainda ando por cá.

No outro dia quando fui até a casa dos meus pais almoçar, e enquanto esperava pelo almoço resolvi ir vasculhar algumas das coisas que ainda lá tenho guardadas.
Imagino que muito de nós ao saírem da casa dos pais, deixaram aquelas recordações da juventude para trás e comigo foi assim. Deixei lá algumas das minhas colecções de banda desenhada, aqueles brinquedos de infância que um dia queremos passar adiante para um filho, etc...

E entre tudo isso, encontrei alguns blocos de notas e cadernos de escola onde costumava deixar o lápis (ou caneta) fluir e desenhar algo para me abstrair do aborrecimento que eram as aulas ou para me entreter enquanto esperava o autocarro para casa.

E eu costumava desenhar de tudo o que via ou me lembrava, conforme a inspiração batia, fosse algum herói de banda desenhada que tinha lido ou alguém que passava na rua, um professor, algum prédio, ou somente algo da minha imaginação de adolescente, etc... acho que estão a ver a coisa.

De qualquer maneira, resolvi trazer alguns desses esboços para publicar aqui. Dei-lhes um toque no Photoshop para agrupar numa só imagem e voilá. Espero que gostem.

Ah, e dependendo do meu tempo livre, em breve espero ter algo para publicar aqui que tenho estado a trabalhar.

Até breve.

Bad Casting: Fran Drescher as Black Widow

2011-01-23T21:12:00.005Z

Boas pessoal!

Ainda ando com pouco tempo livre mas após alguns meses sem poder mexer no Photoshop, quis ver se ainda sabia alguma coisa e nada melhor do que entrar no ultimo desafio do site Heromorph que consistia em pegar numa personagem e imaginar qual seria a pior escolha para o papel caso Hollywood decidisse fazer um...

Não vou aqui entrar no assunto de más escolhas de Hollywood em termos de adaptações de personagens de quadradinhos e confesso que ao pensar qual a personagem que ia fazer e quem seria o/a actor/actriz escolhida passou-me pela cabeça que algumas das minhas melhores ideias para este desafio já tinha sido escolhidas por Hollywood em filmes que como esperado resultaram em fracassos.

Mas o objectivo do desafio era somente diversão e foi com isso na mente que me decidi por fazer uma imagem da Viúva Negra. Ao considerar todas as actrizes que seriam más escolhas para o papel, veio-me à ideia Fran Drescher,mais conhecida como actriz de comédia por cá, o que era perfeito já que o meu ponto nesta imagem era criar algo que pudesse ter alguma graça.

Quis também aproveitar o impulso e tentar recuperar alguma pratica perdida durante este tempo sem computador e trabalhar nas rugas na roupa no Photoshop, um dos meus pontos fracos e que na imagem que quis criar teria um papel importante já que não queria mostrar um uniforme justo e colado ao corpo mas sim que talvez fosse um pouco largo em algumas partes, daí as rugas.

Embora ainda me ache um pouco destreinado, acho que atingi a maior parte do que me propus nesta imagem.

Até breve.

Lady BlackHawk

2011-01-19T19:30:00.005Z

Olá pessoal!

Embora o meu computador tenha retornado a casa no Natal com uma actualização para o Windows 7, perdi quase tudo e tenho passado este tempo tentando recuperar o máximo que consigo, infelizmente também tive um aumento de trabalho no emprego o que me tomou muito do meu tempo livre com o resultado de pouco tempo me sobrar para mexer no Photoshop ou até actualizar aqui o blogue.

Mas como nem tudo são más noticias (tirando na politica ), ainda deu para salvar alguns ficheiros incluindo esta imagem que estava terminando quando o computador avariou.

E como o meu trabalho já começa a normalizar, conto em breve terminar mais algumas imagens e voltar a 100% aqui ao vosso convívio.

Quero também deixar uma palavra para os seguidores do Quadradinhos INk, ao qual também não tenho tido muito tempo para me dedicar mas já recebi algumas paginas de novas histórias a publicar por lá em breve também.

Por ultimo, um grande Obrigado a todos os amigos que me desejaram Boas Festas aqui e nas varias redes onde tenho conta e que não tive oportunidade de retribuir.

Até breve.

Os Melhores de 2010...

2010-12-18T23:17:00.001Z

Olá pessoal!

Embora ainda sem meu computador (continuo com esperança que dê para salvar todo o trabalho que lá tinha ), não queria deixar terminar o ano sem publicar algo para os amigos e visitantes deste blogue.

Assim decidi fazer uma postagem sobre alguns dos blogues que de uma forma ou outra estiveram entre os meus favoritos de 2010.

Muitos houve que somente para não escrever um longo artigo não figuram na lista abaixo mas que são igualmente merecedores.

Então com desejos de Boas festas para todos, aqui fica o que considero alguns dos melhores de 2010:

Quadradinhos INk

Este foi um dos projectos a que me dediquei este ano em colaboração com alguns talentosos artistas de Portugal e do Brasil com a intenção de publicar algumas histórias em quadradinhos.

[Ferramentas Blog]

Um dos blogues que mais devo ter visitado este ano, sempre com excelentes artigos sobre como manter um blogue, além de dicas e novidades que surgiram tanto para o Blogger com WordPress.

Falta apagar o lápis

O Jorge Miguel é um dos artistas lusitanos que além de um grande talento também tem um fantástico sentido de humor e um conhecimento da nossa história como há poucos.

Pizcos.net

Blogue em espanhol com varias dicas sobre o Blogger e um dos favoritos a visitar neste ano que está a terminar.
Algumas da modificações que aprendi foi navegando por este local.

LucaBD

Com um humor apurado e sempre actual, não há evento que ocorra neste canto à beira mar plantado que não tenha merecido ser retratado no blogue utilizando alguns dos personagens criados pelo Lucaimura.

Crazyseawolf's Blog

Este foi um blogue que continuei a voltar por causa das tiras humorísticas, anedotas e a personalidade que o autor incute em todos os artigos que publica.

£0KYTRPB0X: Ћisŧóriα,Cułŧurα & Arŧєs ®™

História, Arqueologia, Mistérios, Mitologia, Filosofia, Literatura, Cinema e História em Quadrinhos. Tudo coisas que eu gosto e como tal sempre que algo é publicado, lá estou caído.

Leituras de BD

Um dos melhores blogues dedicados à divulgação de Banda Desenhada em Portugal, sem duvida. Todo o tempo que lá passamos é bem passado.

TEX WILLER BLOG

Um dos poucos cowboys que me acompanhou desde a infância. Visitar o blogue em português dedicado ao personagem é sempre um regresso aos dias em que passava lendo a revista.

Rafeiro Perfumado

Risadas garantidas com cada visita. Um dos melhores blogues de humor do ano. Fiquei contente que o autor continuou activo.

The Dreamland Chronicles

Uma das melhores aventuras actualmente sendo publicadas online. Já se fala num filme a caminho. Em Inglês.

alternative prison

Se não fosse por mais nada, já merecia aparecer aqui devido ao Torneio de Personagens sendo disputado neste momento. Visite e Vote no seu favorito!

A ARTE DE BEM... PHOTOGRAFAR ®

Um dos meus blogues favoritos de fotografia. Parabéns ao Jota por atingir os 500 seguidores. É merecido pela qualidade presente.

João Amaral

Sou fã da arte do João desde os tempos da SelecçõesBD por isso foi um prazer encontrar o blogue dele. O talento dele é como o vinho: Melhora com a idade.

vagabundia

O argentino Jmuir continua em alta e a publicar truques e dicas novas sobre HTML, javascript e CSS. Mas não pensem que é só disso que se trata o blogue.

Espero estar de volta muito em breve.

Blogues ao Acaso 41: Alternative Prison

2010-11-10T00:01:00.000Z

Cinema.
Música.
Banda Desenhada.
Literatura.

Tudo isso e muito mais pode ser encontrado no blogue em destaque no artigo de hoje.

Um dos blogues que acompanho quase desde que comecei esta aventura online e que sempre visito a cada novo artigo já que a maioria dos temas abordados são sempre de assuntos que também gosto.

Uma das coisas que mais gostei ao visitar este blogue da primeira vez foi a organização e facilidade de navegar pelos diversos temas na barra lateral, algo muitas vezes deixado ao acaso em muitos blogues.

Resta então deixar o convite para conhecer o blogue: Alternative Prison, da autoria do Loot.

Peço desculpa pelo artigo de hoje não ser muito extenso, mas ainda estou sem computador e de maneira nenhuma me consigo amanhar com o portátil nem com o Windows 7.

Até Breve.

Chrome no IE? Será desta que a Microsoft abre os olhos?

2010-09-25T00:45:00.000+01:00

Ontem li no blogue do Pizcos (um blogue de dicas e não só, em espanhol), uma das melhores novidades sobre o marafado do Internet Explorer.

Pelo que li, o todo-poderoso Google que há algum tempo lançou o navegador Chrome e que desde esse dia já conquistou um lugar entre os favoritos do pessoal que navega por blogues e sites em geral (pelo menos a julgar pelas estatísticas aqui do meu estaminé já aparece em 3º lugar), resolveu tomar medidas a respeito do IE.

Como todos sabemos, pelo menos quem gosta de brincar com códigos e tal nos nossos blogues, uma das grandes dor-de-cabeça que enfrentamos é como colocar os códigos de maneira que tenham uma aparência semelhante em todos os navegadores. Algo que o IE estraga sempre, já que esse navegador lê os códigos à sua maneira sem levar em conta as actualizações feitas no HTMl e CSS.

Só para ter uma ideia, ao fim deste tempo e debaixo de forte concorrência dos outros navegadores (Firefox, Chrome, Safari, etc...), o IE ainda não tem suporte para HTML5, CSS3, SVG, e muito mais.

Por exemplo, aqui no meu blogue ao desenhar o look mais recente, utilizei cores em rgba (uma das possibilidades do CSS3) nos fundos para manter a transparência dos elementos de acordo com o que procurava para o aspecto geral e seguindo esse pensamento, também coloquei bordas curvas em vários elementos do blogue, além de utilizar sombras e mais algumas coisas possíveis no CCS3.
Sem contar que os novos templates do próprio Blogger têm uma base de HTML 5.

Tudo muito bem pensado e tal, se não fosse o tal navegador que insiste em circular do lado esquerdo da estrada, vocês já sabem qual é.

Ora a novidade que tanto me alegrou (já testei e funciona que é uma maravilha!), é que o Google finalmente resolveu tomar uma medida para que os nossos blogues e outros serviços deles possam ser vistos tal como os criadores os imaginaram mesmo no Internet Explorer, criando para isso um complemento(plugin/extensão) que faz com o IE visualize qualquer blogue ou site tal como se fosse o Chrome.
Ou seja, mesmo com um navegador do contra, poderá ter acesso a sites e blogues que utilizem CSS3 e HTML5 visualizando-os em toda a sua gloria tal como em qualquer outro navegador, tendo até a vantagem de desabilitar ou habilitar o complemento ou até de escolher quais os locais onde deseja que esteja activo.

E como posso colocar essa maravilha em acção, pergunta o leitor?

Simples!

Basta abrir o IE, ir a Google Chrome Frame, baixar e instalar o complemento e já está. E o melhor de tudo é que funciona em qualquer versão do IE acima da versão 6 (será que existe quem ainda utilize esse dinossauro?).

E nós que temos um blogue, que podemos fazer para que o nosso blogue possa ser visualizado pelo IE com esse complemento?

Também nada mais simples! Basta ir a Editar HTML e colocar logo abaixo de
<head> , o seguinte:

Salvar e pronto!

Ora faça lá o teste, abra o IE e venha ler este artigo, depois instale o complemento e volte aqui para ver as diferenças.

E acabou-se o estar a partir a cabeça com o IE. Eu já algum tempo que deixei de me preocupar muito, mas ao criar este template resolvi utilizar algum javascript para tentar que a aparência ficasse mais ou menos aproximada mesmo no IE. Agora é menos uma coisa a pensar.

Até Breve.

Blogues ao Acaso 40: Tony Fernandes Estudios Pégasus

2010-09-24T00:02:00.006+01:00

"Há homens que lutam um dia e são bons.
Há outros que lutam um ano e são melhores.
Há os que lutam muitos anos e são muito bons.
Mas há os que lutam toda a vida, e estes são imprescindíveis. "
Bertold Brecht

E Imprescindível é visitar o blogue em destaque hoje, já que o seu autor é um dos editores de Quadrinhos que já vem batalhando na raça, como ele diz, desde os anos 70 na publicação de personagens originais do Brasil.

Mas o que verdadeiramente me atrai mais ao visitar o blogue e passar algum tempo lendo os artigos, é a experiência vivida pelo autor.
Sendo um veterano numa profissão que faz por gosto, é fascinante ler sobre como foi que começou, quem conheceu (e hoje são famosos), com quem trabalhou e ver como dá o devido destaque até ao mais ignorado (pelo comum leitor) elemento duma equipe criativa na edição e publicação de BD.

É quase como ter acesso aos bastidores desses tempos em que não existiam computadores ou programas gráficos para ajudar na criação e divulgação, mas somente a força de vontade e o amor pela profissão.

A primeira vez que conheci este blogue que ainda não tem muito tempo de vida, foi seguindo um dos recentes seguidores aqui do meu humilde estaminé, mas foi somente ao escrever o artigo anterior, que ao escolher uma imagem para colocar como amostra do talento do Lancelot que reparei que o autor do blogue nesta rubrica hoje era nada mais do que o responsável pela publicação da personagem que tinha escolhido.

Pouco mais tenho a dizer além de o(a) convidar a conhecer o blogue: Tony Fernandes Estudios Pégasus, da autoria do Tony Fernandes.

Para terminar este pequeno artigo, deixo-vos com as palavras de apresentação do Tony Fernandes ao estrear o blogue:

Este blog foi criado com o intuito de reunir autores de HQs (desenhistas e escritores), editores, publicitários, amigos e apreciadores de HQ e arte em geral. O objetivo é mostrar trabalhos dos veteranos e dos novos talentos. Enfim, servir de vitrine para o mercado nacional e internacional dos trabalhos artísticos dos autores nacionais. Tb levará mensalmente muitas informações e curiosidades sobre o Mundo das HQs.
Tony Fernades\Estúdios Pégasus

Mas não quero terminar sem antes deixar aqui uma excelente caricatura que encontrei numa entrevista ao Tony Fernandes no site Fanboy e que recomendo a leitura.

Clique na imagem para ler a entrevista.

Numa outra nota, mais uma vez estou sem computador. Tive aqui um curto-circuito e fritou alguma coisa dentro, só espero não ter perdido nada dos ficheiros que lá tinha, já que na noite antes havia terminado uma montagem que pretendia publicar esta semana.
Assim até ter o meu PC de volta, estou reduzido a utilizar um portátil emprestado no qual pouco mais posso fazer além de navegar na Net.

Até Breve.

Blogues ao Acaso 39: HQ Quadrinhos

2010-09-17T00:01:00.007+01:00

Já alguma vez pensou em quantos super-heróis existem no Brasil?

E não estou me referindo aos criados por publicações americanas tipo a Fogo da DC ou o Mancha Solar da Marvel...

Falo mesmo de personagens criadas e publicadas no Brasil por brasileiros.

Se a sua resposta for: Nem imagino... , recomendo vivamente que visite o excelente blogue em questão nesta rubrica de hoje.

Já antes tinha encontrado arte do autor mas nunca em meus sonhos podia sequer começar a imaginar o hercúleo trabalho a que este artista se dedicou a publicar neste blogue.

Sempre com uma ilustração do próprio, tem publicado ao longo dos últimos 2 anos dos mais variados personagens que já foram criados no Brasil abrangendo varias décadas desde os anos 20 do século passado e que foram publicados em revistas, fanzines, webcomics...

Uma tarefa que só se pode admirar pelo esforço e pelo o resultado que não fica atrás de uma qualquer enciclopédia publicada em papel.

Convido-o(a) então a conhecer o blogue: HQ Quadrinhos, da autoria do Lancelot.

Para terminar este pequeno artigo, deixo-vos com as palavras de apresentação do Lancelot ao estrear o blogue em 2008.

Os Quadrinhos, durante algum tempo, têm influenciado a mente e os pensamentos, devaneios e fantasias de muitos... Muita crítica se fez a esta forma de expressão que agora tem na crítica especializada o nome de novela gráfica!!

E é a respeito desta forma que vamos falar dela através dos tempos.... aguardem as postagens!

LANCELOT

E não podia deixar de mostrar aqui um pouco do que podem encontrar visitando o blogue em causa.

Imagem da autoria de Lancelot.

Ah, e não esquecer que o autor também disponibiliza alguns dos seus trabalhos gratuitamente para download na barra lateral.

Até Breve.

Fundos Rotativos no Blogue

2010-09-09T21:43:00.003+01:00

E se cada vez que a pagina do blogue abrisse tivesse um fundo diferente?

Essa foi uma questão que me perguntei ao desenhar o novo look aqui do estaminé. Infelizmente, embora tenha encontrado alguns scripts que possibilitam isso, não me agradaram.

Mas durante as minhas pesquisas encontrei um outro script que cria um efeito parecido: com algumas imagens pode-se ter uma galeria rotativa no fundo do blogue.
Mais uma vez, a resposta é com o jQuery, claro.

Atenção: Esta é uma implementação de nível avançado, requere alguns conhecimentos do código do seu blogue por isso RECOMENDO que teste primeiro num blogue de testes e mesmo assim, antes de tentar modificar o código do seu blogue, é recomendado que salve sempre o modelo actual!

Nota: Se decidir implementar este efeito, tenha em atenção que pode interferir com outros scripts que já tenha instalado.

Explicando então o processo do principio, utilizando um template Minima (dos modelos antigos) :

O primeiro passo será instalar o Jquery, caso ainda não o tenha no template.

Pode ler mais sobre como instalar o Jquery em Lista de Blogues: Rolar com Efeito jQuery.

Depois vá ao site do criador do script e baixe/download o ZIP com os ficheiros necessários à instalação do efeito.

Só iremos usar dois dos ficheiros: bgstretcher.js e bgstretcher.css, aloje esses ficheiros num site de alojamento que aceite esse tipo de ficheiros, eu uso o Google Sites do próprio Google.

Veja como Hospedar JavaScript no Google Site no excelente tutorial da Ariane para saber como adquirir a url dos ficheiros.

Então na posse dessas urls, vamos colocar o seguinte logo abaixo da chamada ao JQuery:

<script src='URL_SITE_ALOJAMENTO/bgstretcher.js' type='text/javascript'/>
<link href='URL_SITE_ALOJAMENTO/bgstretcher.css' rel='stylesheet'/>

Atenção que a ordem em que os códigos devem ficar é importante!

Agora vamos envolver o conteúdo do blogue numa div, colocando logo abaixo de <body>, o seguinte: <div id='page'> e claro devemos ir colocar o fecho da div (</div>) antes de </body>.

E aproveitar para colocar também uma div com os controlos para a animação, logo abaixo de <div id='outer-wrapper'><div id='wrap2'> vamos colocar o seguinte:

<div id='fundocontrol'>
<form>
<input class='controlos' id='toggleAnimation' name='toggleAnimation' type='button' value='Pausa Animação'/>
</form>
</div>

O passo a seguir é colocar o script que faz o efeito funcionar ABAIXO da chamada para os ficheiros js e css do bgStretcher:

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
// Initialize Backgound Stretcher
$(document).bgStretcher({
images: ['url-imagem1', 'url-imagem2', 'url-imagem3', 'url-imagem4'],
imageWidth: 1024, imageHeight: 768, slideShowSpeed: 2500
});

$('#toggleAnimation').click(function(){
if($(this).val() == "Pausa"){
$(this).val("Play");
$(document).bgStretcher.pause();
} else {
$(this).val("Pausa");
$(document).bgStretcher.play();
}
});
});

//]]>
</script>

Alterar onde está a vermelho para o endereço das imagens que desejar utilizar.

Por baixo deste código devemos colocar os restantes estilos:

<style type='text/css'>
body {
background: #557A24;
}
#page {
z-index: 2;
position: relative;
margin: auto;
width: 800px;
padding: 20px;
background: #000000;
font-size: 12px;
color: #AAAAAA;

opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}

#fundocontrol .controlos{
border:1px solid #777777;
background:#60E1BE;
background: -webkit-gradient(linear, left top, left bottom, from(#60E1BE), to(#454545));
background: -moz-linear-gradient(top, #60E1BE, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60E1BE', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60E1BE', endColorstr='#454545'); /* ie8 */
color:gold;
font:bold 12px 'Trebuchet MS';
font-variant: small-caps;
text-transform: capitalize;
padding:4px;
cursor: pointer;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:10px;
top:0;
left:0;
position:absolute;
}
</style>

A verde é o estilo que vai ter o body e a div page e a amarelo são os estilos do botão que controla a animação.

Código completo como deve ficar para ter uma ideia:

Ver Código

....
estilos CSS do template
....
]]></b:skin>
<script src='http://www.google.com/jsapi'/>
<script>
google.load("jquery", "1.2.6");
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.5.3");
google.load("jqueryui", "1.7.2");
</script>
<script src='URL_SITE_ALOJAMENTO/bgstretcher.js' type='text/javascript'/>
<link href='URL_SITE_ALOJAMENTO/bgstretcher.css' rel='stylesheet'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
// Initialize Backgound Stretcher
$(document).bgStretcher({
images: ['url-imagem1', 'url-imagem2', 'url-imagem3', 'url-imagem4'],
imageWidth: 1024, imageHeight: 768, slideShowSpeed: 2500
});

$('#toggleAnimation').click(function(){
if($(this).val() == "Pausa"){
$(this).val("Play");
$(document).bgStretcher.pause();
} else {
$(this).val("Pausa");
$(document).bgStretcher.play();
}
});
});

//]]>
</script>

<style type='text/css'>
body {
background: #557A24;
}
#page {
z-index: 2;
position: relative;
margin: auto;
width: 800px;
padding: 20px;
background: #000000;
font-size: 12px;
color: #AAAAAA;

opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
}
#fundocontrol .controlos{
border:1px solid #777777;
background:#60E1BE;
background: -webkit-gradient(linear, left top, left bottom, from(#60E1BE), to(#454545));
background: -moz-linear-gradient(top, #60E1BE, #454545);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60E1BE', endColorstr='#454545'); /* ie7 */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60E1BE', endColorstr='#454545'); /* ie8 */
color:gold;
font:bold 12px 'Trebuchet MS';
font-variant: small-caps;
text-transform: capitalize;
padding:4px;
cursor: pointer;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:10px;
top:0;
left:0;
position:absolute;
}
</style>

</head>

<body>
<div id='page'>
<div id='outer-wrapper'><div id='wrap2'>
<div id='fundocontrol'>
<form>
<input class='controlos' id='toggleAnimation' name='toggleAnimation' type='button' value='Pausa Animação'/>
</form>
</div>

...Conteudo HTML do blogue

</div>
</body>
</html>

Ocultar Código

Pode ver como ficou no blogue que utilizei como testes:

DEMO

Visto em Background Stretcher jQuery Plugin

Até Breve.

SuperGirl...again

2010-09-08T00:43:00.003+01:00

Durante este ultimo mês de Agosto, e somente para manter a pratica, fui trabalhando em algumas imagens durante o pouco tempo livre que tive.

Esta imagem foi uma delas.

Mais uma vez, decidi pegar na SuperGirl, da qual já antes tinha feito uma tentativa que até me agradou bastante na altura.

Esta foi uma imagem que ao ver a imagem base, logo pensei que ficaria perfeita para uma personagem voando em direcção ao observador.

Espero ter atingido o objectivo.

Utilizei algumas técnicas experimentais na aplicação de texturas que ainda não sei se resultam, o resultado parece-me decente mas acho que ainda posso melhorar.

Em breve devo ter mais imagens para comparar.

Até Breve.

O Massacre dos Inocentes

2010-09-06T00:42:00.001+01:00

Esta semana foi o queimar dos últimos cartuchos para muitos dos felizardos que estiveram de férias e devido a isso o meu trabalho aumentou também...

O pouco tempo que tive livre dediquei a tentar criar um novo look aqui para estaminé (temos que mudar de vez em quando... ) e ao começar a mexer em códigos, pesquisar, criar imagens, etc... geralmente perco-me e enquanto não atingir a visão que pretendo, raramente consigo ligar ao resto.

Mas chega de desculpas porque tenho andado afastado, a verdade é que durante esta ultima semana tive o privilegio de receber um mail do Miguel Rude divulgando o lançamento de um fanzine online (fanline?) no qual ele trabalhou na capa.

Sem querer entrar numa de escrever um artigo de opinião sobre o assunto, para isso já existem muitos outros blogues, por isso não vou mencionar a qualidade duma publicação que embora online e disponibilizada gratuita para quem a quiser ler, me surpreendeu pela positiva tanto pelo excelente trabalho que os autores fizeram na divulgação duma história aos quadradinhos que de outra forma nunca a iria conhecer, como pela escolha duma história que embora antiga (foi escrita em 1968) e tendo sido publicada originalmente no meio dos fanzines norte-americanos, não deixa de ser algo pioneira na maneira como retrata um vilão sem coração que não hesita logo na primeira aparição em assassinar um ícone como o Capitão América numa escalada de matança brutal que tem como alvo os super-heróis da Marvel e DC que estavam na moda naquele tempo.

E aqueles eram tempos onde ainda não era moda matar um personagem conhecido a cada mês para revitalizar a industria.

Claro que tempos depois eles retornam numa história mirabolante onde estiveram viajando no tempo e quem morreu foi um clone, mas isso é outra história...

E não, não vou contar mais nada sobre a história do Massacre dos Inocentes!

Em vez disso deixo aqui os links onde podem baixar e conhecer alguns blogues que já fazem parte da minha lista a visitar e com toda a certeza algum dia ainda irei incluir na rubrica Blogues ao Acaso.

Agora que vá lá baixar o fanline e depois digam-me o que acharam.

Lançamento da HQQUADRINHOS com a KDQUADRINHOS

HQ Quadrinhos Ver na barra lateral

Golden Age - Quadrinhos Ver na barra lateral

Só por curiosidade, alguém sabe dizer em que famoso livro o Miguel baseou-se para criar a capa do Massacre dos Inocentes?

E não vale ir ler a resposta antes.

Até Breve.

Blogues ao Acaso 38: Luz nas Trevas

2010-08-27T00:01:00.003+01:00

Após alguns dias de imenso trabalho, sem muito tempo para andar online, cá estou de volta com mais um blogue de um participante no projecto Quadradinhos INK, que começou a publicar na semana passada.

Então pensei que era altura de deixar de ser tão preguiçoso aqui com o Blogue e regressar com a rubrica Blogues ao Acaso, apresentando um dos blogues pessoais deste artista.

No blogue de hoje podem encontrar algumas tiras criadas pelo próprio artista, novidades sobre projectos em que está envolvido, noticias sobre Bd e tudo o mais que o autor gosta e partilha com o visitante.

Mas é melhor deixar o próprio descrever sobre que se trata o blogue:

O Autor deste blog é cheio de crises

Esta é uma linha cronológica dos seus trabalhos, parcerias e projetos, entre outras coisas, mas dependendo da crise eventos podem ser mudados ou extintos por uma nuvem de antimatéria. As imagens abrem portas para lugares diferentes, não garanto que irão para o mesmo lugar depois de clicarem nelas, cuidado para não pararem no universo paralelo 666 no ano de 2012.

Convido-o(a) então a conhecer o blogue: Luz nas Trevas, da autoria do Joseniz Moura.

E para terminar este artigo, que tal aproveitar para dar a conhecer a Nerda, uma das personagens que podem ser vistas em pequenas tiras no blogue Luz nas Trevas, comentando um dos jogos do Brasil no ultimo Mundial?

Imagem da autoria de Joseniz.

Espero que gostem da contribuição do Joseniz no Quadradinhos INK, e se quiserem manter-se a par das suas actualizações, paranóias e gostos, também podem ainda seguir os tweets dele no Twitter ou enviar-lhe um pedido de amizade no Facebook.

Até Breve.

Cabala 2.0

2010-08-22T00:05:00.005+01:00

Quando tive a ideia de criar algumas montagens com personagens de Bd de vários países, tipo uma Volta ao Mundo em Bd, houve um amigo que me sugeriu para que para o Brasil fizesse a*Cabala*

Na altura, personagem totalmente desconhecida para mim e até as informações que consegui descobrir na Net vim a saber estarem incorrectas, mas essa montagem levou a que um dos autores da personagem deixasse um comentário no meu blogue e para não me alongar muito, basta dizer que ele hoje é um dos colaboradores no Quadradinhos Ink onde começou agora a publicar uma das primeiras aventuras da Cabala para dar a conhecer a personagem aos leitores deste lado do Atlântico.

Como na altura em fiz a montagem da Cabala antes, as minhas habilidades eram... como dizer, praticamente inexistentes (como se hoje fossem grande coisa ), sempre quis voltar a tentar fazer outra.

E a oportunidade veio quando o Miguel me mostrou um desenho da personagem com um novo uniforme, numa versão mais recente. Perguntei-lhe quem ele imaginava representando a personagem e daí a pôr mãos à obra, foi um passo.

Assim não há melhor altura para publicar esta imagem que agora que a Cabala está sendo publicada no Quadradinhos Ink.

Então? O que estão à espera para ir ler a aventura?

Até Breve.