Postagens

Mostrando postagens com o rótulo elemento

Slide de Novidades e engenharia reversa - Como fazer um site #5

Imagem
Oi gente, tudo bem com vocês? Comigo está tudo ótimo! ^^ Bom galera, preparem porque hoje é dia de um longo tutorial... Eu poderia simplesmente ensinar como eu fiz o sistema de novidades que vou usar no meu site, mas resolvi falar também de engenharia reversa... Na verdade o que vou ensinar não pode ser considerado engenharia reversa, pois o código que estamos vendo é interpretado e não compilado(que para ser visto teria que se fazer a engenharia reversa)... Só falei desse termo, pois se você seguiu minhas dicas, deve ter se inspirado em alguns sites pra fazer o layout do seu, mas transformar o layout em algo funcional em alguns casos pode ser mais complicado do que foi até o momento... Escolhi como exemplo o slide que vou colocar abaixo... Ele foi criado por mim, almenos eu nunca tinha visto algo exatamente igual a ele em outro site... Porém, se eu quisesse um slide com as mesmas animações de outro site, eu poderia copiar o código, fazer alterações pra mudar o visual, enfim... Mas...

O código HTML - Como fazer um site #4

Oi gente, tudo bem? Bom, hoje começa o que pra alguns é considerada a parte mais difícil... Mas acredite, não é tão difícil quanto parece, isso porque há muitos sites e exemplos que vão te ajudar na árdua tarefa de fazer seu site, e com o tempo, a prática, assim como em qualquer outra coisa que se aprende, você irá decorar como se faz certas coisas e não terá que ficar quebrando a cabeça mais... Bom, antes de começar a falar do código é importante que você tenha noção sobre acesso à diretórios... Diretórios, não são nada mais do que pastas, iguais a que você tem no seu computador mesmo... Só que quando você está programando seu site, você não acessará estas pastas com o mouse, mas sim pelo endereço delas... Mas calma, não é nenhuma coisa de hacker não...rs Vamos à um exemplo para facilitar a explicação... Se você já estiver seguindo meu tutorial todo dia, provavelmente criou uma pasta para guardar todos os arquivos do primeiro site que você está tentando fazer, certo? Esta pasta ...

Avaliação 5 estrelas (Como fazer CSS)

Imagem
E aí moçada, tudo beleza? Hoje estou voltando um pouco as origens "NERD" do meu blog...rsrs Você tá precisando colocar aquele sistema de 5 estrelas pros usuários avaliarem alguma coisa, já tem o código que computa as avaliações, que inserir e animar as estrelas na página com CSS, e não sabe como? Pois bem, isso aconteceu comigo... Na verdade eu poderia ter resolvido meu problema usando javascript, porém, é sempre bom lembrar que o javascript deveria ser usado apenas em último caso, já que ele acaba sendo mais pesado de executar... Comecei tentando fazer apenas com meus conhecimentos e não obtinha sucesso... Foi então que eu descobri um tal de '~' no CSS, e os problemas começaram a se resolver... Bom, pra fazer esse sistema de 5 estrelas eu usei 2 imagens... A cor dessa linha será a cor da estrela "votada"... Ela tem que ter a largura das 5 estrelas somadas. De altura é 1 pixel mesmo, pois usaremos o repear-y... Você pode fazer essa moldura us...

Um deck de Luz para Yu-gi-oh!

Imagem
Muita gente que não entende do jogo o critica falando de seus "demônios", mas a verdade é que isso é apenas uma das opções que você tem ao montar seu baralho, assim como na vida real, tudo é uma questão de escolha, você pode escolher como vai jogar, se vai ser com o lado negro da força ou com o lado da luz, aliás, o jogo não se resume apenas a esses dois elementos, há também, terra, fogo, água e vento... Mas temos que admitir que alguns elementos são mais fáceis de se montar o deck, e o dark é um desses(assim como na vida real, você pode ter preguiça de aprender e testar e acabar optando por ele) e o deck de luz pelo contrário, ele é um dos tipos mais complicados no meu ponto de vista, apesar de que agora há algumas "novas cartas" que são monstros que tem nomes em comum e no caso do deck de luz os monstros tem "Luminoso" no nome, no caso esse "Luminoso" é porque estou jogando a versão em espanhol, não me lembro se em inglês é assim também, enfim...