Rodizio de Extras.

Oii meninas, desculpe por postar só hoje, esse feriado ai não deu muito tempo, então a cada dia que passou, fui vendo outros blogs e tals, peguei brushes, favicons, tutoriais e etc, e vai estar tudo aqui

nesse post, vai até a parte 5 , os posts não serão seguidos.

ex : Amanha não tera o Rodizio de Extras

Entende ?? 

E aii, gostaram do layout, nesse eu usei um pouco de vermelho  avá 

....Começando em 3,2,1 ....

---------------------Menu - 1 -------------------------

clique para aumentar a imagem.

Quer fazer esse menu ?? Siga os passos

----

vá em Design~>Editar HTML~>Marque a opção "Expandir Modelos de Widgets" ~> Precione CTRL+F (caixinha de busca) e pesquise por:

body {

e cole após a chave : } ( exemplo)

olha o código:

un {
font-family: Tahoma; /* Fonte do Menu */
width: 25%; /* Tamanho do Menu */
float: left;
background:#C6D3E3; /* Cor do fundo do Menu */
padding: 5px;
text-align: center; margin: 2px;
-moz-border-radius: 03px;
-webkit-border-radius: 30px 0px 30px 0px;
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}

un:hover {
font-family: Tahoma; /* Fonte do Menu quando passa o mouse */
width: 25%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#7897BC; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-moz-border-radius: 03px;
-webkit-border-radius: 0px 30px 0px 30px;
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}

_____________________________________________________
Salve.
vá em Elementos de página e adicione o Gatget ( HTML/JavaScript) e cole:


<a href="Link aqui"><un>Nome Aqui</un></a>
onde está "Nome aqui" voce coloca o nome da pagina,e onde esta "Link aqui" voce coloca o link da página.
Salve.


 Personalizando o seu menu:
vá em Editar HTML,Aperte CTRL+F <~~a caixinha de busca~~> e pesquise por:
Fonte do Menu
já irá aparecer o comecinho.
                                            Personalizando a cor:
pesquise por : * Cor do fundo do Menu */  ~~> pq aqui no meu código,pode ser diferente,e o seu pode ser diferente do meu<
o código que está antes do código anterior (* Cor do fundo do Menu */) tem um código de cor na frente né?
então só vc colocar o código da cor que tu queres!
                                     Formato do seu menu:
para editar o Formato,pesquise pelo código:
-webkit-border-radius: 0px 30px 0px 30px;
onde está em 30px voce colocar 0px ele vai ficar quadrado assim:
agora se vc quiser redondo igual daqui do blog,voce terá que trocar onde está por 0px por 30px,ai vai ficar assim:

Lembrando que quanto mais você aumentar o valor, tipo, de 30px pra 40px, 45px etc, mais redondo ele vai ficar.
E quanto mais você diminuir o valor, tipo, de 30px pra 25px, 10px etc, mais quadrado ele vai ficar!
para ficar com as pontinhas:
tem que deixar que nem ta no código, mas quanto mais você aumentar o valor de onde está 30px mais inclinado o menu fica
e se voce diminuir onde est em 30px mais inclinado ele fica:

No código que você colou, sempre tem o nome na frente, dai sempre olha lá na frente e depois vc muda.

Tabela de cores : AQUI
Agora salve!Pronta para outra?? 
_____________________________________________________________________________________

                          Quer deixar sua barra lateral mais para cima ??? segue : 

                 

1-vá em Design~Editar HTML~aperta Ctrl+F e procure por:

.main-inner .column-left-outer {   Caso sua coluna seja no lado esquerdo
.main-inner .column-right-outer {  Caso ela seja no lado direito  

                 2- cole abaixo,e faça as alteraçoes que quiser:


                     margin-top: -100px; 




                 3- novamente,pesquise por:




                .main-inner .fauxcolumn-left-outer {   caso a coluna seja no lado esquerdo
                 .main-inner .fauxcolumn-right-outer {   caso a coluna seja no lado direito 




               4- abaixo cole,fazendo as alteraçoes que quiser:




                   margin-top: -100px; 


                        créditos: Cherry Pink (www)
_____________________________________________________________________________
                                Quer mudar a cor do contornado do blog? 
então!vamos lá!
vá em Design -> Editar HTML -> CTRL + F  (caixinha de busca) e procure por:

]]>

achou? entao acima do código que voce achou,cole esse:


*::-moz-selection {
background:#B22222; 

color:#ffffff;   

}
*::selection {
background:#B22222;
color:#ffffff; 
}


agora olhe e entenda:

onde está em vermelho:é a cor do selecionado
onde está em verde:é a letra da fonte

olha a tabela de cores aqui!
__________________________________________________________________-
                                      Que tal alguns Brushes?? 



Clique em "leia mais" para continuar vendo. 






























Creéditos : Go Imagine
_______________________________________________________________________
                                Favicons:









São Poucos mas são bem úteis!
Créditos:Erica Ribeiro e Things 4You.
____________________________________________
Backgrounds 
       




     


    


Todos eles achei no :We ♥ It.
Gostaram né ? Espero ter ajudado, acho que na sexta tem outro desse ok ? Beijão