Página 1 de 1
imagem com barra de rolagem
Enviado: 27 Abr 2011, 20:05
por Elenir
URL do Fórum: http://arttractive.cz.cc
Quando o usuário coloca a imagem no forum, ela aparece com scroll em cada imagem, diminuindo o espaço vertical, não dá prá ver a imagem inteira, teria como eliminar este scroll da imagem?
Fixei a largura máxima em 500px mas gostaria de ver a imagem inteira na tela
Obrigado
Re: imagem com bara de rolagem
Enviado: 27 Abr 2011, 20:30
por _Vinny_
Pode experimentar um BBcode para imagens largas, pode conferir este:
viewtopic.php?f=151&t=43557
Re: imagem com bara de rolagem
Enviado: 28 Abr 2011, 05:08
por Elenir
Segui as instruções do tutorial mas não funcionou, diminuiu a imagem ( thumb) mas não abre a janela para mostrar a imagem em tamanho normal, quando entro com uma imagem grande, não aparece nem o thumb, só aparece o local com o nome do anexo mas não abre janela também. Será que porque estou testando no localhost?
Gostei daquela versão do tutorial para colocar o thumb lightbox mas não consegui entender como se faz o processo, parece que não é um bbcode.
Re: imagem com bara de rolagem
Enviado: 28 Abr 2011, 10:55
por RobsonArsB
Você quer fazer isso nas imagens anexadas, ou nas imagens externas?
Re: imagem com bara de rolagem
Enviado: 28 Abr 2011, 21:04
por Elenir
nas imagens que o usuário coloca no forum, usando o browse para o diretório no computador dele.
Re: imagem com barra de rolagem
Enviado: 29 Abr 2011, 10:40
por RobsonArsB
Qual seu style?
Poste aqui o content.css do seu style.
o ruim de fazer isso é que a imagem fica em tamanho real, ultrapassando o layout.
Re: imagem com barra de rolagem
Enviado: 29 Abr 2011, 20:13
por Elenir
estou usando o prosilver
descobri que se eu clicar sobre a imagem o scroll some, cada vez que a mensagem é aberta precisa clicar mas tudo bem, quero ver a imagem inteira, melhor deixar assim.
Se conseguisse fazer aquele lightbox com thumb do Tiago, acho que seria melhor
obrigado
Re: imagem com barra de rolagem
Enviado: 02 Mai 2011, 10:45
por RobsonArsB
se não fez nenhuma modificação no content.css
na linha abaixo, estará assim:
Código: Selecionar todos
.content {
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #333333;
padding-bottom: 1px;
}
na linha:
substitua por:
após isso vai na aba estilo do acp, em theme e atualize seu style.