Posts Tagged ‘css’

Quebrar Páginas HTML Para Impressão Com CSS

Monday, March 17th, 2008

Essa dica é para quem desenvolve em html e precisa imprimir relatórios ou documentos e quer formatar as páginas quebrando-as nos lugares certos. Fazer isso parecia complicado mas com CSS (estrutura de formatação de html) é bastante simples:

Onde você quer quebrar a página, coloque um elemento com uma classe diferente, por exemplo:

<p class="quebra-aqui">Início de nova página </p>

e este documento html deve ter uma código css assim:

<STYLE TYPE="text/css">
P.quebra-aqui {page-break-before: always}
</STYLE>

Teste sua página html ou site em vários navegadores de uma só vez

Monday, January 21st, 2008

O site browsershots permite visualizar um endereço web em vários navegadores como Internet Explorer, Firefox, Opera e Safari em Windows e Linux. Ou seja, você pode ver como um usuário de Linux Ubuntu usando Opera vê o seu site. Isso é muito importante para quem desenvolve pois os diversos navegadores tem interpretações diferentes para o html e css, principalmente o Internet Explorer que não respeita as regras internacionais.

Browsershots

Ajuda para Alterar o Visual Do Blog e Sidebar Widgets

Saturday, January 6th, 2007

Após muitos adiamentos, decidi encarar consertar alguns problemas com o visual do blog. Alterei a fonte que não gostava para Times New Roman e também os cabeçalhos do menu lateral. Ainda no menu lateral eu incluí a lista de categorias, uma nuvem de tags para facilitar a navegação e também links para assinatura do blog. Para incluir estes ítens, utilizei os sidebar widgets: “Recent Posts” (artigos recentes), para as Tags o “Tag Widget” e para os links de assinatura utilizei o “subscribe me” (assine-me).

Anexos com Ã?cones no Gmail

Wednesday, November 1st, 2006

O Gmail é meu webmail preferido. 3 GB de espaço, é rápido e eficiente. Eu uso ele até para envio de emails do meu servidor privado minhaempresa.com.br.

Para ainda melhorar, inventaram um jeito de colocar ícones nos anexos, ou seja ao invés de mostrar o clips, mostra um ícone com a representação do anexo. Fica muito melhor visualizar!

gmail-icon
Para fazer isso você precisa do Firefox e suas famosas extensões!

  1. Instalar o Stylish Firefox Addon

Mais Artigos Gus SOS

Scroll Left Scroll Right

Website Statistics