sábado, 3 de março de 2012

16 vídeos que estou assistindo no momento



3 Comentário(s)

Tumblr_m0bdz3nowj1rpql5vo1_500_large

Confira alguns vídeos mais vistos por mim nesses dias que sumi kkk' E os que estou ouvindo no momento, todos eles foram no canal 42  Multishow. Ah! Desculpa por ter sumido! O motivo foi porque eu não estava afim da internet tive que deixar ela um pouquinho de lado sabe? As vezes é preciso!




























Claro que foram beeeem maaaais! Porém, já estou preparando a lista e vou deixar para amanhã u.u
Ah! Não se esqueçam do concurso ok? [www]
Beijos povo lindo *-----'

segunda-feira, 27 de fevereiro de 2012

Como colocar background no fundo dos comentários?



12 Comentário(s)

Tumblr_lynvu50ldo1ropt7ro1_500_large

A pedido da leitora Daniela daqui do PH vou postar como colocar aquele fundo com imagem nos comentários do blog. Muito fácil de fazer só basta ter atenção ok? Existe dois tipos colocarei apenas um.

Modelo - editar Html - Ctrl+F ou F3 e pesquise por: 
#comments

poderá aparecer assim:

#comments {
 background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}

Caso queira mudar a cor, apague o que destaquei de vermelho e coloque a cor que deseja. 
tabela de cores

Para colocar a imagem no fundo:

#comments {
 background: #FFFAFA; none repeat scroll top center;
padding: 15px;
}

apague o que destaquei de vermelho e coloque o seguinte código:
background: url (url da imagem)  none repeat scroll top center;

onde está marcado de roxo, você vai colocar a Url do blog. Se caso não saiba como pegar a Url, faça uploud da imagem aqui e pegue o último código.

Caso queira que fica personalizado assim como o meu faça o seguinte. Vá em Modelo > editar html > Ctrl+F ou F3 e procure por:


#comments {

Daí então o substitua o que marquei de vermelho por este:


#comments h4 {
background:url(http://www._drikoti.blogger.com.br/back06.gif);
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
}

#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;background:url(URL DA IMAGEM);
}
#comments-block .comment-author {
Font-weight: bold;
color:#FFB5C5;
font-size:12px;
margin:.5em 0;
font-family:tahoma;
height: 30px;
color:#FFB5C5;
line-height:2em;background:#F5DEB3;
}
#comments-block .comment-body {
background:url( URL DA IMAGEM );
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
background:url( URL DA IMAGEM );
line-height: 1.4em;
color:#111;border: 20px #FFE4E1;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 75;
font-size: 11 px;
line-height:1.5em;
background:#f1f1f1;;
color:#111;border: 3px #535456;
}

Vermelho : 1ª cor do Disse , 2ª cor da Data

Rosa : trocando todos os links rosa, coloque o background/fundo que deseja. Nada de cada links um fundo diferente. Todos tem que estar com as Urls iguais!

Verde : se refere a barra com nome de cada comentarista.


Créditos a Candy Reis.
Beijos.

Personalize os títulos do gadget (sidebar)



4 Comentário(s)

cooooooooool


Olá pessoas, como estão? 

O tutorial que trago hoje foi a pedido da leitora Thayná (minha xara q-q) do blog The perfect girls. É sobre os títulos do gadget da sidebar. Ah! Quero agradecer a Débora Morais pelo código.

Modelo - editar html - Ctrl+F ou F3 e procure por:  
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
vai aparecer destacado e de laranja ou amarelo abaixo dele coloque o código:

.sidebar h2 {
text-align:center;
background-color: #EEB4B4;
padding:2px;
border: 1px solid #8B6969;
-webkit-transition:0.4s;
display:inline;
float:right;
margin-top:-21px;
text-shadow: 0px 1px 1px transparent;
}

ou procure por:

}]]></b:skin> 

vai aparecer destacado e de laranja ou amarelo e acima dele coloque o código:

.sidebar h2 {
text-align:center;
background-color: #EEB4B4;
padding:2px;
border: 1px solid #8B6969;
-webkit-transition:0.4s;
display:inline;
float:right;
margin-top:-21px;
text-shadow: 0px 1px 1px transparent;
}


Ps:.  como usamos bastante código em cima da tag }]]></b:skin> recomendo que você use em cima de todos os códigos, caso ao contrário poderá haver erro.  Portanto escolha a primeira opção. Procure pelo código: 
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {

Mude apenas o que marquei de verde e vermelho. Se bem que, se você entender melhor de Html, edite por sua conta. Mas... Você que não, mude apenas o que eu disse, ok? A fonte e a cor fica determinado por você nas próprias configurações do blog.

Tabelas de cores disponibilizadas aqui no blog ou neste site e para as bordas

border: 2px dotted #000000

border: 2px dashed #000000

border: 1px solid #0000FF

border: 4px double #FF0000

border: 3px groove #6666FF

border: 4px ridge #FFFFCC

border: 3px inset #FFFF99

border: 2px outset #6699FF

Beijos :*

domingo, 26 de fevereiro de 2012

Efeito hover nos links de navegação



0 Comentário(s)

Untitled

Opa! Vou logo avisando que não é apenas só nos links da navegação e sim, em qualquer link que estiver em seu blog! Para não dar confusão depois de personalizado, coloquei esse título apenas para resumir. Bom, o motivo dessa postagem é que há alguns dias atrás uma leitora me pediu e com postagens programadas, não tive como postar. Enfim, pedi a ela um tempinho para me organizar e aqui estou com a postagem como havia prometido :D


Vá em Modelo > editar Html > Ctrl+F e procure por : 
/* Content

logo abaixo você vai encontrar a:link { não sei bem ao certo como que parece em seu templante. Poderá aparecer assim:
a:link {
  text-decoration:none;
  color: $(link.color);
}
a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}
a:hover {
  text-decoration:bold;
  color: $(link.hover.color);
}

você vai substituir o que está nelepelo seguinte código:


a:link {
  text-decoration:none;
  color: #XXXXXX; /* Cor do link não visitado
}
a:visited {
  text-decoration:none;
  color:  #XXXXXX ; /* Cor do link visitado
}
a:hover {
  text-decoration:none;
  color:  #XXXXXX ; /* Cor do link quando for selecionado
  font-weight: bold; /* Efeito do link
}
altere o que foi marcado de roxo, pelo nome do efeito

Para as cores em hexadecimais
• www
• www
• www
• www


Efeito de links: 
underline  /* sublinhado /*
italic  /* italico /*
bold  /* negrito /*
line-through /* tachado /*
overline /* sobrelinha /*
underline overline /* sobrelinha e sublinhado /*



a:link {
text-decoration:none;
color: #XXXXXX; /* Cor do link não visitado
}
a:visited {
text-decoration:none;
color:  #XXXXXX ; /* Cor do link visitado
}
a:hover {
text-decoration:none;
color:  #XXXXXX ; /* Cor do link quando for selecionado
font-weight: bold; /* Efeito do link
}

altere o que foi marcado de roxo, pelo nome do efeito

Cuidado para não apagar nenhum caractere, caso ao contrário irá dar erro!!!
Beijos :*

Blogueira da Vez: Thayná Caroline



5 Comentário(s)


Tumblr_lr5glmfweb1qjauq5o1_500_large

As entrevistas para o quadro Blogueira da Vez não parou! E agora com novidade, selinho de participação e  postagem exclusiva :D


Adorei ter lhe entrevistado e como retribuição, pegue o selinho de participação:

Image and video hosting by TinyPic



E ai curtiram?
Se inscreva aqui Blogueiro(a) da Vez!
Beijos :*

sábado, 25 de fevereiro de 2012

Para que serve "Marcadores" no blogger?



4 Comentário(s)

Estou fazendo uma maneira bem  fácil pra organizar os meu marcadores. Tipo, as vezes posto algo que está em relação a algum marcador que tem aqui no blog e acabo esquecendo logo quando publico. Então, eu vou em ações de marcador (nome dado na versão antiga do blogger) e com apenas um clique resolvo hahah. Simplesmente amo fazer isso♥

Pra que serve o marcador?

Conhecido também por tags, serve como atalho. Você pode vê que ao clicar no marcador Blog Dicas do PH, você irá encontrar posts relacionados ao mesmo. Assim como se clicar em Tutoriais, você irá encontrar posts sobre personalização pro seu blog e assim por diante como em Goodies alguns utilitários, You Tube alguns vídeos, Comportamento sobre você no seu dia a dia e sua relação ente você e seu blog e por ai vai...

Confira:
Gadget nuvem de tags/marcadores
imagens no: postado por:, comentários e marcadores

Beijos♥
Subir