Título da postagem personalizada com imagem + h2 da sidebar


Olá meus queridos leitores :33 

Como estão? eu estou bem esses dias,mais também tenho passado meio mal,coisa de mulher mesmo ter que enfrentar cólica e coisas do tipo né?
Ontem tive que ficar o dia todo deitada ou qualquer outra coisa.
não pude vim pro meu computador de maneira nenhuma,mais fazer o quê né gente?! todo mês tenho  que aturar uma dor -_-#

Então,como podem ver esse novo layout com ajuda de Chá com anjos,ele é super lindo,pois resolvi fazer logo com a demi,Por quê eu nunca tinha  um layout verde,então escolhi demi lovato , até por quê,Verde combina com ela, certo?
Sinceramente verde é muito Lindo ♥
♥Hoje é um tutorial Muito útil para todos os blogs,mais não tem muitos usando,resolvi trazer pra ver se dá uma força para vocês♥


Personalizando o título da postagem com imagem.


1. Primeiramente o código responsável pela personalização do h3 é o h3.post-title { A partir daí você vai dar uma pesquisada por isso através do f2. Achou ? Então após isso irá substituir todo o código existente por isso:


background-image: url ('img');
padding-top: nºpx;
padding-left: nºpx;
padding-bottom: nºpx;
padding-right: nºpx;
width:100px;
height:100px;
margin-top:
margin-bottom:
margin-left: (Se sua flutuação for right mude o left);
float: (lado da flutuação right or left); }

OBS::. Com o padding você movimenta e acerta as LETRAS e com o margin você movimenta e acerta sua imagem para os lados ou para cima e para baixo.





Personalizando o h2 da sidebar com texto.

1. Primeiramente você tem duas opções, pode optar por ir personalizando pelo h2 { já existente. Ou pode ir personalizando também pelo .sidebar .widget { Não tenho muito o que explicar, se você conhece o básico desse tipo de personalização vai por esses códigos criando seu próprio modelo de texto na side. Caso não tenha entendido, um exemplo:


.sidebar .widget {
padding: 5px;
background: #000px;
font: normal normal 8px "pf arma five";
color: #fff;
margin-top: 20px;
 
Espero que tenha ajudado <3
Se ajudou, deixa um comentário.

10 comentários:

  1. Estou com uma cólica daquelas também ç3ç Fazer o que né? KKKK'
    Não gosto da Demi Lovato, mas o layout ficou muito fofo ^^
    O tutorial ficou ótimo, com certeza irá ajudar muita gente!

    besos >3<

    ResponderExcluir
  2. Ultimamente não esta vindo pra mim ;-; é um saco por que eu fico preocupada, mesmo não fazendo nada de errado sabe ? Slá, eu fico sahshsah
    Eu acho a Demi linda, e o layout ficou lindo, mas igual a Milky disse, eu não gosto da Demi.. slá, ela é meio "dramática" Desculpem Lovatcs -q Amei o tutorial
    Quer trocar divulgação ? clique aqui (xxxx)

    ResponderExcluir
    Respostas
    1. Eu não sou aquela fã louca pela demi , mais curto ela sim. é linda ela né?

      Aceito sim fofa :33 beejos ♥♥xoxo

      Excluir
  3. Tutoriais bem úteis e não pode faltar nunca no lay o 2 mas o 1 nunca tive vontade de experimentar
    Seguindo , retribui ?
    candytendy.blogspot.com

    ResponderExcluir
  4. Odeio dias de cólica :p Mas ultimamente não está vindo, ainda bem.. ufa!
    Fica lindo demais adorei!!

    http://maiira-t.blogspot.com/

    ResponderExcluir
  5. Cólica é muito ruim mesmo .... amei o tutô talvez use no meu próximo layout !

    http://flores-perdidas.blogspot.com.br/ | Visita *u*

    ResponderExcluir

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »