Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

14/06/2012

Desenho + NOVO: Personalizar caixa de busca II

Mais uma vez estou adiando o Homenagem de "Quinta", pois na terça eu não estava exatamente disposta a fazer um desenho na qualidade de uma homenagem. Como não quero que o desenho fique de qualquer jeito, resolvi adiar por hora. Semana que vem, sem falta, vamos ter a nova homenagem tão esperada (não sei se só por mim, mas que é esperada é). Já estou desenhando, só não consegui terminar em tempo.
Para não perder o costume, desenhei um novo anime para vocês, espero que gostem:


Estou completamente "in love" com o cabelo dela. E olha que eu ia desenhar o cabelo de outra forma, que bom que mudei de ideia!!!

Personalizar caixa de busca II:

Vocês sabem que ultimamente eu tenho mudado alguns aspectos do template do DSM. Ontem quis mudar a caixa de busca... Não sei porque acho que o modelo antigo não estava combinando com o template atual.
Hoje vou ensinar a vocês a ter uma igual, se der tudo certo, ela ficará assim:


Para personalizá-la, basta seguir estes passos (se você usou o modelo de personalização anterior, apague antes o código antigo):
  1. Entre em Modelo > HTML;
  2. Clique em qualquer lugar do seu HTML e aperte Ctrl + F no seu teclado;
  3. Copie o seguinte código: ]]></b:skin> e cole-o na caixinha que abriu (Search) e tecle "Enter";
  4. Antes do trecho destacado, cole o código seguinte:
td.gsc-input input {
    color:mediumvioletred; /*Cor da fonte da caixinha*/
    font-family:'Arial'; /*Fonte da caixinha*/
    font-size:14px; /*Tamanho da fonte da caixinha*/
    background: mistyrose; /*Cor do fundo da caixinha*/
    padding: 3px;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0pt 1px 2px rgb(102, 102, 102) inset;
}

input.gsc-search-button {
    font-family:'Arial'; /*Fonte do botão pesquisar*/
    font-size:14px; /*Tamanho da fonte do botão pesquisar*/
    color: #fff; /*cor da fonte do botão pesquisar*/
    background: palevioletred;/*cor do fundo do botão pesquisar*/
    border:0px;
    font-weight:bold;
    padding: 3px;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0pt 1px 2px rgb(102, 102, 102) inset;
}

table.gsc-search-box td.gsc-input {
    padding-right: 8px !important;
}

input.gsc-search-button:hover {
background:#C06483;  /*Cor do fundo do botão pesquisar ao passar o mouse*/
color: black; /*Cor da fonte do botão pesquisar ao passar o mouse*/
}

input.gsc-search-button:active {
background: #904B62; /*Cor do fundo do botão pesquisar ao clicar*/
color: #fff; /*Cor da fonte do botão pesquisar ao clicar*/
}

Os códigos em negrito são os que você pode personalizar de acordo com seu gosto (as explicações estão ao lado de cada um), só mexa nos outros códigos se você tiver certeza do que está fazendo.
Eu ainda colei mais um código para deixar a caixinha um pouquinho maior. Se você tiver o mesmo problema que eu, acrescente o código abaixo:

form.gsc-search-box {
    font-size: 13px;
    margin: 0px 0px 4px;
    width: 115% !important;
}

É só isso. Visualize para ver se funcionou e depois clique em "Salvar Modelo".

Espero que vocês tenham gostado!!!
Mil Sweetkisses,
19 Comentários
Comentários

19 comentários:

  1. Que linda!
    Também gostei do cabelo dela. Mas, mais ainda do look! Ficou tão linda de meia-calça. *-*
    O tutorial ficou bem explicado. E a caixa de pesquisa, ficou fofa. Combinando com o lay.

    Obrigado, pelo teu comentário. Um beijo, moça:*

    ResponderExcluir
  2. NOssa essa sapato rosa esta show de bolaaa.... Linda como você mesmo deixou la no blog vc vai ser a terceira entrevistada na tag "Vida de Blogueira" me envia o teu e-mail pra eu te enviar o questionário para vc responder... não achei e-mail aqui no blog... talvez não procurei direito..kkkkk

    beijos!!

    ResponderExcluir
  3. Seu anime ficou muito bonito!!

    http://infinitaeu.blogspot.com.br/

    ResponderExcluir
  4. Sheila nem sei direito o problema,mas não vou colocar mais a assinatura.Obrigada.

    Meninas se vocês querem estar na moda da uma olhadinha no blog Magic Gloss.

    ResponderExcluir
  5. Olá Sheila, amei o anime, está ficando mais bonito a cada dia os seus desenhos.
    O tutorial foi ótimo!
    Qualquer dia desse passa lá no Modern Teen!
    Mil Beijos!

    www.moodernteen.blogspot.com

    ResponderExcluir
  6. Olá querida
    adorei o desenho, ficou lindo
    ah e essa caixa de pesquisa é bem mais bonitnha que as do outro tutorial, adorei
    bjos

    brunaporelamesma.blogspot.com.br

    ResponderExcluir
  7. Eu amei o desenho, bem bonitinho, e a caixa de pesquisa fica bem fofa.bjs
    http://blogbondmais.lbogspot.com

    ResponderExcluir
  8. Oi!
    Já estive aqui mais cedo...E não deu para comentar...Foi muito rápido! Mas agora estou aqui para te dizer que sua arte é muito linda!Parabéns pelo talento...
    E não vou arriscar configurar por enquanto esse cód. acima... porque o último que tentei...amiga não deu certo!E estou um pouco sem tempo para ver o que foi que fiz de errado...rss..o cód. ainda está lá...Depois eu vejo.
    Uma ótima noite!
    Bjs

    ResponderExcluir
  9. Você é uma tremenda Artista, parabéens!!
    Que Deus continue aperfeiçoando o seu talento pra arte. ;D
    Um beijo grande e fica com Deus!
    www.girl-faith.blogspot.com

    ResponderExcluir
  10. OK!
    Já marquei a opção "incorporados à postagem".
    Ma como eu sei que preciso de um pouco de tempo farei depois...Porque ainda não funcionou...Assim que eu conseguir te falo....Bjs ♥

    ResponderExcluir
  11. Nossa ruiva fatal rsrsrs, Sheilaaaa eu to com saudade das homenagens de quinta, cade as obras de arte das quintas feiras!!!! bjus bom final de semana (to com saudade)!!!!
    http://jujumeumundo.blogspot.com.br/

    ResponderExcluir
  12. Meeus desenhos não chega nem aos pés do seu , kk >< Liinda arrasou como smp Beeijos ;** http://cupcakeedicoes.blogspot.com.br/

    ResponderExcluir
  13. Muito lindo seu desenho como todos os outros. e esse também mais um ótimo tutorial.
    http://raymiga.blogspot.com.br

    ResponderExcluir
  14. Adoramos o seu blog,é maravilhoso.
    Desejamos a vc uma super sexta,muita paz e amor.
    http://sbrincos.blogspot.com.br
    Estamos com a campanha Google +1 e contamos com a sua participação

    ResponderExcluir
  15. Olá muito obrigada pela sua visita no meu blog eu ameii agradeço mesmo de coração bom estou no começo e queria pedir sua ajuda para me ajudar no meu blog não tenho experiencia sera que poderia me ajudar com essas coisas de template pois o meu foi minha amiga que pois agradeceria muito mesmo de coração.
    Umm Abraço e um beijão da postadora do blog Doce De Menina http://www.docedeemenina.blogspot.com.br/

    ResponderExcluir
  16. Oie Sheila... Consegui fazer, mas em todos os tutoriais eu tenho um problema: sai tudo igual o que está aqui no DSM! Mesmo se eu escolho outras cores ainda sai igual... Por que acontece isso?
    Kisses for you!
    mme-meumundoencantado.blogspot.com

    ResponderExcluir
  17. Tava mesmo precisando! Aquela caixinha padrão é muito feia

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados