VL Tutoriais
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.
Assinar:
Postagens (Atom)