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 direito2- 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 selecionadoonde está em verde:é a letra da fonteolha 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.____________________________________________BackgroundsTodos eles achei no :We ♥ It.Gostaram né ? Espero ter ajudado, acho que na sexta tem outro desse ok ? Beijão
Que lindo, ameei *--*
ResponderExcluirOtimo, vou usar bastante
ResponderExcluir