Com este post inauguro uma nova categoria no BloggerSPhera. São dicas rápidas, com alguns truques de CSS que podem deixar seu blog mais bonito, ou quebrar aquele galho em um problema que você não conseguia resolver.
Hoje vamos falar das quebras de linha - as
<br/> que você só vê quando abre o código fonte de seu blog.Muitas vezes o Editor do Blogger adiciona quebra de linhas em locais que não queremos. Ou, nós mesmos adicionamos, para melhor visualização da edição, mas não queremos que elas apareçam na publicação.
Um truque para se livrar dessas quebras de linha com CSS:
br {
display : none;
}
Por exemplo, para aplicar em listas de links ordenadas com vários níveis (onde o Blogger adiciona quebra de linhas por conta própria):
.post-body ol li br {
display : none;
}
Comentários: 6
yes yes yes!!! que truque bacaninha :)
Beijooooooooooooooooo
útil mesmo, as vezes eu fico revoltado com isso...
vlw rô
socorro!!!!!
Rô
http://rapidoeindolor.blogspot.com
coloquei o template novo que você disponibilizou. sem problemas.
modifiquei a condicional isFirstPost para os posts da HOME.
mas depois do primeiro (onde eu retirei o resumo automático e coloquei o --more-- como opcional)os post's se resumem intercaladamente, um com resumo automático[mostrando imagem certinho] e um sem imagem e sem resumo... só o título!!!!
se possivel dá uma olhada pra mim e vê o que eu estou fazendo de errado!?
vou deixar meu msn: hack_legends@hotmail.com
sei que você é muito ocupada, mas se puder me ajudar, seria muito, mas muito grato...
Márcia: Essa é uma daquelas que penei! ahahahaah
Inventei de colocar imagens na horizontal, uma do ladinho da outra, sem lista de links. Prá fazer isso, tinha que juntar todos os códigos das imagens, sem espaço ou quebra de linha. Virava um emaranhado de caracteres que eu nunca conseguia descobrir onde começava uma imagem e acabava outra. Se eu colocava quebra de linha, a "mardita" da imagem ia prá debaixo da anterior. O resto da história você deve conhecer, altas horas, maridão chamando bravo e você obcecada com o treco!!
De repente o lampadinha do Professor Pardal aparece e tudo se ilumina... e você pensa... M&#$#@... era tão simples!! :P
Lucas: Você fez uma salada danada! :P
Não segue o tutorial que fiz aqui para as condicionais. Aquele tuto faz as páginas ficarem como estão neste template atual do BloggerSPhera - ou seja - só títulos depois do primeiro post.
No seu caso, você precisa colocar nos posts após o primeiro, todo o código de post - título e post-body com hack de resumo automático, entendeu? :D
Beijão prá vocês!
ah resolvi !!!!
nem era tão dificil, peguei o tutorial, retirei tudo o que tinha nos posts da home e comecei a escrever cada pedaço individualmente, funcionou e agora é só eu modificar os estilos!
Meu probleminha é diferente... to mexendo em um template sem quebra de linhas u.u
Ai o post-body fica passando direto e fica um texto enorme para as laterais... sabe como posso colocar a quebra de linha ou limitar o texto até um certo ponto?
Obrigado.
Postar um comentário
Para deixar o link da sua última postagem coloque este código:
Feed dos Comentários<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu-link-do-último-post">Título do Post</a></em>
Quando você estiver testando algum hack e tiver dúvidas sobre ele, informe:
1 - O endereço do blog onde você está testando (ou instalando o hack);
2 - O navegador que você está usando (Firefox, Opera, IExplorer, etc).
Leia sobre a política de Comentários!
Eu gosto de conhecer meus leitores! Se você usar OpenId ou perfil fechado, assine o comentário com seu nome e me deixará muito contente!
Bem-vindos e obrigada pela visita!
Blog This!