Personalizando o título da postagem com imagem.
01. 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: url(IMAGEM) no-repeat;OBS.: Com o padding você movimenta e acerta tudo o que tiver internamente na caixa (background) e com o margin você movimenta e acerta sua imagem para os lados ou para cima e para baixo exteriormente.
padding: 9px;
margin-top: 2px; margin-bottom: 8px;
text-align: center; }
Personalizando o título da sidebar com texto.
01. Primeiramente você tem duas opções, pode optar por ir personalizando pelo h2 { já existente. Ou pode ir personalizando também pelo .sidebar .widget h2{ 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/base:
.sidebar .widget h2{
padding: 5px;
background: #000;
font: normal normal 8px "pf arma five";
color: #fff;
margin: 4px;
}
amei o tutorial, muiiito bem explicado ;3
ResponderExcluirblog 4U -
Amei o tutorial, super bem explicado e eu estava precisando disso! Achei muito divo, obrigadão *0*
ResponderExcluirAceita afiliação, Mack? :3
É o meu blog, Checkmate, está sendo reconstruído.
Beijos, Wendy-K (checkm-ate)
Nhaw, obrigaada >33<
ExcluirAceito sim :D Mas quando reconstruir ele avisa ? Aí eu coloco <3
Acabei algumas horas atrás, o layout não é grandes coisas como o seu, mas espero que goste do blog >3<
Excluircheckm-ate.blogspot.com
Até, Wendy-K.
Sei como é mal vou deitar já tenho que acordar,te entendo :/ Adorei o tutorial bem explicado e parece que o resultado e legal^^
ResponderExcluirCounting Feelings | counting-feelings.blogspot.com.br
Obrigaada ^3^
ExcluirSei bem como é mal vou deitar já tenho que acordar,te entendo :/
ResponderExcluirAdorei o tutorial,bem explicado e parece que o resultado e bom ^^
Counting Feelings | counting-feelings.blogspot.com.br
Obrigaada ^3^
ExcluirAdorei o tuto <3
ResponderExcluirCate-land.blogspot.com
Obrigaada :DD
ExcluirTinham me pedido pra postar esse tuto de novo, mas acho que agora vou recomendar o tutorial daqui pra quem me pedir <3 muito bem feito *u*'
ResponderExcluirBoa sorte com o seu sono flor, eu também ando assim, mas é culpa do meu remédio, ele causa insônia :/ espero que consiga dormir bem nesse feriadão <33
Ah, pode trocar o link do meu blog ali nos afiliados? O domínio novo chegou *u*'
Beijos~
www.blogblackcherry.com
Nhaw, obrigada <33 Ah, troco sim :D
ExcluirAdoro esses tutos, mudam totalmente o Blog, sério.
ResponderExcluirhtmlandresources.blogspot.com
Obrigada *-*
ExcluirAdorei o tutorial. Sempre tive curiosidades em personalizar assim aushaus
ResponderExcluirwww.princedreamer.com
Obrigaada >3<
ExcluirCara esse negócio de não conseguir dormir é horrível, mas já tentou tomar um suquinho de maracujá? rs Sério, pode te relaxar e para ajudar é bom se alongar para deixar todos os seus músculos aliviados, e tirar os problemas da cabeça. O tutorial eu amei, super bem explicado, e vai me ajudar muito no meu próximo layout *O*. Ei eu vi uma vaguinha pra afiliados, pode dar uma chance pro meu blog? Seria um sonho ter seu blog como meu afiliado ♥
ResponderExcluirestrellando.com
Pois é, já tentei várias coisas. Mas não sei se é por causa de muita frustração AHSUAHS' Nhaw obrigada *-* Já coloquei seu blog Tainá >3<
ExcluirEspero que você consiga dormir :/. Nunca passei por isso, mas imagino que é horrível.
ResponderExcluirAdorei o tuto, você explicou muito bem. Talvez eu use no meu próximo layout, acho isso de colocar uma imagem no titulo do post algo tão fofo.
Perfect Kpoppers ~
Nhaw, obrigada *-*
ExcluirGente, já conhecia o primeiro tuto, mas o segundo me ajudou muito! Eu fazia de outra forma, mas esta é bem mais fácil ♥
ResponderExcluirUm grande beijo,
Juu-Chan || Nescau com Nutella
Obrigaada Juu <3
ExcluirMuito bom o tutorial,deve ficar lindo depois.As vezes tbm naum consigo dormir direito...Espero que sua preguiça passe logo,ninguém merece,com preguiça naum dá pra fazer nada!rsrssr
ResponderExcluirtvgweender.blogspot.com.br - //Visita lá,troquei o lay
HAUSHA' Obrigada :D
Excluirótimo tutorial, já tinha feito isso antes no próximo layout do meu blog, mas agora estou fazendo um de natal rçrç
ResponderExcluirTutorial super fácil. Amei o novo layout, super organizado, perfeição mil :3
Teria como colocar o A.N de volta na lista de afiliados por favor? é que o seu está lá...mas o A.N não está aqui :l isso se ainda quiseres :D
Adolescente Nerd
Obrigada Megan <33
ExcluirAh, isso é por que eu renovei as vagas :D Mas como o TMR ainda está lá eu coloco o AN de novo >33<
Gostei do tuto, mas prefiro algo mais simples ;3
ResponderExcluirBeijos ♥ www.f-airywings.blogspot.com
Obrigaada ><
ExcluirÓtimo tutorial! Adorei seu blog, realmente muito incrível, tem tudo para fazer o maior sucesso; Já estou seguindo, segue o meu também?
ResponderExcluirwww.espacegirl.com
Obrigaada <3
ExcluirRetribui o follow :D
O resultado deve ser lindo, é tudo bem explicadinho aqui, acho que vou usar no próximo layout :3
ResponderExcluirBeijos, Having Cherry
Nhaw, obrigada *-*
ExcluirMack quando eu coloco o background-image não pega... só quando poe o background: url ai pega....
ResponderExcluirObrigada pelo aviso Junnie! >3<
ExcluirAmei o tuto ♥ Perfeito! Vou usar, bjs
ResponderExcluir