04/08/2008

Colocar ou alterar as bordas

Existem vários modos de mudar o visual do blog somente utilizando o estilo CSS um deles é colocar ou alterar as bordas. Esse código é bem simples e pode se usado em qualquer lugar, serve inclusive para fazer botões quando combinados com uma cor de fundo, além disso podemos usar para colocar bordas nas postagens, menus e qualquer outra coisa no blog. O código das bordas deve ser moficado pela página editar HTML, agora vamos entender melhor esse código:


border: 1px solid #0000FF

1px é a largura

solid é o estilo

#0000FF é a cor


Por exemplo para colocar bordas nos link procure por:

a:link, a:visited {
color:#0000ff;
text-decoration:none;
}

e coloque border: 1px solid #0000FF, dentro das chaves, deixando o código assim:

a:link, a:visited {
border: 1px solid #0000FF;
color:#0000ff;
text-decoration:none;
}


Logo abaixo você pode ver outros exemplos de bordas e alterar como quiser a largura, estilo, cor e se precisa aqui tem o código das cores.



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


Related Posts with Thumbnails

131 comentários:

  1. muito interessante aqui!
    mas onde eu ponho esse codigo, no template ?
    beijo :*

    ResponderExcluir
  2. Keloane Mendes
    você tem razão esqueci de mencionar onde usar esse código, mas já fiz a correção na postagem.

    para mexer nesse código das bordas você deve ir na pagina editar html

    ResponderExcluir
  3. gostaria de saber se é possível colocar uma mensagem ao lado do cursor, aquando se entra num blog. ficaria grato pela informação e continuação de bom trabalho. o seu espaço é-me muito útil!

    ResponderExcluir
  4. Olá, estava fazendo uma revisão dos meus blogs parceiros e vi que meu blog não está linkado aqui e o seu continua lá. Se ainda quiser manter a parceria me avise ou tirarei seu link do meu.
    Obrigada.

    ResponderExcluir
  5. Ah! esqueci de dizer, o blog é O Paraíso do Amor e foi vc quem sugeriu a parceria.
    Bjobjo

    ResponderExcluir
  6. você sabe como faz pra colocar uma imagem na borda? Em vez d bordas coloridas, normais. No meu blog eu gostaria de colocar uma imagem na borda da coluna central. Abraços

    ResponderExcluir
  7. muito obrigado!!!
    Ótima dicas gostei muito
    mais que tal uma >>parceria<<
    http://pontodedicas.blogpot.com
    eu acho que já tenho o banner do
    CIDADE WEB
    só falta o DICAS PARA BLOGS
    ok
    Valeu fui
    http://pontodedicas.blogpot.com

    ResponderExcluir
  8. olá, gosto muito desse blog, tem sido muito útil!!

    linkei vc!

    continue sempre assim auxiliando blogueiras q nem eu!!

    um abraço
    Elis

    ResponderExcluir
  9. Olá! Amei essas dicas! Você como sempre está de parabéns!
    Bjão♥

    ResponderExcluir
  10. Muito legal jah usei varias vezes em orkut
    mas eu queria bordas para mim colocar no meu blog tipo assim
    sabe quando procuramos um recado para orkut?
    ai embaixo da figura tem uns codigos para ser copiado e colado na pagina de recados de alguem entendeu?
    ai eu queria colocar no meu blog alguns recados para orkut e queria colocar o codigo dentro da borda
    ai vai o link do meu blog
    http://janyjandre.spaces.live.com jah coloquei umas barrinhas mas não é do jeito que queria me ajuda ai por favor des de jah agradeço

    ResponderExcluir
  11. Nao consegui usar este codigo, ele acabou alterando o layout do site. onde deveria inserir este codigo exatamente? Grato pela atencao

    ResponderExcluir
  12. você precisa entender um pouco de CSS pra mexer com esses códigos, depedendo de onde você colocar ele altera o blog inteiro, por exemplo se colocar o código da borda junto com .main{...} vai colocar um borda na parte das postagens, se colocar
    img{código da borda} todas as imagens ficaram com essa borda e assim por diante, sugiro criar um blog para teste.

    ResponderExcluir
  13. oi! godtaria de saber como clocar bordas apenas nas imagens das postagens?
    É muito bom o seu bloq. ha eu coloquei seu link no meu blog se der coloque o meu pois ainda esta em faze de crecimento!
    Valeu!!

    ResponderExcluir
  14. Pedro H.

    para colocar borda nas imagens das postagens entre na pagina editar html e coloque esse código junto com os outros
    .post img{border: 1px solid #0000FF}

    claro que a cor tamanho e estilo são apenas exemplos você pode usar do jeito que quiser.

    ResponderExcluir
  15. Obrigado! Foi muito uteo!Ha so pra lenbra coloquei um bannerdeste blog!Vc poderia colocar o meu aqui?
    Meu blog esta en faze de desinvolvimento epreciso de mais leitores, pois seu blog é muit bom!

    Pedro H.

    ResponderExcluir
  16. Oi!Queria um favor(se for possivel) colocar no blog a caixinha "Posts Relacionados"ou "Veja mais"
    no blog porque faz com que o leitor veja posts parecidos...
    Se der um codigo bem esplicado pois ja vi codigos orriveis, que sei que vc nao faz!
    Pedro H.

    ResponderExcluir
  17. Pedro H.

    os posts relacionados você poderia colocar os links manualmente, quando ao "leia mais" eu também vi essas explicações e acho que é trabalho demais, vou procurar alguma forma mais simples de fazer se encontrar publicarei em breve.

    ResponderExcluir
  18. Fabiano:

    Como novato "nível 2", que já me acho; o Dicas para Blogs é outro acho sem igual em simplicidade e funcionalidade!

    Parabéns!

    ResponderExcluir
  19. Fabiano, boa tarde!

    Seria possível explicar exatamente como colocar bordas somente nas postagens???

    Grato e parabéns pelo blog!

    Abraço

    ResponderExcluir
  20. Fabrício Ferraz
    na pagina editar html coloque assim:

    .post{border: 2px dashed #000000; padding:4px}

    claro que usando o estilo de borda que gostar mais.
    o padding:4px é para o texto não ficar encostado nas bordas

    ResponderExcluir
  21. Fabiano,

    Ficou show de bola as bordas...
    É possível colocar tb nos gadjets???

    Obigado!

    ResponderExcluir
  22. fizemos uma publicação hoje sobre como personalizar os gadgets
    http://www.dicasparablogs.com.br/2009/07/barra-de-rolagem-em-qualquer-parte-do.html

    ResponderExcluir
  23. Fabiano, bom dia!

    Ficou legal, mas só que o título tb rola junto com os demais.
    É possível o título ficar parado e somente as notícias rolarem???

    Grato mais uma vez.
    Caso queira entender melhor, dê uma olhada.

    http://fabriciopoliticani.blogspot.com

    ResponderExcluir
  24. Fabrício Ferraz

    obrigado pela idéia, já achei um jeito de fazer como você diz, veja novamente a postagem agora tem como deixar a barra somente no conteúdo do gadget, se puder deixe um comentário lá.

    ResponderExcluir
  25. Olá, gostaria de saber se tem como colocar imagem nas bordas do blog, já procuro faz um tempo mas não encontro nada falando sobre isso. Desde já agradeço.

    ResponderExcluir
  26. binha
    para colocar bordas nas imagens entre na pagina editar html e coloque img{..} com o código da borda que desejar, mas usar isso pode gerar problemas pois aparecerá a borda em todas as imagens.

    pode usar assim .post img{....} que a borda ficará somente nas imagens das postagens

    ResponderExcluir
  27. Oi fabiano, tudo bem?
    Como faço para colocar uma borda no texto que escrevi na barra lateral...não acho o texto no HTLM, mas consigo por as bordas, brigadão

    ResponderExcluir
  28. Sandra para colocar bordas somente em um gadget veja aqui

    http://www.dicasparablogs.com.br/2009/07/barra-de-rolagem-em-qualquer-parte-do.html

    ResponderExcluir
  29. eii!!!! vc pode me explicar como mudar o estilo das bordas das colunas e do post do tamplate... é possível ou é só uma ilusão minha?
    porque me parece que eu já vi em alguns sites, as colunas diferenciadas, tipo: umas arredondadas, outras retangulares como esses sites aqui por exemplo:
    veja:
    http://k2filmes.net/
    http://www.baixandolegal.org/
    http://www.baixarfilmesgratis.net/
    http://www.baixarfilmeseseries.com/
    http://www.justfilmeseseriados.org/
    http://www.linkagratis.net/


    note que alguns tem as bordas superior ou inferior das colunas arredondadas ou retangualdas e outros é corpo do template ("post")

    vc poderia postar um tutorial de como fazer isso?.. acho que não é só eu que tenho essa dúvida... é eu os 95% de blogueiros que nao sabem como fazer isso...


    obrigado pela sua atenção..
    abraçoss

    jl.martinns@hotmail.com/

    ResponderExcluir
  30. essas bordas arredondadas são feitas com imagens de fundo, vou preparar uma postagem explicando como fazer

    ResponderExcluir
  31. Fabiano Roberto,
    em primeiro lugar quero agradecer por vc estar disponibilizando ajuda! Estou amando suas dicas, porque não entendo NADA (entenda NADA como NADA mesmo!!!). Confesso que fico confusa as vezes só de ler o que escreveu... rsrsrs tantos códigos, que me deixam um pouco perdida (um pouco não, completamente!) Mas estou tentando deixar meu Blog com a minha cara! Comecei montando o blog apenas para divulgação do meu trabalho com festas, mas confesso que leio tanta coisa interessante, que gostaria de compartilhar muitas outras informações, e aí, acabei transformando o blog num "cantinho"! E estou parecendo uma "adolescente" por causa disso! A cada passo alcançado fico meio abobada... kkkkk Tenho como colocar uma separação entre postagens sem ser uma linha? Ou melhor, uma linha de coraçõezinhos? rsrsrs Pode me ensinar? Obrigada!
    Simone Aline

    ResponderExcluir
  32. para colocar imagens separando as postagens use esse código:

    .post{padding-bottom:30px;background-image:url(http://img169.imageshack.us/img169/8464/divisao.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;}

    apenas troque o endereço da imagem e o espaço vazio no final da postagem(padding-bottom:30px)

    ResponderExcluir
  33. Olá, Fabiano!
    São ótimas as suas dicas, mas eu queria fazer exatamente o contrário. No meu template, todas as imagens que coloco em postagens já saem com borda e eu queria que as imagens saíssem sem borda nenhuma. Será que tem como fazer isso?

    Muito obrigada!

    ResponderExcluir
  34. Laurinha
    para retirar as bordas apague o trecho ou coloque border:none;

    ResponderExcluir
  35. Gostaria de saber se tem como alterar a linha tracejada por uma linha solid ou por uma img?

    Obrigado!

    ResponderExcluir
  36. Este comentário foi removido pelo autor.

    ResponderExcluir
  37. Sumello

    se tiver duvidas sobre onde está o código da borda no seu modelo use o ctrl F para achar border e faça uns testes modificando os valores ou cores para achar o lugar certo.


    Jairo Borges Martins de Sousa
    tem que achar o código dessa borda solida e trocar a palavra solid por dashed

    ResponderExcluir
  38. Fabiano, como faço para colocar uma borda em torno de todo o blog, só deixando o background de fora?

    ResponderExcluir
  39. coloque o código da borda no estilo #content-wrapper{....

    ResponderExcluir
  40. Olá.. td bem??
    gostei muito do blog e acabei de conhece-lo, através de outro blog, o scrappinblogs.blogspot.com.
    Gostei muito e pretendo aprender muito com este blog, porém tenho uma duvida.
    Ao colocar o fundo de natal como o blog indica, adicionando uma nova gaget do Hmtl, até deu certo, porém o codigo do novo fundo fica aparecendo...Por que isso acontece, já qe segui todo o esquema? O codigo não deveria ficar oculto? Ai com o não encontrei o erro..deixei o blog assim mesmo..

    ResponderExcluir
  41. Cristiane Munhoz
    a imagem de fundo não é para colocar como gadget.

    entre na pagina editar html procure por body{.... } e coloque dentro das chaves background-image: url(endereço da imagem);

    se já tiver algo assim apague e coloque esse no lugar, verifique se o endereço da imagem está correto

    http://www.dicasparablogs.com.br/2009/07/imagem-nao-aparece.html

    ResponderExcluir
  42. Fabiano como que faz isso colocando ao invez nos links colocando nas colunas?

    ResponderExcluir
  43. Lucas Bercke
    para colocar as bordas nas colunas procure o código
    #main{...
    #sidebar{....

    e coloque o código das bordas dentro das chaves, main são as postagens e sidebar a coluna, talvez seu blog tenha nwesidebar que seria uma terceira coluna

    ResponderExcluir
  44. Olá querido Fabiano Roberto,
    há quanto tempo não passo aqui...
    Ou melhor, eu VIVO aqui!!!! mas há tempos não deixo um recado ou te "alugo" com meus pedidos...rsrs
    Por isso estou passando apenas para deixar um bj e desejar um 2010 maravilhoso pra vc! Que Deus te abençoe e te conserve assim bondoso, sempre! E obrigado por disponibilizar suas dicas para nós! Acabei de colocar essas linhas separando minhas colunas lá no blog, por isso estou postando aqui! Bjks e até
    Simone Aline

    ResponderExcluir
  45. Como eu tiro a borda que fica em volta do blog, que engloba tudo??

    ResponderExcluir
  46. desculpe , mais eu nao entendi direito! e em que lugar do codigo do modelo CSS da pagina de editar html? e que tem monte de lugares disponiveis para alterar essas bordas! e eu tenteid e tudo e nao conssegui, me ajuda ! e muito serio e que eu preciso destacar mais o meu blog pra ficar mais daora!

    ResponderExcluir
  47. o lugar onde colocará o codigo das bordar depende de onde quer que elas apareçam

    ResponderExcluir
  48. Tudo o que eu estava procurando acabei de encontrar aqui na sua postagem. Até os estilos de borda com seus nomes em inglês! Perfeito! Muuuuuuuito bom mesmo! Obrigadão e parabéns!

    ResponderExcluir
  49. Como faço para colocar uma borda no meu blog, como se fosse uma caixa na sidebar e nos post???????



    aguardo a resposta!!!!


    Roneide Sousa

    ResponderExcluir
  50. GeoMática
    para usar as bordas nas postagens entre na pagina editar html e coloque o código da borda junto com o estilo #main, para fazer o mesmo no menu, faça na parte #sidebar.

    ResponderExcluir
  51. E ai fabiano consegui colocar a distancia entre as colunas que te perguntei(Muito Obrigado), mas agora eu gostaria de colocar borda nas tres colunas (esquerda, a do meio e a direita), tentei colocar de todo jeito mas n consegui(POR FAVOR ME AJUDE)
    Meu template das tres colunas :

    #main-wrapper {
    width: 410px;
    float: $startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    #sidebar-wrapper {
    width: 180px;
    float: $endSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    #newsidebar-wrapper {
    width: 200px;
    float: left;
    margin-right:50px;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    Desde já agradeço. Sucesso. Abração!

    ResponderExcluir
  52. Sport Made , só precisa colocar border:1px solid #000000; em cada um dos 3 trechos de códigos(main-wrapper, sidebar-wrapper, newsidebar-wrapper) que mostrou aqui.

    veja como formatar as bordas
    Colocar ou alterar as bordas

    ResponderExcluir
  53. Oi não sei se falo aqui mas tudo bem... é o seguinte, aconteceu uma desconfiguração no meu blog, claro que de teste que depois faço no outro final. Sobre o draft.blogger, repara que eu uso esse tema que arredonda o template, e fica no firefox e outros, contudo no IE nao fica mais... eu falei nao fica mais. Simplesmente saiu isso... já apliquei o tema novamente no blog de teste e gostaria que ficasse certo, inclusive as bordas nas postagens estão cortadas na direita. Nos outros navegadores está ok só pra lembrar... Será que com código resolve, será que o modelo para o o IE é assim agora. Meu blog teste é: andremfa.blogspot.com
    Obrigado

    ResponderExcluir
  54. os modelos no blogger in draft podem apresentar falhas afinal são novos, você poderia escolher outro modelo pq consertar o atual é meio complicado, provavelmente precisar editar o CSS e fazer alguns testes.

    ResponderExcluir
  55. Oi. Pois é achei que seria teoricamente fácil isso... outros modelos também estão assim. O problema eu não sei qual foi, antes ele tava certo, coisa do modelo deles agora provável. Mas o curioso é que porque funciona nos outros navegadores, uma coisa tambem é que a maioria das pessoas do meu blog visualiza no IE. De toda jeito eu tento com alguma dica sua ae no blog que ainda não li. Obrigado Fabiano.

    ResponderExcluir
  56. Anonimo, qual o link do blog que está com esse problema?

    ResponderExcluir
  57. Prezado Fabiano: Gostaria de colocar bordas ou molduras dentro do meu blog, mas apenas nos gadgets que criei. Criei um para notícias com link direto de outro site, e é nele que desejo colocar uma borda.

    Gostaria de saber tb como colocar bordas apenas nos nomes dos gadgets, por exemplo: seguidores, marcadores, arquivo do blog, sites amigos, adicione aos favoritos, visitantes. Não desejo estender as bordas para a parte do texto nem dos comentários.
    Se desejar visualizar, www.vascaoamoreterno.blogspot.com

    Abraços.
    Carlos.

    ResponderExcluir
  58. Carlos Vascaíno
    entre na pagina editar html e coloque o código da borda no estilo h2{...}

    ResponderExcluir
  59. Oi Fabiano... Já procurei em outras ocasiões e não consegui nunca encontrar esse código #content-wrapper. Tem um outro código que o substitua?
    Me diz próximo de onde ele se encontra, por favor.
    Beijinho meu filho

    ResponderExcluir
  60. Esqueci de dizer... Quero colocar borda em torno de todo o blog.
    Tem como né?
    +Beijinhos

    ResponderExcluir
  61. Natália
    entrei no seu blog e já vi umas bordas nas postagens e sidebar era isso que você queria fazer ou tem algo mais?

    ResponderExcluir
  62. Fabiano... antes de tudo gostaria de dizer que sou muito grata por tudo que tens feito por mim... alías, por nós os quase 6.500 seguidores teus. Ainda posto um texto sobre vc e o "dicas para blog". Me aguarde...
    O que quero colocar é uma borda em torno de todo o blog como uma pequena moldura, ou vc acha melhor uma imagem de fundo?
    Vou te enviar por email uma imagem simulando o que seria ok?
    Beijinhos

    ResponderExcluir
  63. Natalia, seu blog já tem bordas, poderia usar uma imagem de fundo, acho que ficaria legal

    ResponderExcluir
  64. Funcionou direitinho.
    Estava procurando as bordas a Bastante tempo.
    Obrigado

    ResponderExcluir
  65. oi...rsr
    boa tarde!

    como posso colocar bordas nos widgets da Sidebar e Borda no Main?

    Valeu !

    Bjocas
    Sih

    ResponderExcluir
  66. Falando Sério
    veja aqui como personalizar as postagens ou colunas: Colocar Barra de Rolagem nas postagens

    ResponderExcluir
  67. Bom dia Fabiano, você sabe me dizer como eu poderia tirar essa faixa cinza ao lado do cabeçalho do meu blog?
    Obrigado.

    ResponderExcluir
  68. aquela faixa é esse código

    .tabs-outer {
    overflow: hidden;
    position: relative;
    background: #ffffff url(http://www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png) repeat scroll 0 0;


    tem que apagar o trecho url(http://www.blogblog.com/1kt/awesomeinc/tabs_gradient_light.png)

    se achar isso em outra parte do html faça o teste e apague também

    ResponderExcluir
  69. Obrigado pela ajuda e pelas dicas Fabiano, já retirei a faixa. Valeu!

    ResponderExcluir
  70. Olá Fabiano, gostaria de saber qual o código para deixar barra de rolagem na janela do blog? como se ela fizesse parte do template, procurei nos comentários mais não consegui encontrar nada a este respeito, abraços

    Maysa

    ResponderExcluir
  71. Esmaltes e Ponto
    não entendi sua duvida a barra de rolagem na pagina é automatica, não precisa colocar código, só verifique se no seu html tem overflow: hidden isso oculta a barra de rolagem, se tiver você pode apagar ou trocar a palavra hidden ou auto

    ResponderExcluir
  72. Tem razão meu lindo, não deixei claro, é como deixar a barra de rolagem colorida na janela principal do blog, é isto, bjus e obrigada pela atenção

    Maysa
    esmalteseponto@gmail.com

    ResponderExcluir
  73. os códigos que achei para mudar a cor da barra de rolagem não funcionou bem no blogger

    ResponderExcluir
  74. Valeu, vc é um show de pessoa, obrigada

    Maysa

    ResponderExcluir
  75. Este comentário foi removido pelo autor.

    ResponderExcluir
  76. o que está querendo dizer com colocar as bordas no blog todo? em volta da pagina? se for isso use o código no trecho body{...} do seu html

    ResponderExcluir
  77. vc dice que era para colocar editar html certo.mais em que lugar deve colocar tipo eu quero uma expllicação tipo assim va em editar html procure por talatalatal e cole abaixo entendeu?

    ResponderExcluir
  78. na pagina editar se for um código CSS pode ser em muitos lugares, por exemplo depois de body{....}

    Onde colocar os códigos no blog

    ResponderExcluir
  79. Oi Fabiano segui o passo a passo de como fazer menu e deu tudo certo .. agora queria saber como coloco borda nele .. pois esse a link se coloco . fica bordas em todo o meu blog .. e eu queria somente no menu .. como posso fazer . .obrigada

    ResponderExcluir
  80. veja aqui como fazer botões
    Como fazer e colocar botões no blog

    é praticamente a mesma coisa que colocar bordas nos links

    ResponderExcluir
  81. este blog e o mais completo ate hoje e de louvar este encinemento bj gostei cool

    ResponderExcluir
  82. No meu caso, eu quera um codigo que retirasse a moldura, nas imagens (menos as que estão na barra lateral) tem uma moldura branca, e quando eu coloco aquele CSS, que quando passa o mouse e aparece um borda, com o class="acende", não fica como está no da barra lateral... =/ eu queria saber como eu retiro essa moldura das imagens, ai eu quero colocar, esse negocio do link, que aparece uma borda em todos os links DAS IMAGENS, me ajuda ai por favor =/

    ResponderExcluir
  83. Salvo Sim!
    tente procurar o estilo .post img{...} no seu html se não tiver crie um e coloque deste jeito:

    .post img{border:none}

    veja aqui: Colocar bordas nas imagens do blog

    ResponderExcluir
  84. Oi Fabiano,
    gostaria de saber como coloca a borda dashed em um texto! Me ajuda ;D!

    ResponderExcluir
  85. você poderia usar o código span, assim:
    <div style="border:dashed 1px #00C">texto aqui</div>

    ResponderExcluir
  86. fABIANO QUERIDO,
    TENHO UMA DUVIDA, NO HTLM EU COLO ESSE CIDIGO DEPOIS DE QUE?
    NO TUTORIAL NÃO EXPLICOU...QUERIA ESSA BORDA NAS POSTAGENS APENAS...
    AGRADEÇO SE PUDER AJUDAR.
    ABRAÇO,
    ANNA.

    ResponderExcluir
  87. Anna Carvalho
    em qual parte depende de onde quer usar as bordas...

    por exemplo em nossas imagens das postagens tem uma borda e o código para isso é assim:

    .post img{border: 1px solid #6699FF;padding: 1px;}
    .post a:hover img{border: 1px dashed #000000;}

    isso pode ser adicionado ao html... mas a parte .post img varia conforme o local que gostaria de colocar as bordas

    ResponderExcluir
  88. Cara.. como faço pra colocar borda em todo o meu blog.. na parte branca toda... http://nacapadagaita.blogspot.com/ valeu!

    ResponderExcluir
  89. borda em todo o blog? dependendo do template pode ser no estilo #content-wrapper, mas isso varia bastante

    ResponderExcluir
  90. Putz, seu site é o melhor que eu já vi, sempre venho aqui e resolvo minha dúvidas! vlw :)

    ResponderExcluir
  91. eu quero saber como faz para colocar imagem de fundo nos titulos dos gadgets

    ResponderExcluir
  92. Alan
    veja aqui Imagem no título da postagem

    lá fala titulo das postagens... mas se usar com o estilo h2 funcionará nos titulos dos gadgets

    se não der certo tente h3, isso varia conforme o template

    ResponderExcluir
  93. eu não consegui, tipo eu quero colocar imagem de fundo nos titulos dos gadgets laterais, e não no titulo das postagem, se poder ajuda ai, vai ser um grande favor

    ResponderExcluir
  94. tente colocar o código da imagem neste trecho do html

    .sidebar .widget h2 {
    text-shadow: 0 0 -1px #000000;
    }

    ResponderExcluir
  95. Obrigado pela dica,abraço!

    Felipe

    http://www.fotografiasdepaisagens.com

    ResponderExcluir
  96. Olá, eu queria saber como colocar uma borda como o blog "Coisinhas da Nikita, se encontra no seu top parceiros" assim que você souber por favor me ajude.

    ResponderExcluir
  97. Pedro_Paulo
    o código das bordas é esse que publicamos.

    onde exatamente quer colocar a borda?

    ResponderExcluir
  98. Olá Fabiano.
    Então, eu tenho um blog teste e estou tentando colocar uma imagem como borda que separa as postagens. Está tudo certo, exceto que a imagem fica atrás daquela mensagem "postado por fulano às 2:15 0 comentários" e não consigo fazê-la descer um pouco mais.

    O código está assim:

    .post {
    margin:.5em 0 .5em;
    padding-bottom:.30px;
    background-image:url(a url que estou usando é muito grande);
    background-repeat: no-repeat;
    background-position: center bottom;

    }

    O que está errado?
    Obrigada!

    ResponderExcluir
  99. mas a imagem seria só do lado do titulo ou do post inteiro?

    esse background-repeat: no-repeat; faz a imagem aparecer uma vez só.. talvez seja esse o erro

    veja aqui Posicionar imagem de fundo

    ResponderExcluir
  100. Obrigada, Fabiano, consegui resolver sozinha. Só não me lembro como :/

    ResponderExcluir
  101. Oi Fabiano, vc pode explicar como se coloca bordas nos gadgets ?

    ResponderExcluir
  102. poderia criar o estilo
    .widget{border: 3px groove #6666FF}

    com a borda que desejar.

    ResponderExcluir
  103. Muito obrigado !!!,aproveito e digo que o seu novo layout esta muito legal, mas fica na postagem tambem, eu gostaria de retirar da postagem, como retira da postagem e fazer com que fique somente na coluna

    ResponderExcluir
  104. e eu quero arredondar as bordas de gadgets, eu coloquei o codigo de arredondar mas não fucionou, a borda continuou ao padrão, eu uso o firefox e chrome

    ResponderExcluir
  105. o código para arredondar bordas não funciona em todos os navegadores

    ResponderExcluir
  106. No chrome e firefox sim,eu coloquei bordas na postagem e container geral de comentarios, eu queria separar a borda da postagem e do container de comentarios, por isso eu perguntei como retirar a borda de gadgets das postagens, por que eu não quero a postagem e os comentarios na mesma borda

    Obrigado por responder minhas 2 perguntas, Se quizer fazer um menu rolante ou um link com menu no seu blog vista o meu e envia um comentario clicando na guia comentario do meu menu e enviando um comentario que eu te ensino a fazer

    ResponderExcluir
  107. Oi Fabiano, como faço para escolher quais gadgets tem e quais não tem borda ?

    ResponderExcluir
  108. veja aqui Personalizar gadgets do Blog

    lá você pode colocar o código da borda em cada gadget.

    e aqueles que não quer borda use o código

    border:none;

    ResponderExcluir
  109. Como assim ?, eu coloco debaixo do codigo dos gadgets e nos que eu não quero eu coloco border:none; ?

    ResponderExcluir
  110. não é no gadget que altera esse código é na pagina editar html veja o link do meu comentário anterior.

    retirar bordas é só um modo de personalizar.

    então precisa achar o nome do estilo de cada gadget e alterar as bordas como quiser.

    ResponderExcluir
  111. Este comentário foi removido pelo autor.

    ResponderExcluir
  112. Fabiano, não tem os templates minima ? , eu quero que o titulo dos meus gadgets fiquem somente a primeira letra maiuscula e o resto tudo minusculo, que estilo CSS ou codigo eu devo aplicar no meu blog para isso ?

    ResponderExcluir
  113. Angelo
    é melhor usar um tom de azul certo do que tentar usar transparente

    sobre a letra maiúscula, o código é:

    text-transform:capitalize

    ResponderExcluir
  114. Fabiano, vc tem algum codigo CSS de um azul bem claro ai para eu por no fundo das minhas bordas ?

    ResponderExcluir
  115. Eu gostaria que o fundo das minhas bordas fossem uma imagem inves de cor, que codigo que tenho que usar para colocar uma imagem como fundo da borda

    ResponderExcluir
  116. Oi Fabiano!!
    Me ajuda??? Por favor!! O sonho da minha vida... rsrsrs é minha linkbar (já tenho menu horizontal) e este modelo que tem no teu blog (as bordinhas nos links das páginas, é meu sonho de consumo!!! Mas eu to muito atrapalhada, eu li tudo, "como fazer botões", "onde colocar os códigos", entre outros, mas não consigo fazer minha linkbar assim!
    Quando procuro por body, eu não encontro a id (que já aprendi o meu código da linkbar aqui no teu blog) da linkbar! E não deveria? Eu queria colocar as bosdas apenas na linkbar, com cor já existente em meus links (e menores que estas que tu tem) Me ajuda Fabiano???
    Teu blog é maravilhoso!!
    Sei que é chato o que vou pedir, mas pode assim, passo a passo, como eu faço? Porque estou bem atrapalhada!! E eu já fiz váááários testes de vááários blogs e nada!!! (Eu tenho blog pra testes).
    Desde já agradeço!!

    Um abraço!!

    ResponderExcluir
  117. Em tempo: Acho que foi aqui que comentei, estou em dúvida porque estava lendo mais de um post teu, mas vou lá...
    É possível ter um "espaçozinho" entre as bordas da linkbar?
    Como exemplo, se puder dar uma olhadinha nesse site: http://www.cuecasnacozinha.com

    Queria muito conseguir deixar assim meu menu, nas cores do meu site, claro.
    Ah Fabiano, desculpa eu não ter entendido tudo que já explicou, mas eu ainda não estou tão familiarizada com HTML e...
    Agradeço!!
    Um abraço!

    ResponderExcluir
  118. entender códigos leva mesmo um tempo... acredite já fiz muita bobagem e gastei muito tempo com coisas tão simples de fazer rsrs

    não tem do que se desculpar

    ResponderExcluir
  119. Como colocar borda no pager do meu blog ?

    ResponderExcluir
  120. depende de qual parte da pagina quer tirar ou colocar bordas.

    cada coisa tem o seu estilo proprio (CSS)

    ResponderExcluir
  121. Eu estou falando dos links postagens recentes,inico,postagens antigas, como eu coloco borda neles só que todos na mesma borda ?

    ResponderExcluir
  122. Boa tarde! Como coloco borda em todo o blog, no background, no caso? Pelo designer de modelo :)

    ResponderExcluir
  123. Jeanne Moreira o background não tem bordas.

    mas é possivel fazer isso dependendo de onde quer colocar a borda, por exemplo se fosse no gadget dos marcadores usaria o código:

    #Label1{border: solid 1px #000}

    na pagina editar html

    ResponderExcluir
  124. obrigadaa! por pemanecer com dicas para blog o sigo e visito sempre posso e por incrivel sempre me auda nos CSS. Valeu Ai space agradece. blog de encarte.

    ResponderExcluir
  125. Olá td bem ? mais tenque colocar na página do modelo e do lado de personalizar,onde está escrito editar html tenque clicar alii ?

    ResponderExcluir