Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Dicas de nivelamento para todo o blog


Olá meus amores tudo bem? (*⌒⌒*)ノ Sumida de novo? Não, nem um pouco ¬¬ Mas desta vez nem irei ficar de mimimi pois sempre sumo e todo mundo já sabe meus motivos, então sem lenga lenga u.u Mas então, eu tentei retribuir os comentários e sem mentira nenhuma eu não consegui (x~x) Cara, é tanta coisa pra mim fazer, pessoas pedindo ajuda, posts atrasados, marido em casa, a casa em si, o trabalho e etc.. Não estou reclamando de nada mas sei que é chato prometer algo e não cumprir, tipo, eu posso demorar mas dou a minha certeza que irei retribuir todos sim! Todo mundo sabe que não é de meu feitio fazer isso, eu posso demorar mas nunca deixo ninguém de lado, ainda mais vocês que sempre estão pro aqui e sempre me deixam recadinhos bem fofos e legais (^з^) Só peço um pouco mais a paciência de vocês comigo pela demora de postar e de atender pedidos ok?

Mas então, eu vejo pelos grupos e até pelo o meu que existem muitos blogueiros que são perdidos em relação a nivelamento das coisas em seus blogs, tipo, não sabem coisas simples como nivelar as margens das coisas e deixar elas alinhadas. Muitos estão se perguntando, mas Roh tem necessidade de postar isso no blog? Bem, eu acho que tem sim pois se não tivesse tanta gente pedindo informação de como se faz as coisas talvez não precisaria. E outra, acho super útil pois eu mesma procurei na net e não achei nada parecido nos posts para ajudar os que estão começando agora e não tem nenhuma noção dessas coisas. Gente acredito que um dos maiores inimigos de quem está querendo aprender as coisas é não ter paciência, fora a falta de vontade e não ter noção nenhuma de inglês, pois se a maioria não sabe os código fonte está todo em inglês e quem não sabe nem as mais simples palavras acaba se dando mal. Então amores, são dicas simples mas que irão ajudar muito!


Agora irei citar as coisas que as pessoas tem que saber na hora de editar uma área de post, de sidebar ou até mesmo quando usa algo dentro dos gadgets.

NIVELAMENTO:

Margin: é quando você quer dar espaço a algo, se quiser mais para cima mais para baixo ou se quer mais próximos um do outro.

Margin-top: é a margem de altura.
Margin-bottom: é a margem da parte de baixo de qualquer coisa.
Margin-lef: é a margem do lado esquerdo.
Margin-right: é a margem do lado direito.

Padding: é quando você quer dar acolchoamento em algo, deixar o objeto que queira com preenchimento igual, seja dos lados, em cima ou em baixo. 

Padding: use o padding quando for querer deixar o menu todo parelho, no caso de todo um tamanho só.
Padding-top: quando quer criar algum efeito onde a parte de cima do que quer mudar vá para cima.
Padding-bottom: a mesma coisa da parte de cima, quando criar algo se quiser que quando passem o mouse a parte de um menu por exemplo vá para baixo use o padding-bottom.
Padding-left: quando quer que algum objeto tenha o efeito de quando passar o mouse me cima a parte desse objeto vá para o lado esquerdo.
Padding-right: a mesma coisa que a do lado esquerdo.

Float: é quando você quer dar uma direção para o objeto, exemplo, se quer que seu texto ou menu fique direcionado para o lado esquerdo use o float:left; ou quando for para a direita use o float: right; e se quiser ele no centro use float:center;

Height: é quando você quer dar altura aos seus objetos, exemplo, se quer que um menu fique com uma altura específica use o height: valorpx; diferente do padding ele apenas dá altura no que deseja e não acolchoamento no objeto todo.

Line-height: é quando você quer deixar seu texto no centro de algo, exemplo, se quer que o texto de um menu fique bem no centro use a mesma altura do height no line-height assim ele nunca ficará desalinhado.

TEXTOS:

Text-transform: é quando você quer transformar seu texto, exemplo, se quer deixar em todo maiúsculo, minúsculo ou todo uniforme, exemplos: para deixar ele todo com letras maiúsculas coloque: text-transform: uppercase; se for para deixar ele todo com letras minúsculas coloque: text-transform: lowercase; e se querer que ele fique com todas as letras iniciais das palavras maiúsculas coloque: text-transform: capitalize;

Text-decoration:  é quando você quer por alguma decoração no texto, exemplo, se quer que seu texto fique sublinhado coloque: text-decoration: underline; se quiser o texto com efeito tachado coloque: text-decoration: line-through;  se quiser seu texto sobrelinhado coloque: text-decoration: overline; se quiser que seu texto pisque coloque: text-decoration: blink; ou se não quiser nada de efeito coloque: text-decoration: none;

Text align: é quando você quer mudar de lados os textos, exemplo: se quer seu texto ou frase fique no lado direito use: text-align: right; se quiser no lado esquerdo: text-align: left; ou se quiser no centro use: text-align: center; se quiser que o seu texto se justifique que faz com que o texto contido em uma linha se estenda tocando as margens esquerda e direita use: text-align: justify;

Letter-spacing: é quando você quer dar um espaço nas letras, exemplo, se quiser  usar uma fonte que as letras são bem juntinhas e não fica legal use o letter-spacing: 1px; quanto mais valor der mais afastadas as letras irão ficar.

10 comentários:

  1. Vida de blogueira é agitada, o pior é que as pessoas não entendem, elas acham que é besteira ç-ç.

    Eu gostei do post, isso é bom para aquelas pessoas que acabam de entrar na blogosfera e estão definitivamente "boiando" sem saber de nada.

    Beijos, Roh!
    http://i-cemoon.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Agitada é apelido pois a minha é hiper agitada =/

      Sim, ajuda mesmo quem está começando ^^ Beijos =3

      Excluir
  2. Realmente ser blogueira não é nada facil exige muita paciência, por isso eu te entendo e te perdoo q
    Amei as dicas, por entender nada de html você me ajudou muito, thanks *-*
    Kisses | umaprincessrebelde.blogspot.com

    ResponderExcluir
    Respostas
    1. Sim exige sim, mas ainda bem que a maioria me entende ^^ obrigada por me perdoar kkkk awnn que isso amore, são dicas simples mas que ajudam mesmo >.<

      Excluir
  3. Te entendo Roh! As vezes fica bem difícil retribuir comentários pela quantidade de coisas que temos para fazer. Mas vejo que você (e toda blogueira) fica muito feliz quando recebem ótimos comentários <3.

    Adorei o post! Valeu muito a pena para quem não sabe como nivelar o blog, é bem fácil e não tem muito segredo.

    ~Será que você poderia ajudar na minha meta de 400 seguidores? Retribuo todos que seguirem, será que poderia dar uma forcinha? *3* Obrigada!
    http://i-cemoon.blogspot.com.br/

    ~kissus~

    ResponderExcluir
    Respostas
    1. Já segui meu amor ok? Sim fico bem feliz sim, na verdade eu adoro pois me sinto bem amada >.<

      Excluir
  4. ótimas dicas Roh, sempre tive dificuldades em nivelamento e nunca ninguém dava uma luz, vc é realmente um anjo, vários blogueiros novatos iram te agradecer por esse post, e eu também que ja sou veia (2 anos quase ) também lhe agradeço auhsuhau

    http:/kawaii-things.net/

    ResponderExcluir
    Respostas
    1. Obrigada linda ^^ Sim é bom ter alguém pra dar uma luz né? tipo eu fiz porque muita gente vinha pedir ajuda no face e por coisas simples, então tive a idéia de postar. Beijos linda =3

      Excluir
  5. Roh-chan, quem deve pedir desculpas também sou eu, porque ultimamente não venho aparecendo muito por aqui, tinha um sorteio no blog e o meu notebook estava em manutenção, aí depois de alguns dias eu pude usar o notebook da minha avó para apresentar o resultado e responder a maioria dos comentários. Hoje ele voltou (graças :3) e tudo está de volta ao normal \o/


    Nem me fale em casa, eu varro, lavo a louça, arrumo os cômodos e no dia seguinte a casa fica de pernas pro ar ; -- ; quero dizer, eu ajudo a minha mãe na faxina... Paciência é comigo mesmo ^^ menos quando se trata de filas de lanche ou... alguma coisa da qual eu não estou lembrada ç-ç
    Nem sei o que é nivelamento e nunca usei ç-ç eu fico: "Ahn? Eles deixam o blog aberto para escrever: teste, teste, teste... . Por que? Eu não entendo? Blá blá..." Mas eu acho que vou entender com esse post (^ v ^)
    Essas dicas foram ótimas! Dá até para eu entender um pouco mais de códigos, principalmente de efeitos :v

    Xoxo || Once Upon a Time

    ResponderExcluir
    Respostas
    1. Ah nem precisa se desculpar menina ^^ quem ficou mal agora fui eu T^T nem se preocupe viu?

      Nossa tenho pena de você, no fundo é igual a mim menos na parte de ser casada, mas na parte de limpar a casa Afuu ¬¬ odeio, tipo limpo limpo e quando vou ver está tudo sujo T^T fazer o que né? Faz parte da vida USHUASHUASHUAHSUSH Ahh sim as dicas ajudam mesmo, eu quando comecei nem disso eu sabia, então acho justo ensinar quem não sabe ^^ Beijos =3

      Excluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)