Nerão

Bom, amigo, independente da sua versão do photoshop você deve procurar uma ferramenta cujo nome é "slice tool"(ferramenta de fatiar), com ela voc~e pode fatiar sua imagem infinitas vezes e quando for salvar para Web o photoshop mostrará cada uma de suas fatias. procure na internet!!!

Eita, essa técnica ficou famosa com o nome de SMUDGE porque ela é baseada na utilização da ferramenta do photoshop chamada "smudge tool" (ferramenta de borrar), associada aum brush (pincel) de forma geométrica com vértices como estrelas e quadrados. Bom, o pessoal pegava esse pincel, aumentava o "scatter" dele e saía borrando a imagem e duplicando as camadas para dar um efeito de desconstrução.

Obrigado, eu tento fazer o meu reset, mas sempre acabo esquecendo de algum elemento, acho que vou salvar uma stylesheet padrão pra toda vez que eu for começar um novo site. Bom, obrigado. ------------EDIT----------------------------------- Pronto peguei um na internet, obrigado, vai resolver meus problemas!

qual template? não tm nem como ter noção!

eu quero tirar! hahaha eu sempre achei que seria algo como: a {border: 0px;}

Pessoal, estou com uma dúvida em uma propriedade das tags <a>. :blink: Usando CSS, como eu altero estas bordas que ficam sempre que clico um link? no meu caso o código html da tag "<a>" é: <div class="thumb-wrapper"> <div class="thumb"> <a href="fotos/eventos/1.jpg" rel="lightbox[eventos]" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('thumb_eventos_1','','thumbs/eventos/1_hover.jpg',1)"> <img src="thumbs/eventos/1.jpg" name="thumb_eventos_1" width="147" height="147" border="0"> </a> </div> </div> ----------------------EDIT--------------------- Meu CSS referente a ests links está: a:link { text-decoration: none; border: 0px; } a:visited { text-decoration: none; border: 0px; } a:hover { text-decoration: none; border: 0px; } a:active { text-decoration: none; border: 0px; } body{ margin: 0px; background-color:#1A1A1E; } body,td,th { font-family: "Verdana", Geneva, sans-serif; color: #B9B9B9; } a{ border:0px;} img { border: 0px;}

Acho que o que todos quiseram dizer é que não se faz mais páginas em tabelas. Procure ler sobre Tableless, use menos imagens e trabalhe um código HTML + CSS bem sólido. um abraço.

acho que você deve ser mais específico. se mandasse uma screenshot... quem sabe...

O sistema em questão chama-se lightbox. Mas veja se corre atrás de como faz ele funcionar porque é simples. tem essa referência em português, aqui: http://muiomuio.net/lightbox-js-explicado-em-portugues/ Você me deve um R$300 pela consultoria, haha (preço de amigo ;] ).

poutz, exatamente, deu certo, obrigado. Foi um momento de stress porque não conseguia imaginar como sair disso, haha. bom, no começo do CSS já defini isso: img{ border:0px; }

Bom, pessoal, sou novo no fórum e venho aqui pra mostrar o meu probleminha, será que alguém sabe resolver isso? Tenho o seguinte código que define uma galeria de imagens com float left e elas estão agrupadas numa ordem que eu quero: <div class="mid-gallery-pic"> <img src="images/thumb.jpg" width="160" height="100" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb3.jpg" width="160" height="100" alt="" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb2.jpg" width="160" height="100" alt="" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb3.jpg" width="160" height="100" alt="" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb4.jpg" width="160" height="100" alt="" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb5.jpg" width="160" height="100" alt="" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb6.jpg" width="160" height="100" alt="" /></div> <div class="mid-gallery-pic"> <img name="" src="images/thumb7.jpg" width="160" height="100" alt="" /></div> Agora é que são elas: Se eu defino uma destas imagens como "anchor" assim: <div class="mid-gallery-pic"> <a href=""><img src="images/thumb.jpg" width="160" height="100" /></a></div> e defino no topo da minha folha de estilos que os links não tem decoração: a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } por que é que elas ficam com uma borda azul? não consigo entender!!! dem uma olhada na screen: Aguardo ansioso, pessoal. Obrigado!