D.A - Tutorial: Reduzindo o espaço de separação das guias

Bom gente resolvi postar rapidinho aqui, um tutorial para você! Bom algumas pessoas não sabem como reduzir o espaço entre as guias , como está aqui no blog, bom esse tutorial é pra isso, e é muito fácil e simples, siga os passos abaixo...

Bom, vamos ao tutorial?

Vá no seu HTML e procure por:

.tabs-inner .widget li a {

e abaixo, se você não modificou nada vai está mais ou menos assim: 

.tabs-inner .widget li a {  display: inline-block;  padding: 1em 1.5em;  color: $(tabs.text.color);  font: $(tabs.font);}

Apague o que está em negrito, e cole esse no lugar: padding: 10px;

Legenda: 10px : n° de distância de cada texto (link). Agora visualize, e salve!

Bom gente por hoje é só! :)

beijinhos, e até o próximo post... 

Menu Mapeado e bases

Vamos mapear seu menu? então siga o mini tutorial abaixo que você vai ter seu menu mapeado. É simples e fácil, vocês vão gostar. e também tem algumas bases que eu fiz..

Clique em leia mais para ver o tutorial!!

1- primeiro faça sua imagem (a do menu), se quiser temos algumas bases abaixo:

clique na imagem para ampliar

2- depois é só seguir esse tutorial (www)

e pronto! Lá mesmo tem as instruções de como colocar no seu blog!

Bejinhos, bye bye! 

Goodies: Avisos de porta para imprimir

Olá gente, deu uma vontade de fazer um post de goodies diferente, daí olhei para a minha porta e fiz um aviso para ela no computador e imprimi, mas, percebi também que seria um otimo post! Espero que gostem, não reblogue nada, nem com os créditos.

Obs.: clique na imagem para ver em tamanho maior. Salve e imprima e coloque na maçaneta da porta do seu quarto.

 

 

 

 

 

Layout Novo + Nuvem voando atrás do Cabeçalho do blog

Oi gente, mudei o layout, é ,já natal,  porque eu quero que ele fique mais tempo.Então vocês gostaram?? espero que sim. Bom vim postar um super tutorial bem legal, acho que vocês vão gostar, então vem comigo e leia mais..

 

Nuvem voando atrás do cabeçalho do blog

é aquelas nuvens que ficam voando atras do cabeçalho do blog, sabe igual a minha nesse template de natal. Então? vamos aprender? Vem que é fácil!!

Vá em: Modelo >> Editar HTML : prosseguir 

agora clique  F3 ou clique SHIFT+F e procure o seguinte código:

<div class='body-fauxcolumns'>

Depois que você achar o código acima, cole o código abaixo, após (depois, abaixo) dele:

<marquee height='1000px' scrollamount='10'><img src='Imagem-da-nuvem-aqui'/></marquee>

Legenda: O que esta destacado de roxo, é a velocidade da nuvem, quanto maior o número, mais rápido fica. E onde esta destacado de laranja, é ando você vai colar o url da imagem da nuvem.  

Achei umas nuvens na internet, algumas foram feitas por mim, outras não (achei no google se for sua, me avise.)
clique para ampliar

Bom gente, por hoje é só!

COMENTEM!!

Utilitários: Brushes Diversos

Oi gente, hoje vamos ter vários brushes que eu estava colecionando, desenhei vários, muitos, alguns são bonitinhos, e até eu gostei.. Podem usar salvar, colocar em seu blog, mais só uma cosa que eu peço a vocês, é não reblogar meus brushes, Ok? Então se divirtam-se bastante...
espero que gostem, fiz com muito carinho.

               


bem pessoal, vamos aos brushes..
Atenção: salve os brushes, alguns estão colados em uma folha só, nós recomendamos você recortar eles no photoscape, que vai deixar com a qualidade normal, e ainda vai deixar o fundo transparente. (download do photoscape, na páginas de goodies.).

clique na imagem para ampliar

    

e ai gente, gostaram dos brushes, vão usar.. 

comentem!

beijos, fiquem com deus boa quinta e sexta feira!

até logo.. <3

Dica: Como Criar Um Layout Kawaii

Oiee gente, como vão? Hoje eu vou-me me bem. Hoje nosso post vai ser sobre dicas... E essa dica é De como criar um lay kawaii. Para quem não sabe, kawaii é aquela coisinha bem fofinha, que tem olhos bem redondinhos super fofos, own, assim, Sabe?. Bom gente antes de começarmos as dicas,  queria pedir para vocês clicarem nesse link (WWW) esse é a postagem de selinhos, para saber se eu repassei o seu blog em algum deles. Ok? obrigada pela atenção. E ai,? pronto para começar?, então vamos nessa!!

1- Base:
para criar um lay, você tem que ter uma base, certo? então fazer isso é muito simples, clique nesse link (WWW) que vai ensinar tudinho para você!  Esse tuto te ensinou a fazer a base, agora falta retirar aquela bordinha ridicula do seu lay, então clique nesse link (WWW) e veja como fazer isso.

2 - Cores:
Bem, vejamos, a base já terminamos, agora vem as cores. Para fazer um lay kawaii as cores mais fofas que estão se usando são:

AMARELO CLARO                                                                                    
LARANJA CLARO                                                                                      
VERDE CLARO                                                                                           
AZUL CLARO                                                                                              
ROXO CLARO                                                                                             
ROSA CLARO                                                                                              

Percebesse que coloquei tudo claro, é pois sempre tem que ser clarinho as cores kawaii, como se fosse para um quartinho de bebê tudo fofinho. quer saber mais dicas? clique em leia mais e vamos nessa!!

3- Cabeçalho (escolha de brushes)
tem gente que escolhe coisa cute para coisas kawaii, isso fica bastante errado, então achei esses brushes kawaii na net, e resolvi postar aqui, é só clicar nos links abaixo:
Se um for da sua propriedade, por favor me avisar para eu colocar os créditos...

(www) (www) (www) (www) (www) (www) (www) (www) (www) (www) (www) (www) 
(Coloquei em links, para o post carregar mais rápido)

e ai , com esses brushes você vai criar um cabeçalho bem lindo para seu blog. Ah, não se esqueça de deixar a imagem transparente antes de colocar no blog. Clique nesse link (www) e saiba como deixar a imagem em tranparente.  E depois que fizer isso, adicione ao blog!

4- Backgrounds
Bom gente, estamos quase acabando mais para isso precisamos de um back para o blog certo? então achei esses aqui na net. é so clicar no link salvar.
(www) (www) (www) (www) (www) (www) (www) (www) (www) (www) (www) 
( se um for da sua propriedade, me avise)

e se você quiser um background duplo no blog, siga esse tutorial: (www)
5- Alguns tutoriais bacanas
e para finalizar o nosso post, aqui em baixo temos alguns tutoriais uteis para você. Clique e veja, você pode gostar de algum.

Criando um cursor animado- versão 2

Arredondando os gadgets de páginas

Personalizando a sidebar 2

Menu acima do campo de postagem

    Clique nesse link (www) e veja mais tutoriais...

Bom gente, acabou o post,

comentem e digam o que acharam!!

beijos, volte sempre...

Brushes Dolls e acessórios

Oi pessoal! não tive muito tempo para postar, sabe, então decidi, compartilhar alguns brushes com vocês. Esses são poucos, fiz ontem quando fiquei doente < >. Então gente podem salvar, enfeitar seus layouts, fazer o que quiser, só não vale repassar, é claro, nem com os créditos!! Espero que gostem!!

(Clique na imagem para ampliar o desenho)---------------->>
 

e ai, gostaram, espero que sim! Beijos,
comentem e volte sempre..

Personalizando o post footer

Olá pessoal, mexi tanto no html do blog de testes, que fiquei por dentro de alguns tutoriais super bacana, e decidi postar aqui no blog. Então vou postar um aqui super legal pra vocês..

vocês vão aprender a personalizar o post footer, onde fica os marcadores, a hora, o autor do post..

1°- Vá lá no HTML do seu blog e procure por:

.post-footer {

para saber o que fazer com esse código, clique em leia mais...

2°- Agora Apague tudo que estiver abaixo dele até essa tag: }
3°- Depois que apagou o código, cole esse abaixo no lugar dele:

/* Post Footer// Código Deby Sabe Tudo
----------------------------------------------- */
.post-footer {
background: #ff50ff; */fundo do post footer /*
border-radius: 10px 10px 10px 10px; */Borda arredondadas, se não quiser, retire/*
border: 1px solid #000000; */bordas, se não quiser retire/*
}
-----------Fim do código-------------------

4°- A legenda já esta incluída no código, que vai explicar o que é pra fazer.
5°- Depois visualize e veja se está tudo Ok, depois salve seu template.
6°- Se você quiser, em vez da cor, você pode colocar uma imagem, trocando esse código:

background: #ff50ff; */fundo do post footer /*

Por esse:

background: url (URL DA SUA IMAGEM);

Aí você edita, onde esta escrito " URL SA SUA IMAGEM " você vai colocar o url da sua imagem (background).


Aqui em baixo tem alguns backgrounds que achei na net:


      
      

Espero que tenham gostado,
Aproveitem o tutorial..
Comentem..
Beijos e voltem sempre...