26/09/2012

Tutorial - Sombra nas áreas do blog

Yooouns (^ - ^)/!! Como diria minha amiga sumida, Ellen-chan =3.
Geenki minna-saan? Espero que sim nee~
Nhaaam, eu vorti pessoal, sentiram minha falta? :B ~NO u.u~
Minhas provas começaram no dia 25/09 e obviamente um dia antes eu já estava estudando que nem uma louca =w=. Além disso, acabei um template que estava fazendo e também fui pela primeiríssima vez na Galeria do Rock *wwww*.
Pra quem não conhece, a Galeria do Rock é como uma galeria normal, que fica aqui em São Paulo e é cheeeia de coisas diwosas e perfeitas como camisetas, colares, brincos, relógios, acessórios, tênis, coturnos e mais um monte de coisas com o tema: rock, claro *0*. Lá também tinha um monte de lojas pra skatistas, algumas para happers e outras pra galera do reggae e tals c: .
Escrevendo com essa quantidade de emoticons nem parece que eu curto rock né? Haha ^ ^".
De qualquer forma, eu fui lá, comprei um moonte de coisas, fiquei mega-feliz e tive um dia muito mágico.
Também acabei de comprar todas as coisinhas que eu precisava pro meu "pseudocosplay" de Mario :3. Sim, eu farei cosplay de Mario em uma festa a fantasia (mas otakus não usam fantasia então... psé u-u) o3o.
EEEE, pra completar aqui tá frio de novo ~yaaaay~ *arco-íris arco-íris*.
Está tudo muito bem, está tudo muito bom e por isso vou postar um moonte de tutoriais pra vocês!!

Sempre vejo pessoinhas procurando por códigos para colocar sombra no título do post, ou então em todo o blog (isso eu falo, relacionado a letra), na área da postagem, na sidebar etc etc. Daí, me veio a ideia de juntar tudo isso em um post só :3.
Torço para que pelo menos um desses códigos lhes seja útil um dia nee~ minna-saan.
Haai, vamos lá ~


~Início dos tutoriais~

Como colocar sombra no título do post:

Vá no painel do blogger ➙ModeloEditar HTML ➙ e procure por
h3.post-title a {

Quando achar, cole o código abaixo antes da chave de encerramento " } "

text-shadow: 0px 0px 02px #ccc;


Como colocar sombra em tudo que estiver escrito no blog:

Vá no painel do blogger ➙Modelo ➙ Editar HTML ➙ e procure por
main-inner {

Pode ou não aparecer algo escrito dentro das duas chaves "{ }"
Quando achar, cole o código abaixo antes da chave de encerramento " } "

text-shadow: 0px 0px 02px #ccc;


Como colocar uma sobra na parte externa da sidebar:

Vá no painel do blogger ➙Modelo ➙ Editar HTML ➙ e procure por
 .main-inner .column-center-outer {


Quando achar, cole o código abaixo antes da chave de encerramento " } "

box-shadow: 0px 0px 07px #6c6c92;




Como colocar uma sombra na parte interna da sidebar:

Vá no painel do blogger ➙Modelo ➙ Editar HTML ➙ e procure por
 .main-inner .column-center-outer {


Quando achar, cole o código abaixo antes da chave de encerramento " } "

box-shadow: inset 0px 0px 07px #6c6c92;




Como colocar uma sombra na parte externa dá área das postagens:

Vá no painel do blogger ➙Modelo ➙ Editar HTML ➙ e procure por
 .main-inner .column-center-outer {


Quando achar, cole o código abaixo antes da chave de encerramento " } "

box-shadow: 0px 0px 07px #6c6c92;


Como colocar uma sombra na parte interna da área das postanges:

Vá no painel do blogger ➙Modelo ➙ Editar HTML ➙ e procure por
 .main-inner .column-center-outer {


Quando achar, cole o código abaixo antes da chave de encerramento " } "

box-shadow: inset 0px 0px 07px #6c6c92;


Como colocar uma sombra em qualquer parte do blog que queira:

- parte externa


box-shadow:  NÚMEROpx NÚMEROpx NÚMEROpx #corqualquer;


- parte interna

box-shadow: inset  NÚMEROpx NÚMEROpx NÚMEROpx #corqualquer;


- para texto:

text-shadow:  NÚMEROpx NÚMEROpx NÚMEROpx #corqualquer;


Basta editar onde está escrito "número" e "corqualquer" para ter o efeito que deseja :3. Você mesmo pode colocar sombra onde quiser, basta saber que parte do blog corresponde a determinadas partes do CSS.

~Fim dos tutoriais~

Vocês conseguiram entender os mini-tutoriais? ><
Não sei ao certo, se consegui me expressar muito bem nesse post... se tiverem alguma dúvida podem perguntar nos comentários que eu prometo responder o mais rápido possível owo!!
(Espero que o mais rápido possível seja no máximo num praso de 1 dia depois do comentário ser publicado)

Até maais minna-saan! Vou dormir pra recuperar energia pro belo e frio dia de amanhã, em que terei mais uma provinha ~~~~(/ TT w TT)/.

11 comentários:

  1. Adorei o Tutorial !! Beijuss !! ( Seguindo ) !

    www.Cherry-land-oficial.blogspot.com

    ResponderExcluir
  2. Adorei o tutu (*w*) E forca pela prova!! (O▽O)/!

    ResponderExcluir
    Respostas
    1. Fico feliz nee~ Manaami-chaan *-*.
      Hai hai!! Arigatoo ^~^~

      Kissus ~

      Excluir
  3. Já conhecia esse tuto, é D-I-V-O!
    Beijo,

    http://blog-senhorita-liberdade.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Haha aham, é realmente útil na minha opinião =w=.

      Kissus õ/

      Excluir
  4. Eu já sabia /PODER

    Acho que fica bem legal, mas não podemos exagerar na sombra senão fica... SOMBRIO o-o

    Ja nee, Camii~senpai! <3
    sorvete--de--morango.blogspot.com

    ResponderExcluir
    Respostas
    1. xDDDDD
      OOh, Nesu-chan você é uma mocinha muito sábia, omdetoo omedetoo u3u -qq. (deve ser mesmo ^-^)
      Concordo com você, é sempre bom usar esse "efeito" com moderação no blog, caso contrário fica muito esquisito >~<".

      Jaaa~ Nesuu-chaan kawaii :3!

      Excluir
  5. amei o tutorial e seu blog tbm :)

    super útil, estou usando!

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Obrigada *-*! Fico feliz que o tutorial esteja facilitando a vida de alguém, haha' \õ/ ~


      Kissus =3

      Excluir
  6. Poxa até quem enfim eu achei esse tutorial, já procurei em vários lugares e nunca achava o que realmente queria. '^'

    ResponderExcluir