Lordfire

Óbvio que não auhauhahuauhhua Só avisando que eu não tenho mais meu belo nome vermelho e provavelmente não vou mais entrar aqui direito.

Ah, não teve mass-kick de gente da equipe, só o Oneshot foi banido e todo o resto pediu pra sair.

Trocar o Portal, trocar a skin, fazer (finalmente) um app pro Facebook e usar mais as redes sociais. E também aquele projeto de expandir o XTibia para uma plataforma de comunidades.

Eu só espero que as mudanças não se limitem a tudo que me foi prometido e tudo que eu corri atrás em 8 meses. Se for isso, vou ficar extremamente decepcionado. Mas não pense que eu não gosto de ti Anderson, eu gosto sim. Aliás, tu me ajudou a decidir minha vida. Em 2008 ou 2009 tu me ensinou os fundamentos da lógica de programação, eu lembro até hoje com gosto de ter aprendido isso justo com alguém como você, e hoje eu estou indo cursar Ciências da Computação, graças àquela motivação inicial que você me deu. Mesmo assim, péssima comparação essa do Steve Jobs. Espero estar errado. Gus, não quero mais conversar, acho que já resolvemos tudo. Contribuirei com o fórum como um membro que eu sou, e eu não quis "botar lenha na fogueira", só achei que faltou informação. Inclusive você me disse que ia comunicar que eu estava saindo, mas ia continuar ajudando, e eu não vi isso no tópico. Cara, eu amo essa comunidade. Acho que se você só queria comunicar uma mudança, podia ter criado o tópico fechado. Como dito, "tópico" sempre vai render a discussão e as críticas.

Gustavo, para de incriminar a minha equipe pela bagunça. É óbvio que ela desestabilizou, as pessoas tinham gosto de estar aqui porque era amigável, você fazia amigos entrando na equipe, como foi o caso de diversos membros comigo, do Oneshot com o LuckOake, do Tonynh com a Dudinha, e aí quando alguém é expulso, vai gerar uma reação em cadeia. Não esquece que tu nunca deu 1 centavo pra gente nesse tempo, e quando a pessoa não ganha pra fazer algo, ela faz porque está motivada por algo a mais. Você tirou esse nosso algo a mais. Aliás, nas nossas conversas estou vendo que está tentando me incriminar. Desculpa, pode ser falta de modéstia, mas o administrador que foi criticado no tópico foi VOCÊ, e não eu. Não fui eu que virei as costas pro fórum no momento que ele mais precisava, que ele estava na fossa, mas fui eu sim que consegui montar uma equipe grande e muito boa tecnicamente. Tínhamos entre os membros da equipe, gente que estava entre os melhores na área: o próprio Oneshot, o Anyur, Skyen, Slicer, e todos ajudando o fórum pelo simples propósito de colaborar. Ninguém tinha outro motivo senão esse. Desde que eu peguei esse fórum pra administrar, acho que nunca tinha conseguido combinar estabilidade da equipe e criação de conteúdo. Estavamos num momento onde a gente parou de cair e estava crescendo. É óbvio que tinha caido bastante, principalmente no começo, peguei o fórum em péssimas condições, ninguém com vontade de ajudar, uma equipe muito fraca, mas já podíamos ter o luxo de ESCOLHER quem iria entrar na equipe e não apenas ser obrigados a trazer os poucos que ajudavam. Mas tudo bem, tenho certeza que é uma boa escolha o Anderson. Mais do que ninguém ele conhece os bugs do fórum, afinal ele já deve ter abusado de todos os existentes. Não obstante, também conseguiu ser banido de tanto postar merda no Barzinho. Mas imagino que ele combine com você, afinal ambos se importam com o sucesso do fórum do mesmo jeito, bem como tem o mesmo tempo livre para se dedicar a ele e a mesma visão empreendedora. Saiba que em momento algum eu disse que ia abandonar o fórum, e sim eu quero continuar ajudando, mas hoje eu entrei e me vi chutado do cargo que eu lutei 6 anos pra alcançar. Continuo para ajudar, mas acho que pra mim chega de me ocupar com fóruns. Tenho mais o que fazer da minha vida do que ver o que eu faço desmerecido assim. Apesar de que triste, vou parafrasear o Bernardo: o último que sair apaga a luz.

Excelente nome de variável, "buceta"

porque é velho pra caralho vide cs 1.6 que ninguem joga mais

não é fake, lol, eu conheço mas bonita moça btw entrei pra postar isso

Tô pensando em continuar postando aqui ou fazer um site pessoal pra isso. Se eu postar aqui, vai ser bem menos frequente, tenho mais o que fazer.

E aí galera, finalmente vamos começar a deixar tudo mais bonito usando CSS! Mas não esqueça de acompanhar todas as aulas! Como vocês já devem saber, o CSS é uma linguagem que serve para adicionar estilização às nossas páginas. Isso é feito por meio de uma folha de estilos, que é um conjunto de seletores, propriedades e valores. Para usar o CSS, temos três formas: em um arquivo externo, no cabeçalho e inline. Para usar um arquivo externo com css, dentro das tags <head> você deve adicionar o seguinte código: <link rel="stylesheet" href="arquivo.css" /> Lembrando de mudar "arquivo.css" para o nome do arquivo que você for usar. Eu costumo usar "style.css" ou com o mesmo nome da página, se necessário. O conteúdo desse arquivo deve ser apenas o código CSS, sem nada de HTML. Já para usar no cabeçalho dentro do head, devemos usar a tag <style> e dentro dela, o código CSS: <head> <style> p { color: blue; font-weight: bold; } </style> </head> Também podemos usar estilos "inline", isto é, no meio do código HTML para aplicar estilos a um único elemento, usando o atributo style que já usamos em aulas anteriores. Por exemplo: <p style="color: blue; font-weight: bold;">Texto azul e negrito</p> Obviamente, é possível misturar todos os três tipos. É bastante comum uma página que tem um layout padrão para todas as páginas (com arquivo externo), algumas páginas terem elementos que precisam de estilos específicos (com CSS no cabeçalho) e um ou outro elemento que tenha seu próprio estilo (usando inline). Tudo vai da necessidade e facilidade pra alterar depois. Seletores Um seletor nada mais é do que o elemento que desejamos aplicar o estilo. Existem três tipos de seletores: por tipo, por id e por class. Seletor por tipo Quando usamos um seletor por tipo, nós aplicamos um estilo a todos os elementos daquele tipo. Por exemplo: p { color: blue; font-weight: bold; } Esse código CSS fará com que todos os elementos <p> tenham o texto azul (color: blue) e negrito (font-weight: bold). Em uma página com mais de um, todos eles terão o mesmo estilo. Seletor por id Usando um seletor por id, nós aplicamos estilo a um único elemento identificado pelo atributo id específico. Para isso, devemos usar um hash (o jogo da velha: "#") na frente do id do elemento: <head> <style> p#azul { color: blue; font-weight: bold; } </style> </head> (...) <p id="azul">Texto azul e negrito</p> <p>Texto normal sem estilo</p> Também é possível omitir o tipo do elemento: #azul { color: blue; font-weight: bold; } Produzindo um texto azul e negrito. Tome cuidado: o id foi feito para identificar um elemento específico, portanto, evite usar o mesmo id para elementos diferentes. Use classes, que serão ensinadas agora: Seletor por class Um seletor por classes aplica estilo por todos os elementos identificados por um atributo "class". Um seletor para uma classe específica deve ter um ponto (".") na frente: <head> <style> p.azul { color: blue; font-weight: bold; } </style> </head> (...) <p class="azul">Texto azul e negrito</p> <p id="azul">Texto normal sem estilo</p> Note que também não é necessário usar o elemento na frente. Mas, neste caso, podem existir elementos diferentes com a mesma classe, e podemos trabalhar com isso: <head> <style> .azul { color: blue; } a.azul { background-color: black; } p.azul { font-weight: bold; } </style> </head> (...) <a class="azul" href="http://xtibia.com">XTibia!</a> <p class="azul">Texto azul e negrito</p> Limitando a classe para um elemento específico, vamos ter tanto o link quanto o parágrafo em azul, porém apenas o link terá fundo preto e apenas o parágrafo estará negrito. Você pode aplicar múltiplas classes em um mesmo elemento usando espaços: <p class="azul fundo_vermelho center">Texto azul e negrito</p> Uma classe ou id nunca deve começar por um número! Só o esquisito Internet Explorer aceita isso, hahahaha Podemos trabalhar com os 3 seletores juntos, inclusive usando inline: <style> p { color: blue; } a.azul { background-color: black; } #azul { font-weight: bold; } </style> (...) <p id="azul" class="azul" style="text-align: center;">Texto azul, com fundo preto e negrito, centralizado</p> Mas não esqueça, o CSS tem uma ordem específica para ser aplicado: Arquivos externos, de cima pra baixo Tag style, de cima pra baixo Atributo style (inline) Portanto, não importa o que o arquivo externo aplique ou as tags no cabeçalho, se houver alguma tag inline, ela vai substituir (mas nunca apagar: apenas soma). Aqui há uma lista com todas as propriedades disponíveis: http://www.w3schools.com/cssref/default.asp Para ver os valores possíveis, clique no nome da propriedade. Você pode me perguntar sobre isso, ou me esperar ensinar algumas das principais possibilidades nas próximas aulas.

Luganow Tonynh Edminotto

A princípio não é necessário usar, pois usando o UTF-8 os caracteres acentuados não vão aparecer corretamente. Ou então, use "iso-8859-1". No próprio W3Schools, lê-se o seguinte: essa antiga sintaxe, do http-equiv, frequentemente era escrita de forma errada (sem aspas), mas os desenvolvedores de navegadores faziam o browser suportar mesmo assim. Então, para o HTML5, foi criada essa tag (meta charset="") para simplificar uma tag muito usada erroneamente. São equivalentes, mas a forma nova é muito mais fácil de se lembrar e mais curta.

Essa quarta aula saiu mais rápido hehe. Acompanhe as outras: http://www.xtibia.com/forum/topic/206568-aula-3-tabelas-linhas-e-celulas-legendas/ Até agora eu ensinei um HTML bem básico, só para texto corrido. Uma página HTML para a web precisa de uma estrutura com cabeçalho e corpo (que não é a mesma coisa do h1 até h6!). Também vou ensinar como se destaca texto com negrito e itálico. Estrutura básica A tag mais importante é a <html>. Ela deve ser aberta no início do arquivo e fechada na última linha, para indicar que tudo dentro dela é texto HTML. Ela é dividida em duas grandes partes: <head> e <body>, respectivamente o cabeçalho e o corpo da página. Portanto, seria assim: <html> <head> (cabeçalho) </head> <body> (corpo da página) </body> </html> Cabeçalho O cabeçalho é uma parte que não fica visível, e contém informações sobre a página. Essas informações podem ser: meta tags, que são etiquetas que descrevem o conteúdo do seu site (que são usadas, por exemplo, pelo google); title, que é o título da página que é mostrado no navegador; links para arquivos que devem ser incluídos, como folhas de estilo CSS; ou até style, para usar CSS na própria página, sem um arquivo externo; e, por último, script, para códigos interativos em Javascript. Título O título fica na tag <title> e o texto dentro dela fica escrito no navegador: <head> <title>XTibia</title> </head> <body> <p>Corpo da página</p> </body> Meta tags As meta tags são muito importantes para descrever sua página. Elas podem conter o nome do autor, uma breve descrição da página e palavras-chave que descrevem o conteúdo. A tag é a <meta /> e possui dois atributos: name e content. Veja alguns exemplos, respectivamente do nome do autor, descrição e palavras-chave: <head> <meta name="author" content="Ranieri Althoff" /> <meta name="description" content="Tutorial sobre como fazer websites. Aprenda HTML5, CSS3, PHP e Javascript para criar sua própria página." /> <meta name="keywords" content="html, css, php, javascript, tutorial, criar sites, html5, css3" /> </head> Esta imagem demonstra como é usada a meta tag description no Google: Charset O character set, ou conjunto de caracteres, são a coleção de caracteres (leia-se letras, números, símbolos) que o navegador deve usar para ler sua página. Isso porque basicamente um computador trabalha com uma série de números e, na sua tela, transforma os números em imagens que representam as letras. Por exemplo, usando o conjunto UTF-8 (que eu recomendo), podemos fazer o seguinte: <html> <head> <meta charset="utf-8"> </head> <body> <p>XTibia <3</p> </body> </html> (tabela como fonte: http://www.utf8-chartable.de/unicode-utf8-table.pl?utf8=dec) Por ser texto simples, apenas letras não acentuadas e uma exclamação, dificilmente haverá algum problema ao mudar de conjunto. Mas, alguém que faça um site com caracteres em japonês, por exemplo, pode ter problemas ao usar um conjunto ocidental como o UTF-8. A parte de CSS e Javascript não será explicada por ora. Corpo da página[/b] O corpo da página é tudo que é mostrado na tela e é representado por <body>. Nela fica tudo que eu ensinei até agora: as listas, as tabelas, os parágrafos... não há muito sobre o que falar, porque é basicamente esta divisão de uma página: o corpo é a parte de conteúdo. Para destacar texto, isto é, mostrarmos uma parte importante, geralmente utilizamos de negrito ou itálico. No HTML, nós temos tags específicas para destacar o texto: <strong> e <em> (existem outras, que não serão abordadas). Apesar de que a W3C não define que estes elementos tenham formatação diferente, a maioria dos browsers faz isso. O <strong> e o <em> deve ser utilizado para destacar uma parte importante de texto em uma frase, ou dar ênfase. Apesar de ser usado apenas para tornar o texto negrito, este não é seu propósito: como os cabeçalhos (ex. h1), ele deve ser usado apenas para semântica, ou seja, para definir um texto com um significado diferente. Para tornar texto negrito, vamos aprender em breve efeitos muito mais eficientes e variados usando CSS. A declaração !DOCTYPE O doctype (document type) serve para um navegador interpretar que tipo de documento ele está recebendo. Nós estamos utilizando o HTML5, mas também existiram versões anteriores, como a 4.01 que era dividida em vários padrões (ex. Strict, Standard, Transactional), ou até texto XML. Para o HTML5, nós devemos utilizar a seguinte declaração, ANTES da tag html: <!DOCTYPE html> <html> <head> (cabeçalho) </head> <body> (corpo da página) </body> </html> Esta é a aula de hoje jovens, atualizem suas páginas agora utilizando o código completo de uma página HTML, adicionem suas informações no cabeçalho e aprendam um pouco mais como isso funciona Destacando texto

Erro meu, troquei th por tr, o certo seria assim: <thead> <tr> <th>xxxx</th> <th>xxxx</th> <th>xxxx</th> </tr> </thead>

Posta uma imagem de como fica e o código.

Bonito mapa, vai continuar postando fotos? Caso não, use este tópico para postar apenas 1 imagem: http://www.xtibia.com/forum/topic/196515-sua-ultima-foto/

O correto é usar dois pontos, mas alguns navegadores fogem da regra sabe-se lá porque indentar não é obrigatório, mas é muito melhor.

@Bloxx Não esqueça de indentar o código (deixar espaço à esquerda) para facilitar na hora de arrumar depois e tornar o código legível. No geral ficou certo, mas releia a parte sobre style do tutorial de listas, é style="list-style-type: tipo" e você usou símbolo de igual. @pobredobrega Você esqueceu de fechar a tag ol e de fechar as tags img, todas ficaram sem o /> no final. @Diogo 1) Acho que você quis dizer "cabeçalho". Não, afinal o hx é justamente para isso. 2) Sim, apesar de alguns browsers até interpretarem corretamente se você não fechar os parágrafos, este não é o comportamento previsto pela W3C. 3) Sim, sem problemas. Pode ler aqui um pouco mais: http://www.w3schools.com/html/html_paragraphs.asp

Confira também as duas primeiras aulas para não ficar perdido: http://www.xtibia.com/forum/topic/205838-aula-2-listas-ordenadas-listas-nao-ordenadas-listas-de-definicao/ Nesta terceira aula vou ensinar tabelas. Tabelas Tabelas são conjuntos de células, divididas em colunas e linhas, e servem para mostrar dados tabulados. Embora muitos ditos "desenvolvedores" usem tabelas pra fazer layouts dos sites, isso NÃO é recomendado e eu vou ensinar isso usando divs e CSS. Tabelas são definidas pela tag <table> e possuem vários elementos internos para organizar. Como exemplo, vamos construir uma tabelinha com os stages de um servidor. Dentro da tag table, nós usamos as tags <tr> (table row) para definir uma linha e, dentro dessa linha, <td> (table data) para definir uma célula. Também podemos usar o atributo "border" para definir a espessura da borda, em pixels, mas em breve vamos mudar isso. Assim: <table border="1"> <tr> <td>Level mínimo</td> <td>Level máximo</td> <td>Stage</td> </tr> <tr> <td>~~</td> <td>50</td> <td>100x</td> </tr> <tr> <td>100</td> <td>200</td> <td>50x</td> </tr> <tr> <td>200</td> <td>~~</td> <td>10x</td> </tr> </table> Bem básico né? Mas essa primeira linha não ficou legal... que tal se a gente dividir a tabela em uma linha de cabeçalho? Também é possível! As tabelas podem usar as tags <thead> (table head), <tfoot> (table footer) e <tbody> (table body) (NESTA ORDEM) para separar cabeçalhos, rodapés e corpo da tabela. Dentro do thead, usamos a tag <th> (table header) ao invés de tr para destacar o cabeçalho. Por exemplo: <table border="1"> <thead> <tr> <td>Level mínimo</td> <td>Level máximo</td> <td>Stage</td> </tr> </thead> <tbody> <tr> <td>~~</td> <td>50</td> <td>100x</td> </tr> <tr> <td>100</td> <td>200</td> <td>50x</td> </tr> <tr> <td>200</td> <td>~~</td> <td>10x</td> </tr> </tbody> </table> Além disso, nós também podemos usar a tag <caption> para definir a legenda/título de uma tabela! Ao invés de usar um heading fora da tabela, isso facilita nosso trabalho <table border="1"> <caption>Stages do servidor</caption> <thead> <tr> <th>Level mínimo</th> <th>Level máximo</th> <th>Stage</th> </tr> </thead> <tbody> <tr> <td>~~</td> <td>50</td> <td>100x</td> </tr> <tr> <td>100</td> <td>200</td> <td>50x</td> </tr> <tr> <td>200</td> <td>~~</td> <td>10x</td> </tr> </tbody> </table> É importante saber usar todos estes elementos na hora de fazer seu site. Embora haja pouca diferença visual, por exemplo, ao colocar o th, na prática isso é bom para ferramentas de pesquisa e é um bom costume. A tarefa da vez vai usar esta aula e a anterior: imagine um servidor fictício, e faça uma página com o título, uma lista com as skill rates e uma tabela com os stages (como nos exemplos acima). Se quiser, use imagens, links e os outros elementos da primeira aula também.

Não esqueçam dos argumentos! Dizer "mudaria tal coisa" sem um motivo também não é de ajuda

Esse é o indicador de pouca vida... todo jogo de tiro tem...

A mesma ONU que julga que 50 centavos de dólar por dia dá pra comprar refeição suficiente é a que julga que família que ganha menos de 1 dólar por cabeça por dia é miserável? Tá certo esses dados?