Oi bom dia meus queridos, queria me desculpar pelo sumiço, eu estava curtindo o carnaval por aqui e só encontrei tempo para postar hoje, queria avisar que já estou fazendo mais um lay free para a meta de 350 seguidores do blog, estou um pouco sem criatividade mas vou fazer o possível para ele ficar bonitinho. Falando sobre a postagem de hoje, trouxe para vocês alguns modelos muito lindos para o titulo da sua sidebar, esse tutorial não foi feito por mim, por isso se você for usar não deixe de olhar os créditos no rodapé da postagem ok?
Para os modelos vá no html de seu blog, aperte as teclas Ctrl f ou f3 e procure por
adicione o códigos do modelo desejado, modificando o que se pede.
Modelo 01
.sidebar.widget h2 {
margin-top: 15px;
margin-bottom: 5px;
font-family: Tahoma;
text-transform: uppercase;
letter-spacing: 3px;
color: #ccac90;
border-bottom: 1px dotted #c8bcb2;
font-size: 11px;
text-align: center;
word-spacing:.4em;
-webkit-transition-duration: .50s;
}
.sidebar h2:hover {
letter-spacing: 6px;
color: #b39478;
-webkit-transition-duration: .50s;
}
Modelo 02
.sidebar.widget h2{
background: #cor_do_fundo_normal;
color: #cor_da_letra_normal;
height: 15px;
padding: 3px;
width: largura_do_títulopx;
font-size: 8px;
text-align: right;
border-right: 5px solid #cor_da_borda_normal;
font-family: "Tipo da letra";
-webkit-transition-duration: .80s;
}
.sidebar h2:hover{
background: #cor_do_fundo_hover;
border-right: 5px solid #cor_da_borda_hover;
-webkit-transition-duration: .80s;
}
Modelo 03
.sidebar.widget h2 {
text-align: center;
background-color: #FFC0CB;
width: 230px;
height: 15px;
font-size:13px;
text-shadow:0 1px 1px #ffffff;
border-bottom: 1px dotted #EE1289;
}
Modelo 04
.sidebar.widget h2 {
background: #f5f5f5;
border-bottom: 3px double #40E0D0;
font-family: arial;
font-style: italic;
font-size: 10px;
font-weight: normal;
text-align: right;
text-shadow:#fff 0px 0px 1px;
Modelo 05
.sidebar.widget h2 {
font-family:Arial;
color: #CCDDC7;
border-left: 5px solid #D9FCCE;
border-right:5px solid #DBC6F7;
text-shadow: 1px 1px 1px #F6FDF3;
background:#FBF9FD;
text-align: center;
font-size: 15px;
Modelo 06
@font-face { font-family: "rabbit"; src: url('http://static.tumblr.com/dlelfro/FcTmnnzis/cheeky_rabbit.ttf');}
.sidebar.widget h2 {
font-family: rabbit;
color: #fff;
text-align: center;
background: url(http://i.imgur.com/iSOtYFt.png) no-repeat left;
background-color: #d2b9c3;
padding: 10px;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
Modelo 07
.sidebar.widget h2 {
text-align:center;
background-color: #XXXXXX; cor de fundo
padding:1px;
border: 1px solid transparent;
-webkit-transition:0.4s;
display:inline;
float:right; pode mudar para left
margin-top:-15px;
text-shadow: 0px 1px 1px transparent;
height: 14px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Os créditos vão para Things Html, World of Thel, Chá com Anjos, Black Cherry
Amei o 5 :3 Irei usar ele !
ResponderExcluirAceita Afiliação? Se aceitar, avise - me no meu blog :3
SS || Spring Summer
ahh obrigada e eu aceito sim a afiliaçãoo
Excluiradorei os modelitos, que amor >3<
ResponderExcluirhttp://dr-eaming.blogspot.com.br/
Obrigada lindona..
ExcluirAmei os modelos!! *-*
ResponderExcluirvim agradecer pela ultima visita em meu blog
e quero te convidar para ver o novo post^^
http://gliter-lovely.blogspot.com.br/
Abraços!! o//
muito obrigada, vou dar uma olhadinha sim, no novo post, beijos.
ExcluirOi Flor (dinovo) Já coloquei seu blog nos meus afiliados
ResponderExcluirSS || Spring Summer
ahh obrigada por avisar :)
ExcluirOi Desculpe comentar aqui *-* você tinha me pedido afiliação, tava no nome de Leslie Burker acho que não era você, mais eu já coloquei o blog na elite se puder me colocar também beijos!
ExcluirDream of World | dreamof-world.blogspot.com
Todos são legais, mas gostei mais do primeiro *--*
ResponderExcluirDream UP
o meu favorito tambémm
ExcluirAmei os modelos estão um amorzinho *3*
ResponderExcluirGostei bastante, talvez eu use!
Esqueceu de min? :'c
Beijos Voadores <3
querendo-voar.blogspot.com.br || Querendo Voar ~ ( Visite )
valeu, vou visitar sim! *----*
ExcluirEu simplesmente amei o layout do seu blog *.......* faz tutorial de coo deixar as imagens dos seguidores menos igual a do seu? Kisses candy!
ResponderExcluirObrigada que bom que você gostou!!!
ExcluirMuito fofos os modelos! Espero que consiga atingir logo sua meta.
ResponderExcluirhttp://moshimoshi-kawaii.blogspot.com.br/
Ahh muito obrigada Lia!
ExcluirJá havia visto os modelos, eles são lindos >3<, espero que alcance a sua meta rapidamente. Bom, vi seu pedido de afiliação no blog, se ainda estiver interessada, lê as regrinhas e comenta lá ok? Kissu
ResponderExcluirhttp://www.wh-asia.net/p/blog-page.html
ok obrigada!!
ExcluirQue lindos, todos eles estão perfeitos *u* Principalmente o primeiro e o segundo <3
ResponderExcluirhttp://maiira-t.blogspot.com.br/
sim são os mais lindos mesmo!
ExcluirOs modelos para título sidebar são lindos, principalmente o 2º.
ResponderExcluirSweet of Cherry
é sim *----*
ExcluirOs modelos são lindos. Acho que usarei o 5 no meu próximo lay. Aliás até pus a postagem na minha barra de favoritos do Google pra não esquecer ><
ResponderExcluir| Countings Stars | Visita? Blog Novo. Lets go \o/
rsrsrs obrigada que bom que gostou!!
ExcluirO primeiro é o mais bonito ;3 e o seu lay ta lindo.
ResponderExcluirhttp://catchingfeelings-love.blogspot.com.br/
Que modelos fofos, adorei >3<
ResponderExcluiruns-killed.blogspot.com
obrigada fofa!
ExcluirSão muito fofos >3< eu aceito sua afiliação sim, flor. Já te coloquei, poderia me colocar? obrigada.
ResponderExcluirhttp://dr-eaming.blogspot.com.br/
ahh já vou te colocar sim! obrigada!
Excluir