Seguidores

Pesquisar este blog

quinta-feira, 31 de maio de 2012

3

Colocar bordas nas imagens do blog


É possível colocar uma borda em todas as imagens das postagens de uma só vez e ainda dar um efeito diferente nesta borda quando o mouse está sobre a imagem. Isso é uma alteração bem fácil e modifica um pouco o template, podendo deixar o blog mais bonito.

Para colocar uma borda em todas as imagens das postagens entre na pagina editar html e coloque no junto dos outros estilos css esse código:



Se tiver duvidas sobre onde colocar procure por body{.... e coloque na linha acima dele, assim fica fácil achar para futuras alterações, o código acima é só uma das possibilidades de bordas você pode ver aqui informações mais detalhadas sobre como modificar o estilo das bordas.

A parte padding:1px faz que a borda não fique colada na imagem, você pode retirar essa parte do código ou aumentar a distancia para deixar as imagens do seu blog com uma melhor aparência. Queremos lembrar as bordas somente mudam de aparência se a imagem tiver um link nelas, senão mesmo com o mouse sobre elas continuaram com a mesma borda.

quarta-feira, 30 de maio de 2012

0

Como mudar o fundo do blog em um só click?

 http://4.bp.blogspot.com/-qTHClJBHkac/T2-UQ-PegkI/AAAAAAAANyg/jsLs9xei8Hg/s640/Imagens-cute-casais-amor-paix%C3%A3o-beijo-amor-brushes-illustra%C3%A7%C3%B5es-fuck-yeahhgif-download-FREBIEScandy-imagens-tumblr-nails+tumblr-cute-candy-brushes-photoscape-by-thata-schultz007.jpg

Ola queridos(as),  hoje postarei um tutorial super bacana. O tutorial ensina como mudar o background do seu blog com apenas um clique! E como? Só acompanhar o tutorial. Veja um exemplo aqui. Primeiramente você vai até Design e continue em Elementos da página, agora clique no link abaixo para fazer o tuto.

Clique em: Adicionar um Gadget » HTML/Javascript, e cole o código abaixo:
<style>
#estilo a img{
width:40px;
height:40px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;}
#estilo a:hover img{
border: 2px solid #bdebff;}
</style>
<div id="estilo">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
$("#bgcolor1").click(function(){
$("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds46.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){
$("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds36.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/03.png)"});
});
});
</script>
<center><a href="javascript:void(O)" id='bgcolor1' title="Normal"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds46.gif" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Título Aqui"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/maenvenenadabackgrounds36.gif" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="Título Aqui"><img src="http://i748.photobucket.com/albums/xx122/luuuh/backgrounds/03.png" /></a></center>
</div>
 Agora vamos fazer as devidas modificações:
  • Laranja, você irá colocar a url do fundo 1, as cores se repetem então nos dois a mesmo url;
  • Verde, é a url do segundo fundo, as cores se repetem, então nos dois a mesma url;
  • Bordô é são as url's do terceiro fundo. Repita o mesmo processo das cores laranja e verde;
  • Já em Itálico serão o título do BG ao passar o mouse;
  • Lilás é o estilo da borda sem passar o mouse;
  • Azul é o estilo da borda ao passar o mouse.
Bom, espero que tenham gostado do tutorial, é rápido, fácil e super legal. Podem fazer pedidos de tutoriais, eirei anotar todos. Beijinhos, Jess.

quinta-feira, 17 de maio de 2012

2

Como colocar Afiliados com foto?


Vai em add gadget depois inserir HTML dentro dele insira:



É só copiar e add quantos parceiros ou afiliados que quiser.

Aqui tem algumas imagens fofas para afiliados:


    


quarta-feira, 16 de maio de 2012

0

Gifs do Bob Esponja


Oie amores ~
Trouxe alguns gifs do Bob Esponja











Todos foram achados na internet.

terça-feira, 15 de maio de 2012

0

Avatares

Olá gente. Hoje venho com alguns avatares. Créditos ao Little Bad Girl Cute(um blog super fofo que descobri a poucos minutos haha) Espero que gostem. Bjs


                   

segunda-feira, 14 de maio de 2012

0

Tutorial Como Colocar Imagens no fundo na barra lateral


Oi gente hoje vou ensinar como colocar imagem no barra lateral.Não entedeu ??É tipo assim ,sabe quando você entra em um blog que lá na barra lateral é de bolinhas?Pois é se você escolher uma imagem de bolinhas ,vai ficar igual!Mas você deve escolher uma imagem pequena que pode ser repetida ou então medir a sua barra lateral e fazer a imagem no tamanho certinho!Agora vamos ao tutorial !!Para ver o tuto clique em Leia mais!

Vá em  Design  Editar HTML  Ctrl + F 

procure por:


deve aparecer assim:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}
 altere assim:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
background-image: url(URL DA SUA IMAGEM) $(widget.outer.background.gradient) repeat scroll top left;
}

ok, esse foi o primeiro passo, ainda não vai aparecer nada agora
procure por:
deve aparecer assim:
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
acrescente o background assim:

domingo, 13 de maio de 2012

0

Feliz Dia das Mães

http://www.gruporelampago.com.br/wp-content/uploads/2012/04/mae_e_filha2.jpg 

Ola meus amores, como hoje é "Dia das Mães" claro que essa data tão importante, não ia passar em branco no nosso Blog! Obrigado Mãe, por todos os anos de paciência, carinho e amor!

http://3.bp.blogspot.com/-jezeXlMMpRM/TcRAo5kiymI/AAAAAAAAA_g/J7-cxEBwMz4/s1600/Dia_das_Maes_258418460_060_maes.gif

sábado, 12 de maio de 2012

0

Imagens para afiliados 50x50


Oie ~
Trouxe 20 imagens para afiliados 50x50.
 

Espero que gostem ~ 

LinkWithin

Related Posts Plugin for WordPress, Blogger...