Caixas de mensagens em CSS para o seu blog Wordpress

As caixas de mensagens são cada vez mais usadas na blogosfera internacional e hoje em dia a maioria dos blogs com design atractivos usa as caixas de mensagens em CSS para embelezar esteticamente o site tal como para chamar a atenção do utilizador para uma determinada alínea.

No artigo abaixo irei partilhar alguns estilos CSS para as suas caixas de mensagens e ensiná-lo a implementá-las no seu blog.

Faça o download do código fonte (HTML + CSS) das caixas de mensagem abaixo ilustradas por aqui.

Caixa de mensagens simples

O código HTML é bastante simples:

<div class="clean-gray">Clean message box</div>

..uma DIV class com algum texto.

O CSS será qualquer coisa do género:

 .clean-gray{
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222222;
padding:4px;
text-align:center;
} 

Continue a ler »

Alinhamento de imagens no Wordpress 2.6

Se por acaso já fez o upgrade para o Wordpress 2.6 então certamente já reparou na forma (diferente!) que o Wordpress usa para alinhar as imagens nos posts. Depois de em vários artigos diferentes ter falhado a inserção de imagens tal como pretendia deicidi “dar uma voltinha” pela web à procura de uma solução, e lá encontrei uma forma de soluccionar o meu problema de alinhamento de imagens em posts.

Os problemas que tive com este novo sistema foram quando recorri aos class=”alignleft”, class=”alignright” ou class=”aligncentered”, pois até me alinhava as imagens correctamente mas o texto não ficava alinhado de maneira correcta em relação à imagem.

A solução para este problema, se é que assim o podemos chamar,  é simplesmente adicionando o seguinte código no ficheiro stylesheet.css do seu template.

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}

Com este código adicionado no seu stylesheet.css não deverá ter mais problemas com o alinhamento de imagens, como podem ver testei logo neste post o novo código.
Recurso: wprocks.com

7 sites para obter bom código para o que procura

Se for estudante na área da informática desde o secundário que vai necessitar de “blocos” de código que o ajudarão a completar projectos, trabalhos ou simples algoritmos. Hoje em dia até programadores profissionais usam blocos de códigos já usados para criarem simples passos de rotina de um programa.

Estes 7 sites disponibilizam recursos de ajuda, com truques e dicas e disponibilizam também blocos de código numa grande variedade de linguagens de programação.

#1 CodeGuru

http://www.codeguru.com/

Visual C++/C++, .NET/C#.

#2 Free PHP

http://www.free-php.net/

PHP scripts, tutoriais PHP, alojamento PHP e recursos PHP.
Continue a ler »

Finalmente disponivel novo site do PT.JUG

É verdade! Está finalmente disponivel o novo site da PT.JUG, Grupo Português de Utilizadores de Java ou Portuguese Java Users Group, que é uma associação virtual de profissionais ou estudantes com ligação à plataforma tecnológica Java(tm). Poderão dar uma espreitadela através do endereço www.java.pt.

Está actualmente em curso uma campanha de angariação de novos membros, os primeiros 300 terão uma inscrição grátis para sempre.

Para estudantes de cursos como o de Engenharia Informática que nos primeiros anos trabalham muito com a linguagem de programação Java o PT.JUG poderá tornar-se numa boa ferramenta de apoio através da partilha de conhecimento sobre a tecnologia, a sua concorrência e o mercado local.

Um site a guardar..

Como destacar os comentários de autores no Wordpress

Andei esta semana à procura duma solução para poder destacar os meus comentários aqui no blog dos comentários dos restantes comentadores.

Encontrei então uns artigos interessantes que ajudam na adição e edição de código por forma a destacar os comentários do autor do blog, autor esse que é definido no código disponibilizado por norma da sua identificação de utilizador do Wordpress (ID).

Começe então por adicionar o código abaixo indicado no seu Style.css do Wordpress. Irá inserir o estilo “authcomment” algures no Style.css.
Eu coloquei o código no final dos estilos definidos para os comentários que já constavam no meu Style.css.

.comment-autor {
background-color: #B3FFCC !important;
}

Agora abra o ficheiro comments.php do seu Wordpress e identifique a seguinte linha de código.

<li class=”<?php echo $oddcomment; ?>

..e altere-o para o seguinte:

<li class=”<?php
/* Este pedaço de código define o autor como o user_id 1 (admin), se o quiser alterar para outro utilizador, identifique o ID em causa e modifique no código abaixo */
if (1 == $comment->user_id)
$oddcomment = “comment-autor”;
echo $oddcomment;
?>

E já está, a partir de agora os seus comentários estarão na cor indicada no estilo anteriormente adicionado ao ficheiro style.css, seja livre de editar o código à sua maneira.

Recurso:
Admin comments: Different CSS

E se as linguagens de programação fossem carros..?

Enquanto andava a pesquisar na net, encontrei este artigo na página de um aluno da “Computer Science at Caltech” onde compara algumas linguagens de programação a carros. Pode parecer estúpido mas é certo que nos dá uma ideia geral das linguagens. Não traduzi este artigo porque achei que iria perder toda a sua originalidade e piada. Desfrutem..

Ada is a tank. A butt-ugly tank that never breaks down. People laugh uncontrollably if you tell them you drive Ada, but really, do you want to be driving a sports car in a war zone?

Assembly Language is a bare engine; you have to build the car yourself and manually supply it with gas while it’s running, but if you’re careful it can go like a bat out of hell.

Assembly Language: you are the car.

Basic is a simple car useful for short drives to the local shops. Once popular with learner drivers, it has recently been stripped down to a shell and rebuilt by a major manufacturer, The new version has been refurbished for longer journeys, leaving only cosmetic similarities to the original model.

C is a racing car that goes incredibly fast but breaks down every fifty miles.

Cobol is reputed to be a car, but no self-respecting driver will ever admit having driven one.

C# is a competing model of family station wagons. Once you use this, you’re never allowed to use the competitors’ products again.

C++ is a souped-up version of the C racing car with dozens of extra features that only breaks down every 250 miles, but when it does, nobody can figure out what went wrong.

Continue a ler »