Retirando borda das imagens
.post img {
padding:2px;
border:1px solid $bordercolor;
}
E apague o que está em negrito. Você também pode modificar esta borda, por exemplo, alterando a largura dela ou seu tipo.
Tipos de borda:
- dotted: borda pontilhada
- dashed: borda tracejada
- solid: borda contínua
- double: borda dupla
- groove: borda entalhada
- ridge: borda em ressalto
- inset: borda em baixo relevo
- outset: borda em alto relevo
31 comentários:
Oie querida professora.
Eu queria saber se o procedimento de mudança para as bordas é o mesmo para os separadores de colunas...?
Obrigada!!!
Janaína Rovsri
é sim e sobre isso já está explicado no post sobre colunas no template. abraço!
Valeu Ariane, mais uma vez Muiiiito obrigado!!!!
oi Ariane, vlw foi de grande ajuda assin como seu template ades! passa la e da uma olhada no meu blog www.narutoriders.blogspot.com
VALEU!!!!!
Oi, adorei este blog, é de utilidade pública pra salvação dos novos blogueiros. Me ajudou demais!Mencionei os tipos de borda que você menciona aqui e linkei pra cá em um post que criei.Tem algum problema?Depois, se puder, dá uma olhada.Obrigada pelas dicas.Boa semana!!
Exatamente o que eu precisava, Parabéns! Excelente dica, muito obrigado!
eu queria saber se é possível deixar as boradas do meu template mas retirar só de algumas imagens...
obrigado.
muitoo obrigado pelas dicas ..
vlew msm
Descobri sem querer este blog... ainda bem pois está muito interessante...já li bastante nele, vamos ver se me vai ser útil. É que criei um blog mas estou tendo muita dificuldade; pois não "pesco" nada disto. Não entendo o que é Html e além disso quando faço uma postagem ele nunca me aceita os espaços(para ir para a linha de baixo) tenho sempre que "aldrabar"
Os meus sinceros PARABÉNS... vou ler tudo com muita atenção
Os meus
Tambem funciona para retirar a borda da imagem do titulo do blogue? :/
Obrigada pela dica !
Funcionou mesmo ! ^^
Beejo !
Olá Ariane,
curto muito seu blog q pra mim não existe igual!
Mas indo direto ao ponto,o meu num deu!
Coloquei o ícone de navegação assim como vc falou mas a bendita borda num saiu de jeito nenhum!
Abraço
Oi,no meu html não tem essa parte em negrito!
Aê, william roger, no meu também não tinha, pois as medidas são diferentes. Procura só por "post img {" ok?
Muito Obrigado pelo Tutorial.
Excelente site. Parabens!
mais uma dica que levei para meu blog. obrigado mais uma vez.
Nossa muito obrigada por todas as dicas !
Ariane suas dicas são simplesmente incriveis. Parabéns.
EU já fiz isso, e também aproveitei para mudar o padding....
mas as imagenas da sidebar sempre ficam afastadas uma da outra.... eu queria fazer um menu de imagens, com elas "grudadas" uma na outra, e nao to conseguindo. O padding só tá servindo pras imagens do post... O q eu faço, pelamordedeus?
Perfeto !!! Muito obrigado !!!
Muito bom, show de bola. Valeu a tempos eu queria retirar as bordas.
Muito obrigado
Como que eu tiro a borda de uma só imagem ???
Ton para a sidebar é outro código. Se vc quer incluir um widget com imagens aproximadas (como banners) alinhados, o melhor é inserir os códigos em um widget HTML/JavaScript e colocar o código da imagens em uma tabela, por exemplo, ou uma seguida da outra, sem espaços.
Lucas você deve inserir dentro do código da imagem border='none'; Por exemplo:
<img src='link da imagem' border='none'/<
Adriane.. Tentei inserir o codigo, mas mesmo assim, a imagem ficou com uma borda..
Valeu \o/ Olha, como faz para separa os comentários como aqui no blog? Colocar essas "bordas" ao redor dele.
é impressionante como eu entro nesse blog todos os dias mesmo quando não quero rsrs, tudo que procuro no google relacionado a blog ele me trás pra ca hehehe parabéns e mais uma vez obrigado por ter ajudado
Alguém pelo amor de Deus me ajuda. não consigo tirar as bordas da imagem, meu blog procura o código que seu post diz e não acha ;/
Moda Piaui (Dona do Blog)
procure por essa linha
.entry img{
border:1px solid #666;
e substitua "1px" po "0px"
Ariane eu não achei aquele código que você mandou, o que eu faço?
Nos novos templates a linha é
.post-body img, .post-body .tr-caption-container {
padding: 8px;
é só trocar o 8 (ou o numero que tiver) por 0
Se não conseguir, tenta assim...
Pesquisa por:
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Para tirar a borda, mude os últimos (.1) para (0)
deve ficar assim:
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
Postar um comentário
Os comentários são moderados.