jente, nao tem os devidos créditos pois não é um blog para os outros lerem e colocarem. se o seu post estiver aqui, não é para ninguem pegar. isso é só um atalho para meus blogs . fica muito dificil ir em vários blogs para procurar tutoriais. por isso criei esse blog. obrigada
domingo, 25 de março de 2012
Como proteger o seu cabeçalho
Va em designer do modelo, avançado, titulo do cabeçalho. coloque 0px e a cor transparente. Depois va em elementos de pagina, cabeçalho , e clique por tras do titulo e descrição.
centralizando o titulo da portagem
Vá em seu HTML
Design>Editar HTML
Quando estiver em seu HTML dê um Ctrl + F , e na caixinha de busca que aparecer cole isso :
/* Posts
O código vira em uma linha mais o menos assim :
/* Posts
----------------------------------------------- */
Ai depois dessa linha cole :
h3.post-title {text-align:center;
}
como por o menu de folhinha
1- Vá em Design -> Designer do Modelo -> Avançado -> Adicionar CSS:
Cole esse código:
font-family: tahoma;
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px;
-webkit-transition-duration: .80s;
font-size: 08pt;
color: #fff;
}
bdg:hover {
font-family: tahoma;
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px;
-webkit-transition-duration: .80s;
font-size: 08pt;
color: #fff;
}
Agora modifique o código como quiser(Tabela de cores).
Para usar o efeito coloque este código onde você quer que apareça:
<a href="Link"><bdg>Nome</bdg></a>
1. Faça o login de seu blog Vá em designer Editar HTML.
2. Aperte Ctrl + F (caixinha de busca) e pesquise por: /* Tabs
3. Após ter localizado a tag /* Tabs apague margin: 1em 0 0; :
4. Após ter feito isto pesquise por /* Main.
5. Abaixo de padding: $(content.padding) 0; escreva margin-top:-30px;.
6. Depois visualize seu blog, se o menu não estiver do jeito que você queria aumente a numeração.
Bordas arredondadas
Na sidebar
Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { (Coluna direita)
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { (Coluna esquerda)
Cole abaixo do código que você pegou da coluna esquerda ou direita este outro código:
Na área dos posts
Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:
.main-inner .column-center-outer {
Cole abaixo do código que você pegou da área dos posts( .main-inner .column-center-outer { ) o código abaixo:
Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { (Coluna direita)
ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { (Coluna esquerda)
Cole abaixo do código que você pegou da coluna esquerda ou direita este outro código:
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera
10.5+*/
Vá e Design Ctrl + F(caixinha de busca) e nela procure pelo código abaixo:
.main-inner .column-center-outer {
Cole abaixo do código que você pegou da área dos posts( .main-inner .column-center-outer { ) o código abaixo:
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
Fazendo cursor
Fassa o cursor em algum progama. Ex:
Salve ele.
Hospede a imagem, pode ser no Imageshack, no PhotoBucket ou no blogspot.
Vá em Design Elementos de página Adicionar Gadget HTML/JavaScript.
Cole esse código no gadget:
Salve ele.
Hospede a imagem, pode ser no Imageshack, no PhotoBucket ou no blogspot.
Vá em Design Elementos de página Adicionar Gadget HTML/JavaScript.
Cole esse código no gadget:
<style type="text/css">body {cursor:url("URL do cursor"),default}</style><a href="http://blogdasmeninasblogueiras.blogspot.com/"></a>
Como retirar o espaço entre a barra lateral e os post's
Alguns blogueiros querem adotar um modelo do blog que vem com espaço entre a área de postagem
e a barra lateral , porém eles querem aquele modelo , mas sem este espaço . Se você é um deles
preste atenção neste tutorial.
Siga os seguintes passos:
-Vá em Design -> Editar HTML
- Pressione Ctrl + F em seu teclado e pesquise por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
- Apague os códigos que aparecem dentro dos retângulos rosas, na imagem abaixo.
Salve e pronto.
Colocando cor na sidebar
Primeiro abra o seu blog em: Design > Designer do modelo > Layout
Agora escolha um dos modelos indicados em vermelho:
Pronto a primeira parte já foi feita, agora vamos para segunda, mas para isso você precisarádessa imagem:
Segundo volte para o blog e clique em: Design > Editar HTM > Dê Ctrl + f e procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Agora que você já achou a coluna esquerda da sidebar é hora de substituir alguns códigos, para isso apague esse código:
(Só o que esta em vermelho)
Substitua o código apagado por esse, coloque-o logo depois de background se não não dará certo ok?
url(LINK DA IMAGEM) repeat;
Em "link da imagem" coloque a url da sua imagem
Terceiro ache a coluna direita clique em: Ctrl + F e procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
E repita o processo que foi feito na coluna esquerda, pronto sua sidebar de duas colunas esta pronta, clique em visualizar e se estiver tudo certinho salve.
Dica: Na hora de ajustar a largura da sidebar coloque 400, pois na hora de colocar a imagem irá 200 pra cada lado e se quiser trocar as cores da imagem é só ir no Photoscape e trocar que dá certo. Espero ter ajudado, beijinhos.
Assinar:
Postagens (Atom)