BrILL

Você quer fazer uma wikipédia? Boa sorte cara, vai ter trabalho pra caramba! Acho que ele é feito em AJAX (Asynchronous JavaScript and XML) que não é uma linguagem, mas uma metodologia, que emprega varias tecnologias, xhtml, css, javascript, xml e uma linguagem dinâmica, que pode ser qualquer uma de sua escolha, não precisa ser necessariamente o asp! Vale lembrar que a wikipédia é feita respeitando os padrões do W3C.

Todas os páginas da web tem que ser feitas com html! PHP é outra historia! A página do PristoTale acho que é em ASP.

Coloca a META tag com a codificação certa - <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

Com flash você vai ter trabalho extra desnecessário, sem falar que esperar por um loading é muito chato! Um modelo interessante é o do site ragnarok.com.br, ( http://www.ragnarok.com.br/guia/database_m...s_resultado.php ), o único problema é que a navegação é meio complicada (são muitos monstros), você pode pegar e idéia e melhorar a navegação. Outro modelo e mais simples é ( http://www.priston.com.br/guia/avancado/av...do.aspx?a=1&r=1 ), é bem mais fácil de navegar nesse! Teve um tempo que eu jogava tudo e qualquer mmorpg, e vivia nesses sites dos jogos em busca de informações extras, então sei como é frustrante procurar por algo e não achar, então deixo essa dica, facilite ao máximo a navegação. Sem mais!

Coloca uma ID diferente em cada div, depois é só criar um estilo pra cada ID. Os estilos serão independentes.

Você não pode criar variáveis com Html, a menos que você esteja falando de outra linguagem! Então explique melhor o que você quer. HREF é apenas um atributo, e não uma tag, o que ele faz é apenas apontar links e mais nada. Para enviar um e-mail sem precisar de um programa: você pode criar um “form mail” com alguma linguagem dinâmica qualquer, php, asp ou qualquer outra coisa do gênero. Pesquise no fórum, tem um monte disso por aqui!

Eu entendi! Mas diz uma coisa, o host no qual você esta hospedando sua página aceita PHP?

Provavelmente é outro hack, eu também nunca vi esse. As barras e asteriscos são comentários de css, provavelmente usaram para aproveitar algum bug de renderização e corrigir a diferença entre os Browsers. Aonde você encontrou? Queria dar uma olhada no código inteiro!

Não é uma questão de arranjar brigas, ou cair em cima do Bill. E eu não costumo discutir sobre qual navegador é melhor, porque cada um tem uma opinião pessoal. Eu não uso opinião pessoal, eu me baseio em fatos, e o fato é que o IE é ruim em diversos aspectos, se ele fosse complacente com os padrões não teríamos todos esses problemas de compatibilidade entre browser. A ultima versão do Firefox aceita, CSS1, 2 e 3, o IE mau renderiza o 2, algumas coisas ele nem entende (Isso é um fato, não minha opinião). Eu não explorei tudo do CSS & Firefox, então não posso dizer com certeza se o Firefox faz alguma coisa errada. Então gostaria de perguntar, quais são as falhas que o firefox tem, que somam + que o IE? PS: Isso aqui não é uma briga. Eu já tive muitos problemas com o IE, então tenho razões para cair em cima dele. O senhor Bill já é outra história!

Com javascript o IE entende tudo e mais as coisas que a MS inventa, coisas que não existem, com css já não é bem assim, alem de ter coisas que só funcionam no navegador deles, ainda faz as coisas erradas, com o que é padrão. Você pode deixar tudo certinho e funcionando no Fox e no Opera, mas sempre vai ter algo de errando no IE. O problema mais comum é do Box Model, no exemplo acima isso acontece (Pega ele e testa, que você vai entender o que o que estou falando). Corrigir é fácil, mais é um incomodo extra, culpa dessa merda que chamam de navegador.

Porque você não usa o Firefox e o Opera como base? O IE interpreta erradas algumas coisas no CSS, e existem hacks para concertar as cagadas do IE, e sai alguma coisa errada nos outros dois browser, você tem que quebrar a cabeça porque eles não entendem nem um tipo de hack (pelo menos desconheço). Eu modifiquei algumas coisas e deu certo. Mas é bom dar uma estudada em outras alternativas, nunca precisei concertas esse tipo de coisa, e provavelmente existem outros modos de fazer. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> div#box {border:1px solid #ccc; padding:20px; margin:20px; width: 350px;} div#box ul{list-style: none; padding: 0px; margin: 0px;} div#box ul li{list-style: none; padding: 0px;clear:both;} div#box span{padding: 5px; margin: 1px; font:12px verdana;} div#box .ip{color:#900; font-weight: bold; background-color:#F2F2F2; width: 150px;} div#box .texto{color: #009;background-color:#fff;width:150px;display:block;} div#box .texto, .ip{float:left;} </style> </head> <body> <div id="box"> <ul> <li><span class="ip">IP</span><span class="texto">Texto</span></li> <li><span class="ip">IP</span><span class="texto">Texto</span></li> <li><span class="ip">IP</span><span class="texto">Texto</span></li> <li><span class="ip">IP</span><span class="texto">Texto</span></li> <li><span class="ip">IP</span><span class="texto">Texto</span></li> <br style="clear:both;"> </ul> </div> </body> </html>

Conheço esses: http://forum.snitz.com/ http://www.phpbb.com.br/ Os dois são gratuitos.

Em target você tem que colocar o nome do frame e não o nome do arquivo!

muito bom BrILL vamos incentivar a leitura do FAQ, vou ver se encontro um tempo e postar alguma coisa lá tambem Queria dar umas sugestões, e quem tiver um tempo, pode ajudar com os seguintes itens:- Como exportar arquivos, GIF, GIF animado, JPG, PNG, etc; - Como reduzir o tamanho (em kb) dos arquivos de imagens; - Lista de Plug-ins (que são muito procurados); - Processo em lote... (Batch Process...); - Imagens em preto e branco e Sépia; - Combine Paths Ta ficando um igual ao post tutoriais, mas no FAQ as coisas são mais fáceis de achar.

Inacessibilidade é um problema de usabilidade. Isto esta certo. O problema é que nesse ponto... >Você teria que saber fatiar MUITO BEM para não tem problemas de exibição e de usuabilidade na hora de você ver seu site no Firefox por exemplo... Pode ser entendido de qualquer outra forma! Eu pensei assim, “que diachos fatias tem haver com usabilidade e o firefox?”. Então o que você quis dizer foi, ”Ao exportar o Fireworks gera códigos inválidos, passível a erros de compatibilidade!” Ta! Mas voltando ao assunto sobre usar fireworks. Minha opinião sobre usar apenas o fireworks é a seguinte, o fireworks gera uma droga de código fonte (como já falaram), alem de ser muito poluído. Seu gerador de html é tão ruim quanto o do dreamweaver, então fazer sua página toda no fireworks é uma péssima escolha.

Sim é igual, são os mesmos passos.

Item 11 do FAQ, se restar duvidas, pergunte aqui novamente!

Você pode fazer todo no fire, mas vai ficar uma merda de site! Muito amador mesmo, já vi sites desse tipo e garanto pra você que ficam muito ruins. E outra! quem disse que você precisa usar o dreamweaver pra fazer alguma coisa? Usa um editor ASCII simples, páginas são feitas com html, você não precisa usar um canivete suíço se a única coisa que você precisa é uma faca! Water, acho que você esta confundindo usabilidade com acessibilidade!

Esse FAQ eu estava fazendo para por em site, mas desisti e ficou pela metade, na época o fiz para versão 6.0 (MX), mas vai servir para as novas também, por enquanto só tem oito itens, mas pretendo acrescentar mais assim que tiver um tempo. Notar: Algumas questões já foram apresentadas no FAQ do Water.Drop, mas vou deixar assim porque explique de forma diferente. 1 - Unindo textos a formas e linhas | Escreva seu texto e desenhe sua forma (ou linha), selecione o texto e a forma, e vá ate o menu “Text” e selecione a opção “Attach To Path“. Obs: Isso só ira funcionar se você selecionar “Textos” e objetos tipo “Path”, por exemplo linhas e círculos, retângulos não são paths, para funcionar com retângulos você deve desagrupa-los antes. 2 - Como fatiar layouts | Utilize a ferramenta “Slice”, com ela faça retângulos dividindo todo o seu layout, por exemplo: topo, menu e conteúdo. Depois é só ir em File > Export, Observe a essas opção da janela Export, em “Salvar como tipo” escolha “HTML and Images” em “HTML” escolha “Export HTML File”, em “Slice” escolha “Export Slices”, feito isso será possível exportar as slices (Fatias), clique em salvar e pronto. 3 - Mascaras ou colocar imagem dentro de formas | Abra a sua imagem, desenhe sobre ela uma forma, selecione os dois e vá em Modify > Mask > Grup as Mask. 4 - Menu Pop-up | Não tem como ser breve quando se trata do menu pop-up, por isso vou mostrar o básico. Crie um botão, com slices, Hotspot ou como símbolo, tanto faz desde que seja um ponto ativo, quando você selecionar o botão, vai aparecer um pequeno ícone no meio do botão, um circulo, clique nele e selecione a opção “Add Pop-up Menu” uma janela ira se abrir (Pop-up Menu Editor), você ira ver quatro abas, Content, Appearence, Advanced e Position, não vai ser necessário explicar sobre cada uma delas, é tudo muito lógico, apenas faça um boa leitura e você ira se virar perfeitamente sozinho. 5 – O que são símbolos? | Selecione qualquer objeto da tela, aperte F8, e depois selecione o tipo de símbolo você quer usar; a. Graphic: Imagem estática, você usa esse tipo caso você queira usar varias vezes o mesmo objeto, quando você modifica uma, todas as copias dele serão modificadas, isso também impede que o arquivo fique muito grande. b. Animation: Imagem animada, serve para cria animações. c. Button: Transforma qualquer objeto em botão com um ponto ativo. Obs: Para ver os símbolos que você criou aperte F11. 6 - 3D no Fireworks , é possível? | De certa forma sim, o fireworks á uma ferramenta para se editar imagens em 2D, criar gifs animados, desenhar layouts e tratar fotografias, ele não foi feito para se criar imagens em 3D, mas com as suas ferramentas é possível criar imagens com aparência de 3D, você pode usar gradientes, sombras, criar perspectivas com vetores ate chagar a um resultado que se pareça um 3D. Existe plugins que transformam vetores em 3D, mas não vai além do que você mesmo pode fazer com as ferramentas que o fireworks possui, eu particularmente não recomendo esses plugins! 7 - Fade Image | Você ira fazer isso da mesma forma que você cria uma mascara, o fireworks possui uma opção em Commands > Creative > Fade Image que faz isso com apenas alguns cliques, mas sempre é bom aprender também o modo difícil. Abra a imagem, desenhe por cima da imagem de preferência um retângulo que cubra 100% da imagem, preencha esse retângulo com gradiente, nas cores preto (#000000) e branco (#FFFFFF), selecione os dois e vá em Modify > Mask > Grup as Mask, e pronto. 8 - Transformar um vetor em bitmap | Selecione o vetor e aperte Ctrl + Shift + Alt + Z. 9 – Como criar Styles | Styles para quem não sabe é uma serie de efeitos pré-configurados. Para criar um style basta você criar seus efeitos normalmente, em seguida com ele selecionado vá ate a barra de propriedade (na parte inferior da tela), aperte o botão Effects > Options > Save Style uma janela chamada New Style ira abrir, configure com desejar e mande salvar. Quando Precisar desses estilo novamente abra a janela de styles apertando Shift + F11. 10 – Recortando fundo de uma foto | Na barra de ferramentas do Fireworks existe algumas ferramentas especiais para editar fotografias (ferramentas para bitmaps), as que você ira usa para recortar o fundo são Magic Wand Tool (Varinha mágica), Lasso Tool (Ferramenta lasso), Polygon Lasso Tool (ferramenta lasso em polígono) e Eraser Tool (Ferramenta borracha), no novo Fireworks (8) é possível utilizar paths para selecionar também, então você pode incluir nessa lista a Pen Tool (Ferramenta Caneta). Para tirar o fundo da imagem não existe um segredo, basta você usar todas essas ferramentas da melhor forma possível para selecionar o que você não quer na foto de depois deletar, para um bom trabalho a única forma é treinar bastante. Obs: Existem plugins que facilitam a seleção, como o corel knockout, ele bem interessante. Muito bom para quem não tem coordenação motora nem uma! 11 – Eventos nos botões (OnMouseOver) | Desenhe um retângulo (ou qualquer coisa que sirva de botão), aperte F8 para transforma-lo em símbolo (olhar o item 5 desse FAQ), depois de transforma-lo em botão, clique duas vezes sobre esse botão. Uma nova janela, chamada Symbol será aberta para que você possa editar o botão, note na parte de cima dessa janela cinco abas, (Up. Over, Down etc...), clique em Over e dois no botão no canto inferior direito (Copy Up Graphic), agora mude a cor do retângulo, e vá para aba Down, e mude de cor também. Agora é só apertar em Done e pronto. Exporte o seu arquivo. | Se você achar que escrevi besteira ou restou duvidas, entre em contato via MP |

Ótimo! então quem quiser colaborar é só ir lar e mandar ver. Vou começar a escrever algumas coisas!

FAQ de 5 com mais de 20 itens é estranho né!? Mas façam o que acharem melhor, o objetivo é tornar as coisas mais fáceis!

poirot e WaterDrop - Queria deixa uma dica sobre o tópico “FAQ de 5” que esta suspenso, você poderia deixa-lo destrancado para que outros possam adicionar mais itens a ele, 5 itens é muito pouco, eu posso adicionar mais alguns itens que sei, e tenho certeza que muita gente iria colaborar também. Mais detalhes: Eu acho que deveriam deletar o que esta lá (FAQ de 5), e cria um outro com o nome FAQ apenas, e nele pedir para quem quiser colaborar, ir adicionando novos itens, e para deixar o tópico mais dinâmico, você exclui postagens que são irrelevantes, coisas do tipo, “Legal isso ai!”, “gostei da idéia”, você deixa bem claro no primeiro poste do tópico que serão deletadas esse tipo de mensagem, serão aceitos apenas itens para o FAQ, assim quando vier um usuário com perguntas elementares e freqüentes é só mandar ele para esse FAQ, cheio de respostas, e como só terá itens do FAQ ficaria mais fácil de achar as repostas! Seria igual o tópico tutoriais, só que sem todo aquele negocio de “Legal isso ai!”, “gostei da idéia”! Então, é isso!

Em alguns flogs é permitido marcações simples nos campos de textos, como <a><b><span>, mas não permitem de tudo, imagina se permitissem rotinas de javascript!

Meu! Vetorizar isso é cortar queijo com moto-serra, você não precisa desse trabalho todo! Tem um tutorial que já esta à bastante tempo no site maujor.com, que ensina a fazer cabos elétricos, você pode usa-lo para cabos de rede também, você só vai ter que criar os conectores RJ45, que são mais complicados de se fazer, mas se você observar alguns exemplo fica fácil. Os cabos de rede são vários fios entrelaçados entre si dentro de um outro fio, então você vai ter trabalho de sobra, você ate pode vetorizar, mas vai ser o dobro de trabalho! Link do tutorial - http://www.fw.maujor.com/fioelefw.php Cabo de rede - http://www.clubedohardware.com.br/fotos/rede3.jpg Conector RJ45 - http://www2.hawaii.edu/~rnakahar/3d/rj45-test1.jpg Conector RJ45 2 - http://webtechnix.com.au/support/rj45-plug-empty.jpg

Não seria o banner do Yahoo Geocities?