Quém é você...

segunda-feira, 10 de maio de 2010

Templates


60 Professional Photoshop PSD´s Web Templates


Esse pack possui 60 templates de sites para Internet, prontos em camdas, imagens, logos e botões, apenas para você editar, colocando suas informações, seus scripts e etc, para optimizar a construção do seu WebSite. Recomendo.

Estilo: Templates PS
Fabricante: N/A
Tamanho: 70.2 Mb
Formato: Rar

EASYSHARE
Clique Para Baixar

RAPIDSHARE
Clique Para Baixar

BITROAD
Clique Para Baixar

Template Baixaqui Games


Servidor: Megaupload / easy shared
Estilo: Templates
Tamanho: 27 kb
Idioma: Portugues

Clique Para Baixar

Template do blog Download Ak


Descrição: Template do Download Ak
Post:Templates
Formato: XML (Blogger)
Tamanho: 9 kb

Clique Para Baixar

Template do blog Netos de Salim


Descrição
Servidor: EasyShare
Estilo: Template
Tamanho: 7 KB
Formato: XML

Clique Para Baixar

Template do blog Suicida Brasil Clan


Descrição: Template do Blog Suicida Brasil Clan
Post: Templates
Formato: XML (Blogger)
Tamanho: 9 kb

Clique Para Baixar



Template Site Fit Download


Clique Para Baixar



Template Do Downlivre(Exclusivo)


Descrição: Novo Template Downlivre

Estilo: Blogger
Tamanho: 7,73 kb
Formato: XML

Clique Para Baixar

Template Site Tela Quente


Servidor: EasyShare
Estilo: Templates
Tamanho: 336 KB
Formato: Rar
Idioma: Português

Clique Para Baixar

Template A Casa do Anime


Estilo: Template / Blogger
Tamanho: 8 Kb
Formato: Rar / XML
Idioma: Português

Clique Para Baixar

Template Rede X-Downloads


Estilo: Template / Blogger
Tamanho: 223 KB
Formato: Rar / XML
Idioma: Português

Clique Para Baixar

Template X-Games Brasil


Estilo: Template / Blogger
Tamanho: 202 KB
Formato: Rar / XML
Idioma: Português

Clique Para Baixar

Template Leitura Digital


Estilo: Template / Blogger
Tamanho: 188 KB
Formato: Rar / XML
Idioma: Português

Clique Para Baixar

Template do Blog Jogos Para Celular


Descrição: Template do Blog Jogos Para Celular
Formato: XML (Blogger)
Tamanho: 9 kb

Clique Para Baixar

Template do Blog Balada Certa







Descrição: Template do Blog Balada Certa
Formato: XML (Blogger)
Tamanho: 10 kb

Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30



Template RT Downloads




Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30




(Exclusivo) Novo Template Do Downlivre






Descrição: Template Downlivre

Estilo: Blogger
Tamanho: 7,73 kb
Formato: XML

Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30
Mostrando mais postagens com o marcador Templates. Mostrar postagens mais antigas

Template Site Fit Download

0 Comentários





Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30




Template Do Downlivre(Exclusivo)






Descrição: Novo Template Downlivre

Estilo: Blogger
Tamanho: 7,73 kb
Formato: XML

Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30




Template Site Tela Quente






Servidor: EasyShare
Estilo: Templates
Tamanho: 336 KB
Formato: Rar
Idioma: Português

Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30




Template A Casa do Anime






Estilo: Template / Blogger
Tamanho: 8 Kb
Formato: Rar / XML
Idioma: Português

Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30




Template Rede X-Downloads





Estilo: Template / Blogger
Tamanho: 223 KB
Formato: Rar / XML
Idioma: Português

Clique Para Baixar


VOTE EM NOSSO SITE NO TOP 30

Template Foras Da Lei


Nome: Foras Da Lei
Estilo: Template
Tamanho:
7 Kb
Formato:
xml
Servidor:Megaupload

Template Max Downs


Nome: Max Downs
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor:Megaupload



VOTE EM NOSSO SITE NO TOP 30

Template Clike Downs


http://4.bp.blogspot.com/__AwsNehEwD4/S8DytIy9zTI/AAAAAAAAAOg/kGXK--X9CRM/s1600/Template+-+Clike+Downs+-+Expert+Templates+-+Templates+irados+para+seu+blogger.jpg

Nome: Clique Downs
Estilo: Template
Tamanho:
7 Kb
Formato:
xml
Servidor: 4Shared

Template Baixe Pacas


Nome: Baixe Pacas
Estilo: Template
Tamanho:
7 Kb
Formato:
xml
Servidor:Rapidshare



VOTE EM NOSSO SITE NO TOP 30

Template Core Downloads

http://3.bp.blogspot.com/_0ZxdEqQ9Fwo/S8EDj6hYCoI/AAAAAAAAA7U/OoMqjgiLHDQ/s320/vixe.PNG

Nome: Core Dwnloads
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor: Megaupload

Template Seven Downloads

http://3.bp.blogspot.com/_0ZxdEqQ9Fwo/S79_xhHHbSI/AAAAAAAAA6Q/rnXAxFehjVc/s320/seven+rox.JPG

Nome: Seven Downloads
Estilo: Template
Tamanho:
9 Kb
Formato:
xml
Servidor: Megaupload

Template Tecno Hacker

Template Downs Free


Nome: Downs Free
Estilo: Template
Tamanho:
7 Kb
Formato:
xml
Servidor: Megaupload

Template Rox Template 2010 - Pedido


Nome: Rox Template
Estilo: Template
Tamanho:
5 Kb
Formato:
xml
Servidor: Megaupload

Template Elite dos Games


Nome: Elite dos Games
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor: Megaupload


VOTE EM NOSSO SITE NO TOP 30

Template Modsgtasa


Nome: Modsgtasa
Estilo: Template
Tamanho:5 Kb
Formato: xml
Servidor: Megaupload

Template Cubo Down


Nome: Cubo Down
Estilo: Template
Tamanho:8 Kb
Formato: xml
Servidor:Easyshare

Template Naruto Blink


Nome: Naruto Blink
Estilo: Template
Tamanho:7 Kb
Formato: xml
Servidor: Megaupload


VOTE EM NOSSO SITE NO TOP 30


Nome: Blog de Filmes Online
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor: Megaupload


VOTE EM NOSSO SITE NO TOP 30



Nome: Jogos para Celular.org
Estilo: Template
Tamanho:7 Kb
Formato: xml
Servidor: Megaupload


Template Super Mega Downs


Nome: Super Mega Downs
Estilo: Template
Tamanho:5 Kb
Formato: xml
Servidor: Megaupload


Template Naruto Exdown


Nome: Naruto Exdown
Estilo:Template
Tamanho:6 Kb
Formo: xml
Servidor: Megaupload


VOTE EM NOSSO SITE NO TOP 30


Template Wallpapers Br


Nome: Wallpapers Br
Estilo: Template
Tamanho:4 Kb
Formato: xml
Servidor: Megaupload


Template Habbo Plaza - Pedido


Nome: Habbo Plaza
Estilo: Template
Tamanho:5 Kb
Formato: xml
Servidor:Megaupload



Template Download Sempre Livre


Nome: Download Sempre Livre
Estilo: Template
Tamanho:7 Kb
Formato: xml
Servidor:Megaupload

Template Downlivre


Nome:
Downlivre
Estilo: Template
Tamanho:7 Kb
Formato: xml
Servidor:Megaupload


Template Rox Templates


Nome: Rox Templates
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor: 4Shared



Template BCreate


Nome: BCreate

Template Top Cine Download

Template Explosion Filmes


Nome: Explosion Filmes
Estilo: Template
Tamanho:8 Kb
Formato: xml
Servidor:Easyshare

Template Shinu ki Dan


Nome: Shinu Ki dan
Estilo: Template
Tamanho:7 Kb
Formato: xml
Servidor: Media Fire


Template PS2 Advanced

DownLivre

Nome: PS2 Advanced
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor:Easyshare

Template Downlivre 2010


Nome: Downlivre 2010
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor:Mediafire

Template Death Note


Nome: Death Note
Estilo: Template
Tamanho:
6 Kb
Formato: xml
Servidor:Megaupload


Template Musicas - WP


Nome: Musicas
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor: Easyshare

Template Top Cine Rox


Nome: Top Cine Rox
Estilo: Template
Tamanho:7 Kb
Formato: xml
Servidor:Megaupload

Template Baixaki Celular


Nome: Globo.com
Estilo: Template
Tamanho:6 Kb
Formato:
xml
Servidor:
Megaupload

Template Globo.com

Nome: Globo.com
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor:Megaupload

Template Baixar Jato

Nome: Baixar Jato
Estilo: Template
Tamanho:8 Kb
Formato: xml
Servidor:Megaupload


VOTE EM NOSSO SITE NO TOP 30


Template Fairy Tail Burn - Pedido


Nome:
Fairy Tail Burn
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor:Megaupload


Template Akatsuki Editions

Nome: Akatsuki Editions
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor:
Share X

Template Mais Filmes - WP


Nome:
Mais Filmes
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor:
Megaupload


Template Bem Nóia


Nome: Bem Nóia
Estilo: Template
Tamanho:
7 Kb
Formato:
xml
Servidor:
Megaupload

Template Maax Downloads

Nome: Maax Downloads
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor:
Uploding


Template So Boa Vip

Nome: Só boa Vip
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor:
Megaupload

Template Baixar de Tudo

Template Musicas de Graca


Nome:
Musicas de Graca
Estilo: Template
Tamanho:
6 Kb
Formato:
xml
Servidor:
Easyshare

Template Radio Wanteds - Pedido


Nome: Radio Wanteds
Estilo: Template
Tamanho:5 Kb
Formato: xml
Servidor:Megaupload

Template Grande Down

Nome:GrandeDown
Estilo: Template
Tamanho:6 Kb
Formato: xml
Servidor:Megaupload

Template Celular Downs

Nome:Celular Downs
Estilo: Template
Tamanho:4 Kb
Formato: xml
Servidor:Megaupload

Template Factory Filmes



Nome:Factory Filmes
Estilo: Template
Tamanho:5 Kb
Formato: xml
Servidor:4Shared

Template Top Cine Download


Nome:Top Cine Download
Estilo: Template
Tamanho:7 Kb
Formato:
xml
Servidor:
Easyshare

Template Zig Downloads


Nome: Zig Downloads
Estilo: Template
Tamanho:5 Kb
Formato: xml
Servidor:
Megaupload

Template Nerds Downs

Nome:Nerds Downs
Estilo: Template
Tamanho:7 KB
Formato: xml
Servidor:
4shared

Template Jogos Celular


Nome:
Jogos Celular
Estilo: Template
Tamanho:7 KB
Formato: xml
Servidor:
Megaupload

Template Downlivre


Nome:Downlivre
Estilo: Template
Tamanho:6 KB
Formato: xml
Servidor:
Megaupload


VOTE EM NOSSO SITE NO TOP 30



Template Blog do Lippi - Pedido

http://1.bp.blogspot.com/_m117PklX0AI/S0OhitJ9FPI/AAAAAAAAAK4/-HDm0FG-V1I/template-blog-do-lippi.JPG



Nome:
Blog do Lippi
Estilo: Template
Tamanho:5 KB
Formato: xml
Servidor: Megaupload

Template King of Games - Pedido



Nome: King of Games
Estilo:
Template
Tamanho:
5 KB
Formato: xml
Servidor:
4shared


Template Guia Google Wave - Pedido



Nome:
Guia Google Wave
Estilo: Template
Tamanho: 5 KB
Formato: xml
Servidor: Megaupload


Template Naruto MX - Pedido





Nome:
Naruto MX
Estilo: Template
Tamanho: 4 KB
Formato: xml
Servidor: Megaupload


Template The PS2 Games



Nome: The PS2 Games
Estilo: Template
Tamanho: 5 KB
Formato: xml
Servidor: Megaupload


Template Outubro






Nome:
Outubro
Estilo: Template
Tamanho: 6 KB
Formato: Rar
Servidor(es): Megaupload

Clique aqui e veja a Demostracão do Template



Template Maax Downloads



Nome:
Maax Downloads
Estilo: Template
Tamanho:
6 KB
Formato:
Rar
Servidor(es): Megaupload


Template Ati Download

Template Down Gratis - Pedido



Nome:
Down Gratis
Estilo: Template
Tamanho:
8 KB
Formato: Rar
Servidor(es): Megaupload

Template Twister Downs

http://4.bp.blogspot.com/_Y4dwY31__Jw/SwcJ1CvWIzI/AAAAAAAABHg/JiUu4VpSC7E/s320/Twister%20downs.JPG



Nome: Twister Downs
Estilo: Template
Tamanho: 6 KB
Formato: Rar
Servidor(es):Zuddu

Template Naruto Wild - Pedido

Template Black Vivi

Template Radio Filippo



Template:
Radio Filippo
Estilo: Templates
Tamanho:4 mb
Formato: XML
Hospedagem:4Share

Template Theme Evolution



Template: Theme Evolution
Estilo: Templates
Tamanho:7 mb
Formato: XML
Hospedagem:Megauploadoad

Template Pirata Plus



Template: Pirata Plus
Estilo: Templates
Tamanho:8 mb
Formato: XML
Hospedagem:Megaupload


Template Filmes HD


Template:
Usuário Compulsivo
Estilo: Templates
Tamanho:6 mb
Formato: XML
Hospedagem:Megaupload


Template Usuário Compulsivo - Pedido



Template: Usuário Compulsivo
Estilo: Templates
Tamanho:6 mb
Formato: XML
Hospedagem:Megaupload


VOTE EM NOSSO SITE NO TOP 30



Template Cinema da Web - Pedido



Template:
Portal Famoziinhas
Estilo: Templates
Tamanho:1 KB
Formato: XML
Hospedagem:Megaupload

Template Portal Famoziinhas



Template:
Portal Famoziinhas
Estilo: Templates
Tamanho:1 KB
Formato: XML
Hospedagem:Megaupload


Template Style Baixaki - Blogger

Template Filmes Downloads - Pedido

Template Filmes Downloads - Pedido


Template: Filmes Downloads
Estilo: Templates
Tamanho: 33 KB
Formato: XML
Hospedagem:Megaupload


Template Viciados Toda Hora - Pedido

Template Soft Rox - Pedido


Nota da Postagem: 8,1

Nome:
Soft Rox
Estilo: Template
Tamanho: 7 KB
Formato: Rar
Servidor(es): MegaUpload


Template CB Download





Template: CB Download
Estilo: Templates
Tamanho: 37 KB
Formato: XML
Hospedagem: EasyShare


Template Brasil Dal



Template: Brasil Dal
Estilo: Templates
Tamanho: 33 KB
Formato: XML
Hospedagem: EasyShare


Template Ciados Mu Br - Pedido



Template: Ciados Mu Br
Estilo: Templates
Tamanho: 35 KB
Formato: XML
Hospedagem: EasyShare

Template Sempre Downloads Gratis



Template:Sempre Downloads Gratis

Estilo: Templates
Tamanho:9 KB
Formato: XML
Hospedagem: EasyShare


Template Action Filmes



Template:
Action Filmes
Estilo: Templates
Tamanho:6 KB
Formato: XML
Hospedagem: EasyShare


Template Filmes Bluray



Template: Filmes Bluray
Estilo: Templates
Tamanho:21 KB
Formato: XML
Hospedagem: EasyShare

Link Atualisado
[2]

Template Mister Filmes


Template: Mister Filmes
Estilo: Templates
Tamanho:27 KB
Formato: XML
Hospedagem: EasyShare


Template Vs Downs - Pedido




Template: Vs Downs
Estilo: Templates
Tamanho: 32 KB
Formato: XML
Hospedagem: EasyShare



VOTE EM NOSSO SITE NO TOP 30


Template Turbo Perfect


VOTE EM NOSSO SITE NO TOP 30


Nome: Turbo Perfect
Estilo: Templates
Tamanho: 33 KB
Formato: XML
Hospedagem: EasyShare


Template Fox Filmes - Pedido




Template: Fox Filmes
Estilo:
Templates
Tamanho: 32 KB
Formato: XML
Hospedagem: EasyShare


Template Viciados Toda Hora - Pedido




Nome:
Viciados Toda Hora
Estilo: Templates
Tamanho: 31 KB
Formato: XML
Hospedagem: Easyshare


VOTE EM NOSSO SITE NO TOP 30


Template Cyber Filmes



Nota da Postagem: 8,3

Nome: Template Cyber Filmes
Estilo:
Templates
Tamanho: 29 KB
Formato: XML
Hospedagem: Easyshare


Recomendamos:

Template BombaLoad - Pedido


Nota da Postagem: 8,2

Template: BombaLoad
Estilo:
Templates
Tamanho: 13 KB
Formato: Rar

Template Download OK

Nota da Postagem: 8,1

Nome: Template Download OK .
Estilo: Templates
Tamanho: 149.46 KB
Formato: XML/RAR
Idioma: Português
Hospedagem: Megaupload


Recomendamos:

Template Cyber Filmes


Nota da Postagem: 8,5

Estilo:
Templates
Tamanho: 27 KB
Formato: XML
Idioma: Português


Recomendamos:

Download Template Tio Dos Filmes

Nota da Postagem: 8,2

Servidor(es):
EasyShare
Formato: XLM
Tamanho: 8 KB
Formato: .Rar
Idioma: Inglês


Recomendamos:

Como Instalar Jogos no Formato ISO - Video Aula

Nota da Postagem: 8,4

Descricão: Diversoso jogos no Blog filippo Estam no Formato ISO, e as veses divido em diversas partes, e isso causa muita duvida em diversas pesosas como instalar o jogo. Por isso criamos essa video Aula ensiando a Gravar o arquivo ISo, fazendo ele fica exe. e também ensinando a junta as Partes de um jogo.
Tamanho: 4,6 mb
Idioma: Português - BR
Hospedagem: Rapidshare


Recomendamos:

Template Explosive Jogos - Pedido

http://i44.tinypic.com/2626tzc.jpg

Servidor(es): EasyShare
Estilo: Template
Tamanho: 37,3 kB
Formato: xml
Idioma: Português


Recomendamos:

Template Do Blog Downloadscp


Servidor(es): EasyShare/
Estilo: Template
Tamanho: 27.51 KB
Formato: Rar
Idioma: Português

Recomendamos:

Template Easy Filmes - Pedido



Descrições: Download Easy Filmes
Hospedagem: Easy Share/
Estilo: Blogger
Tamanho: 158 KB
Formato: .Rar/.Xml


Recomendamos:

Como Criar seu proprio Template para Blogger - Pedido

Nota da postagem: 8,5

Descricão: Atendendo um pedido, Estou publicando uma Postagem para Ensina a criar Seu proprio Template. Lembrando que a Tutorial que fiz, não é Bem para criar seu proprio template, É um modo de Editar um template. Por exemplo, mudar Fundo, mudar Titulos, Fontes, Cores e Tudo Mais. Aproveitem, Cliquem no butão Abaixo para visualisar a tutorial.






Muita, muita gente mesmo me pergunta como fazer um template para o Blogger e decidi então explicar, passo a passo, o meu método. Que isto fique claro já agora: vou ensinar aqui como eu faço, pois não tenho à menor idéia do método de outros blogueiros que também criam templates.

Antes de tudo é necessário algum conhecimento em HTML e CSS. Existem diversos tutoriais sobre o assunto; uma rápida pesquisa no Google trará excelentes resultados logo na primeira página. Recomendo o site do Maujor e o Apostilando, onde é possível baixar diversas apostilas sobre os dois temas.

Também que fique claro que não pretendo aqui dar aulas sobre HTML e CSS e as explicações serão dadas da maneira mais simples e acessível possível. Para quem pretende se aprofundar no assunto, procure os mestres nos sites que já indiquei e em outros tantos.

Que programa usar para criar o template?


Na verdade eu não uso programa nenhum. Faço modificações diretamente em um blog de testes e vou visualizando, até que fique ao meu gosto. Para criar ou editar as imagens que utilizo, uso tanto o Photofiltre Studio 09 quanto o Photoshop. Uma opção de programa gratuito é a versão free do Photofiltre, um programa francês que pode ser traduzido para o Português. Após instalar o programa, faça o download deste documento e descompacte-o dentro da pasta do Photofiltre, em Arquivos de Programas. Feito isso, vá até a pasta do Photofiltre e apague o arquivo EN, como mostra a imagem:

photofiltre

Abra o programa e ele estará traduzido para o Português.

Introdução

Tendo escolhido um programa de edição de imagens, crie um blog de testes, onde você fará o seu primeiro template. Eu criei um que vou chamar Aula Template e escolhí para ele o modelo Mínima que é o mais fácil de modificar. Agora vamos conhecer a estrutura da página onde se encontra o meu blog. Clique em Editar HTML. O que você verá é isso:

aula2

O trecho destacado diz ao navegador qual a linguagem de marcação que está sendo utilizada na página (XHTML) e você não deve modificar nada que está contido ali. É o início do nosso documento HTML e a respectiva tag de fechamento no final (role toda a página) é .

Um documento HTML se compõe da seguinte estrutura básica:

cabeçalho: aqui está contido o estilo da página - CSS

corpo - aqui está contida a estrutura da página, seus elementos.

Note que todas as tags devem ser fechadas respeitando uma hierarquia. O não fechamento de qualquer tag resultará em erro e rejeição da estrutura.

Início do código CSS

O código CSS, que dá estilo à página, começa com : . Tudo o que estiver contido entre estas duas tags refere-se ao estilo da página (aparência) e não à sua estrutura. Não é possível criar um novo elemento (uma coluna, por exemplo) com CSS. O CSS irá apenas determinar a aparência deste bloco, deste elemento.

Imediatamente após o fechamento da tag do CSS, encontra-se , fechando o cabeçalho da página e imediatamente após está , dando início ao corpo do documento:

aula3

É entre e que se criam os blocos que serão mostrados na página: colunas, menus, etc.

Para começar, vamos nos deter apenas em modificar a aparência da página atual e deixemos para criar novos elementos mais para frente.

Conhecendo o CSS

CSS é uma sigla em inglês para Cascading Style Sheet, que foi traduzido para folha de estilo em cascata e é um mecanismo para adicionar estilo (fontes, cores, etc) para documentos web.

Regra CSS é uma declaração que segue uma linguagem própria e que define como será aplicado estilo a um ou mais elementos HTML . Um conjunto de regras CSS formam uma Folha de Estilos. Uma regra CSS, na sua forma mais simples, compõe-se de três partes: um seletor, uma propriedade e um valor, que devem ser apresentados conforme mostrado abaixo:

seletor { propriedade: valor; }

Seletor: genericamente, é o elemento HTML para o qual a regra será válida (por exemplo: , , ,

,

, etc...);

Propriedade: é o atributo do elemento HTML ao qual será aplicada a regra (por exemplo: font, background, color,etc...).

Valor: é a característica a ser assumida pela propriedade (por exemplo: letra tipo arial, cor azul, fundo verde, etc...)

Um exemplo prático pode ser encontrado no topo do código do seu template de testes:

body {
background:$bgcolor

Onde body é o seletor (o elemento HTML que receberá o estilo) , background a propriedade deste elemento e $bgcolor o valor

Na sintaxe de uma regra CSS, escreve-se o seletor e a seguir a propriedade e valor separados por dois pontos e entre chaves { }. Quando mais de uma propriedade for definida na regra, deve-se usar ponto-e-vírgula para separá-las. Ex:

body{

background: $bgcolor;

margin:0; }

(fonte das informações: Maujor)

No topo da folha de estilos do seu blog de testes você encontrará Variable definitions, que são valores que podem ser modificados no Painel Fontes e CoresMuitas vezes não se consegue mudar a cor ou fonte de um determinado template por que o autor não usou as variáveis, especificando um determinado valor diretamente em uma propriedade. Por exemplo: do Blogger. Substituindo valores como #ffffff (cor branca) por uma variável ($bgcolor, por exemplo) você poderá alterar esta cor no painel de Fontes e Cores sem precisar mexer no código do template. Quanto mais variáveis forem criadas, maior a facilidade de mudar cores e fontes dos elementos da página, através do painel.

body{

background: #ffffff;}

determina que o fundo da página será branco e isto só poderá ser alterado no código.

body{

background: $bgcolor;}

aqui o valor é uma variável e poderá ser alterada no painel do Blogger (Fontes e Cores).

Uma mesma variável pode ser usada em várias propriedades, contanto que se deseje que as cores mudem de maneira idêntica. Por exemplo:

body{

background: $bgcolor;}

sidebar-wrapper{

background: $bgcolor;}

Ou seja, a mesma cor escolhida no painel Fontes e Cores para Background Color será aplicada nos dois casos (fundo da página e coluna lateral igualmente brancos ou verdes, etc.)

Se você prestar atenção nas variáveis do template Mínima, verá que são poucas as opções e se você pretende futuramente mudar as cores do seu template sem precisar tornar a alterar o código, crie tantas variáveis quanto achar interessante.

Note porém que deve ser respeitada a sintaxe para cada tipo de variável:

Variável Cor:

bgcolor" description="Page Background Color"
type="tipo da variável, no caso color" default="#fff" value="#ffffff">

ou seja:

nome da variável - pode ser qualquer nome que escolher, sem espaços" description="descrição que aparecerá no painel Fontes e Cores, pode conter espaços"
type="color" default="valor padrão, funciona na falta de um outro valor fornecido" value="valor da cor fornecida">

Variável Fonte:

ou seja:

nome da variável, sem espaços" description="Descrição da variável, pode conter espaços"
type="tipo da variável, no caso, font" default="o mesmo para que se aplica à cores, ou seja, uma fonte padrão" value="fonte escolhida">

Sobre fontes irei me estender mais nos próximos capítulos....

Vamos começar então criando uma nova variável do tipo color, para começar:

cordasidebar" description="Cor do Background da Sidebar"
type="color" default="#fff" value="#CC99FF">

o nome que criei, como exemplo, para esta variável é 'cordasidebar' (um nome qualquer, pois lembre-se que esta variável pode ser utilizada em qualquer propriedade, não apenas no background da sidebar), descrevi-a como Cor do Background da Sidebar (é o que irá aparecer no painel Fontes e Cores), mantive o valor #fff (branco) para default e escolhi o valor hexadecimal #CC99FF que corresponde ao lilás. Cole todo este trecho entre qualquer outra variável de sua página, como mostra a imagem:

aula4

Salve a modificação. Agora vamos ver como esta variável irá se apresentar no Painel. Clique em Fonte e Cores e se você fez tudo certinho até aqui, irá ver a nova variável assim:

aula5

Pois bem, agora que a nossa variável existe, podemos aplicá-la a qualquer propriedade de qualquer seletor onde é possível aplicar cor. Para que a variável funcione é preciso acrescentar o símbolo $ antes dela.

Vou aplicar esta variável na propriedade background de dois seletores, header e sidebar:

#header-wrapper {
width:660px;
background: $cordasidebar;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#sidebar-wrapper {
width: 220px;
background: $cordasidebar;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Note que originalmente, no template Mínima, não existe a propriedade background para nenhum dos dois seletores, é preciso criá-las, como fiz aqui.

Agora que você determinou a variável na propriedade background dos dois seletores, salve e retorne ao painel fontes e cores. Note que tanto o cabeçalho quanto a sidebar estão com a mesma cor de fundo:

aula6

Nota: Para fugir das cores do padrão do painel Fontes e Cores, determine outros valores para sua variável, que podem ser escolhidas em uma tabela como essa. Copie o código html e acrescente em value, como já foi explicado.

Para finalizar esta primeira parte, como lição de casa :-) fica a sugestão de criar variáveis do tipo color para cada um destes seletores: body, outer-wrapper, header, main-wrapper, sidebar-wrapper e footer. Não se esqueça de que a propriedade background deve ser criada para todos estes seletores (menos body, que já contém).




Recomendamos:

Template Downs Brasil - Pedido

http://img151.imageshack.us/img151/6376/downsbrasil.jpg

Estilo: Template
Tamanho: 145 KB
Formato: XML
Idioma: Português


Recomendamos:

Download Template Do Downlivre

Descrição: Template Downlivre
Estilo: Blogger
Tamanho: 7,73 kb
Formato: XML
Autor:Blog Filippo


Recomendamos:

Template Cr Download


Servidor: EasyShare
Estilo: Templates
Tamanho: 213 KB
Formato: Rar
Idioma: Português


Recomendamos:

Video aula: Como Roubar um template



Obs: Não Fui eu, Administrador do Blog Filippo , Sr.filippo que Fiz o video. Foi um Amigo meu e ele coloquei creditos do Blog Filippo para mim Postar no Blog


Recomendamos:

Template Leitura Digital


( Clique na Imagem para Ampliar )

Estilo:
Template / Blogger
Tamanho: 188 KB
Formato: Rar / XML
Idioma: Português


Recomendamos:

Pacote 3 Templates para Blogger


  • Descrição: Template Here filmes
  • Formato: XML (Blogger)
  • Tamanho: 78 kb
  • Descrição: Template matrix Downloads
  • Formato: XML (Blogger)
  • Tamanho: 70 kb
  • Descrição: Template Multi Show Music
  • Formato: XML (Blogger)
  • Tamanho: 89 kb






0 Comments:

Post a Comment