Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /home/w68224/public_html/webis/wp-blog-header.php:1) in /home/w68224/public_html/webis/wp-content/themes/yoo_glass_wp/warp/systems/wordpress/helpers/config.php on line 48

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/w68224/public_html/webis/wp-blog-header.php:1) in /home/w68224/public_html/webis/wp-content/themes/yoo_glass_wp/warp/systems/wordpress/helpers/config.php on line 48
.:: Webis Soluções::. » Tipografia

Tipografia

Você pode criar algum conteúdo bonita usando alguns elementos HTML simples. O quadro tema urdidura oferece alguns estilos puro para todos os elementos HTML e um grande conjunto de classes de estilo CSS para o seu conteúdo. HTML básico é muito fácil de aprender e este pequeno guia mostra como usar todos os estilos fornecidos pela estrutura Warp.

Elementos básicos de HTML

Aqui está uma pequena demonstração de semanticts nível texto. O elemento <p> cria um novo parágrafo. Ele terá algum espaço antes e depois si. Para transformar seu texto em hipertexto basta usar o elemento <a> .

Textos de Nível Semanticos

Você pode enfatizar texto usando o <em> element ou implicar qualquer importância adicional do <strong> elemento. Destaque texto sem significado semântico usando o elemento <mark> . Alterações do documento marcação como texto inserido ou eliminado com Codigo <del> elemento ou <ins> elemento. Para definir uma abreviatura usar o elemento <abbr> e definir um termo de definição e usar o elemento <dfn> .

Short List com Links

Quotations e Código

Citações inline pode ser definida utilizando o elemento <q>.

O elemento <blockquote> define uma longa citação que também cria um novo bloco através da inserção do espaço branco, antes e após o elemento blockquote.

Para definir um código de computador em linha curto usar o elemento <code>. Para um trecho de código maior usar o elemento <pre> que define texto pré-formatado. Ele cria um novo bloco de texto que preserva os espaços e quebras de linha.

pre {
    margin: 15px 0;
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    line-height: 18px;
    white-space: pre-wrap;
}
Use o elemento <small> para comentários laterais e letras pequenas.

Úteis Classes CSS

Aqui está uma pequena demonstração de todas as classes CSS estilos relacionados fornecidos pela estrutura Warp.

Destaque conteúdo

Tampões gota são a primeira letra de uma parágrafo que são exibidas maior do que o resto do texto. Você pode criar uma capitular usando a classe CSS dropcap . Para enfatizar o texto com algumas pequenas caixas de usar elemento com a classe CSS caixa .

Esta caixa simples é destinado a agrupar grande parte do seu conteúdo usando a classe CSS box-content.
Esta é uma caixa simples para destacar algum texto usando a classe CSS box-note.
Esta é uma caixa simples, com informações úteis usando a classe CSS box-info.
Esta é uma caixa simples, com notas e avisos usando a classe CSS importantes box-warning.
Esta é uma caixa simples, com dicas adicionais usando a classe CSS box-hint.
Esta é uma caixa simples com informações de download usando a classe CSS box-download.

Use a classe CSS dotted para criar uma regra horizontal pontilhada.


Tabelas

Criar uma tabela despojado zebra usando usando o CSS classe zebra .

Legenda da Tabela
Tabela Título Tabela Título Tabela Título
Table Footer Table Footer Table Footer
Table Data Table Data Data Centered
Data Bold Table Data Data Centered
Table Data Table Data Data Centered

Listas de definição

Criar uma lista agradável definição olhando separados por uma linha usando a classe CSS separator.

LISTA DE DEFINIÇÃO
A lista de definição é uma lista de termos e definições correspondentes. Para criar uma lista de definição de usar o elemento <dl> em conjunto com <dt> para definir a definição do termo e <dd> para definir a definição da descrição.
TERMO DEFINIÇÃO
Esta é uma definição da descrição.
TERMO DEFINIÇÃO
Esta é uma definição da descrição.
Esta é uma outra definição da descrição.

Formulário

Criar um layout de forma bem organizado com caixas fieldset usando a classe CSSbox.

Form legend