Template Gray Left

Seguindo a mesma linha do Template Eddie este template tem um design mais moderno, um menu de navegação e links para feeds e feeds por email já configurados para o endereço do blog que usá-lo. (Se tiver um feed é claro.)

DEMO | DOWNLOAD-4SHARED

Orientações Sobre o Menu e Caixa de Pesquisas

Hacks instalados:

Postagens Resumidas com imagem (thumbnail)

Abas nos Comentários
» Para que Funcione corretamente Configure os comentários do seu blog em: Configurações » Comentários » Posição do formulário de comentários » Marque:Postagem abaixo incorporada.

Lista de Posts Relacionados no Fim do Post

Paginação no Blogger
» Veja no 2º Passo neste link como configurar para que a paginação no seu blog funcione.

Breadcrumb - Uma ferramenta de Usabilidade

Link de Comentários Corrigido

Personalizando a Data do seu Post

QUALQUER DÚVIDA SOBRE OS HACKS CLIQUE NOS LINKS DOS MESMOS PARA ENTENDER MELHOR!

A Pasta de Download Contém

Código XML;
Imagens usadas no template;
Todos os códigos dos javascript usados.

Sugestões de hacks para você usar em seu template:

Aproveitem :)

7 comentários:

ScarlletAug 15, 2009 09:45 PM
Só queria dizer que gostei da matéria.
ResponderExcluir
Alunos do PCOct 6, 2009 07:49 AM
Olá, eu queria saber como faço para tirar os feed do grey left.
Estou fazendo um projeto para faculdade e os feeds estão atrapalhando o cabeçalho, como eu tiro?
Meu e-mail: feiticodonoel@gmail.com
o blog: feiticodonoel.blogspot.com
obrigada
nat
ResponderExcluir
Miriã SouzaOct 10, 2009 07:04 PM
Oi, fiz o download do seu template e não consegui editar o cabeçalho. E gostaria de saber como eu faça pra modificar a imagem do link do feeds e do email.

Obrigada!
ResponderExcluir
Miriã SouzaOct 10, 2009 08:04 PM
Estou querendo usar esse template, ele é muito satisfatória quanto às funções. Por favor, você pode me ajudar. Eu não estou conseguindo fazer a edição do cabeçalho. Será que tem algo a ver com o código HTML? Por favor me ajude. Meu e-mail é lieben-mi@hotmail.com.

/*---- Header ----*/
#header-wrapper {
width:100%;
margin:0 auto 0px; clear: both;
border:1px none $bordercolor;
}
#header-inner {
background-position: left;
margin-left: auto; font-variant: small-caps;
margin-right: auto;
}
#header1 { width: 64%;
margin: 5px; float:left;
border-right: 1px none $bordercolor;
text-align: left; font-variant: small-caps;
color:$pagetitlecolor;
}
#header2 { width: 32%;
margin:5px; float:right; padding:5px;
border: 1px none $bordercolor;
text-align: left; font-variant: small-caps;
color:$pagetitlecolor;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
font-variant: small-caps;
text-transform:capitalise;
letter-spacing:.2em;
font-size:240%; font-weight: bold;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 0px;
padding:10px 10px 10px 10px;
font-variant: small-caps;
text-transform: capitalise;
letter-spacing:.2em;
line-height: 1.4em;
color: $descriptioncolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}
ResponderExcluir
Marta VictorOct 17, 2009 07:49 AM
Depois de uma semana ...eis que encontrei o que queria
Esse será meu tmplate
um cheiro direto do meu Ceará
Marta
ResponderExcluir
Leonardo Fernandes Ayres BelensOct 30, 2009 07:35 PM
eu kero, preciso e devo agradecer demais a vc! enfim consegui um novo layout, eq dá um tom mais bonito-moderno ao meu blog. deixou com cara de site mesmo, largando de mão akele padrão do blogspot.
muito, muito obrigado mesmo. e vou te seguir!
ResponderExcluir
ÁureaOct 31, 2009 07:59 AM
@Marta e @Leonardo Fico muito feliz que vocês tenham gostado do template.
ResponderExcluir

Adicionar comentário

Carregar mais...

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia as regras abaixo:
» Seu comentário precisa ter relação com o assunto do post;
» Meu tempo é curto e às vezes responder às perguntas demanda tempo e pesquisas então paciência;
» VOLTE PARA ENCONTRAR A RESPOSTA NO COMENTÁRIO DE ORIGEM;
» Se a RESPOSTA de sua Pergunta JÁ ESTIVER POSTADA AQUI, NÃO irei responder. ► Se esforce um pouco mais e PROCURE!
» Se você quiser deixar o link do seu blog no comentário assine como OpenId, não inclua links desnecessários em seu comentário;
» Para deixar o link de seu post relevante ao conteúdo deste blog ou post, coloque este código:
<em><b>Seu nome</b> publicou um post sobre.. <a href="Link do Seu post">Título do Post</a></em>

»SEU COMENTÁRIO É SEMPRE BEM VINDO!

7 Comentários:

Scarllet disse...: Só queria dizer que gostei da matéria.; 16 de agosto de 2009 01:45
Alunos do PC disse...: Olá, eu queria saber como faço para tirar os feed do grey left.
Estou fazendo um projeto para faculdade e os feeds estão atrapalhando o cabeçalho, como eu tiro?
Meu e-mail: feiticodonoel@gmail.com
o blog: feiticodonoel.blogspot.com
obrigada
nat; 6 de outubro de 2009 11:49
Miriã Souza disse...: Oi, fiz o download do seu template e não consegui editar o cabeçalho. E gostaria de saber como eu faça pra modificar a imagem do link do feeds e do email.

Obrigada!; 10 de outubro de 2009 23:04
Miriã Souza disse...: Estou querendo usar esse template, ele é muito satisfatória quanto às funções. Por favor, você pode me ajudar. Eu não estou conseguindo fazer a edição do cabeçalho. Será que tem algo a ver com o código HTML? Por favor me ajude. Meu e-mail é lieben-mi@hotmail.com.

/*---- Header ----*/
#header-wrapper {
width:100%;
margin:0 auto 0px; clear: both;
border:1px none $bordercolor;
}
#header-inner {
background-position: left;
margin-left: auto; font-variant: small-caps;
margin-right: auto;
}
#header1 { width: 64%;
margin: 5px; float:left;
border-right: 1px none $bordercolor;
text-align: left; font-variant: small-caps;
color:$pagetitlecolor;
}
#header2 { width: 32%;
margin:5px; float:right; padding:5px;
border: 1px none $bordercolor;
text-align: left; font-variant: small-caps;
color:$pagetitlecolor;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
font-variant: small-caps;
text-transform:capitalise;
letter-spacing:.2em;
font-size:240%; font-weight: bold;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 0px;
padding:10px 10px 10px 10px;
font-variant: small-caps;
text-transform: capitalise;
letter-spacing:.2em;
line-height: 1.4em;
color: $descriptioncolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}; 11 de outubro de 2009 00:04
Marta Victor disse...: Depois de uma semana ...eis que encontrei o que queria
Esse será meu tmplate
um cheiro direto do meu Ceará
Marta; 17 de outubro de 2009 11:49
Leonardo Fernandes Ayres Belens disse...: eu kero, preciso e devo agradecer demais a vc! enfim consegui um novo layout, eq dá um tom mais bonito-moderno ao meu blog. deixou com cara de site mesmo, largando de mão akele padrão do blogspot.
muito, muito obrigado mesmo. e vou te seguir!; 31 de outubro de 2009 00:35
Áurea disse...: @Marta e @Leonardo Fico muito feliz que vocês tenham gostado do template.; 31 de outubro de 2009 12:59

Índice