RagnaröX Diary 2.0

Postado por 4luada, 19 de maio de 2012, às 00:04

0 Comentários

Nova versão do RagnaröX Diary, depois de tanto tempo. Na primeira reforma, eu apenas limpei o código, adicionei um CSS externo e reposicionei os iframes. Desta vez, eu refiz as figuras do zero, adaptando algumas coisas e com a classe de templários e evoluções no lugar das evoluções de noviços. Adaptei também o código para usar, ao invés de iframes, ajax. Isso no caso do Web Layout. Para o template de blogger, são apenas DIVs.

Estou numa onda de refazer os layouts antigos, tanto por falta de idéias para designs novos quanto por vontade de fazer webdesigns. Às vezes me acho meio estranha (às vezes?).

Claro que desta vez usei photoshop 7 para criar as figuras. Talvez eu tenha usado figuras demais nessa página, o que eu deveria começar a evitar. O código foi feito no Dreamweaver, com uma ajuda de uns recursos do DynamicDrive. Resolvi deixar os links com as cores default mesmo, pois não senti necessidade de mudá-las.

Mas fiquei triste que não podia mais usar o Midi Player, já que ele só funciona em certos browsers.

Me deu bastante trabalho o "z-index", que serve para colocar um layer sobre o outro. Demorei para entender por que é que ele não estava funcionando. E, claro, a figura do diário também deu trabalho.

O nome do layout é RagnaröX Diary. É o título original do layout, apesar de ter mudado para disponibilizá-lo.

Informações

Tema: Templários e evoluções.
Série: Ragnarök Online
Recursos: DIV (tabela), CSS, Javascript

O uso é livre e gratuito. Não faço nem questão que me avise que vai usar o layout. Permito que mude o código e as figuras como desejar. MAS! As únicas coisas que peço é que tenha a decência de hospedar TUDO vocês mesmos, inclusive as imagens, e que não retirem os créditos, MESMO que tenham mudado alguma coisa.

Para se utilizar este layout, é necessário saber HTML básico, no mínimo, e se quiser fazer modificações no estilo, saber CSS básico. Mas apenas modifique o CSS se souber o que estiver fazendo, senão, evite mexer muito nele. Isso é importante, pois neste layout eu quase não deixei comentários.

Download:

O arquivo está compactado em .rar, portanto requer Winzip, Winrar ou outro descompactador semelhante.

Para que tudo funcione corretamente, você terá de hospedar tudo, inclusive as imagens, a folha de estilo e o javascript. Se usar servidor diferente para as imagens, não esqueça de modificar o endereço da imagem na folha de estilo.

Marcadores: , , ,


Muitos Layouts, Pouco Estudo

Postado por 4luada, 17 de maio de 2012, às 03:09

0 Comentários

Estou começando a ficar preocupada com a minha faculdade... Eu perco mais tempo fazendo layouts do que estudando para as provas. Isso é preocupante.

Hoje passei o dia reformando um antigo layout de Percy Jackson e os Olimpianos / Heróis do Olimpo. E com essa reforma aprendi um pouco de CSS3. Há vários recursos novos muito úteis! É uma pena que nem todas as novas funções não sejam compatíveis com alguns navegadores...

Ontem reformei o RO Wedding Diary, já disponibilizado para download no blog. A propósito, acabei de upar vários layouts que devia, que já estavam disponibilizados no blog antigo. Bem, aí estão! E já tenho um outro layout programado para amanhã. Ele já está pronto. É um outro diário. Mas pretendo adaptá-lo para template de blogger. Mas isso ficará para amanhã.

Marcadores:


RO Wedding Diary

Postado por 4luada, 16 de maio de 2012, às 02:45

0 Comentários

Como podem ver, não, não estou me casando, nem na vida real nem no RO. O nome do layout se deve apenas pelo fato de estar usando um Wallpaper de casamento no RO.

Criei este layout já há algum tempo, e resolvi restaurar-lo o restaurado. Esta é a versão 3.0! Visualmente não dá para notar muitas diferenças. Mas elas existem. Apenas no código, mas existem.

A primeira versão foi perdida, portanto a segunda versão comecei basicamente do zero. Mas é um layout simples. Ambas usavam iframes para o menu e o conteúdo. Uma das diferenças entre a primeira e a segunda versão foi a aplicação de cores nas barras de rolagem de cada menu. O desenho inicialmente foi feito no paint. Como ficou bem decente, e porque tenho preguiça, mantive a maioria das imagens usadas nas outras versões.

O esquema de título tenho usado para todos os layouts recentemente. Diria que é porque é o mais decente que fiz até hoje...

O tema é casamento! É que é o único Papel de parede que caiu bem na primeira versão. Mas é possível colocar qualquer papel de parede como fundo. De preferência um bem grande para que aqueles que usam resoluções maiores não sejam prejudicados.

Enfim, quais são as novidades da terceira versão? Uso de javascript para criar os menus, de modo a evitar uma monte de arquivos para os menus. Agora, todos os menus estão juntos na página index.html! Mantive o iframe para o conteúdo principal por causa da barra de rolagem gerada por javascript. Além disso, agora pode-se usar qualquer figura como fundo! De preferência um que cubra o fundo inteiro, até para quem tem telas grandes. Além disso, ao invés das barras de rolagem coloridas e lentas da versão dois, coloquei essa moderna, baseada na barra de rolagem do facebook, e que funciona inclusive em tablets! Supostamente. Segundo o criador do script, foi testado e comprovado em dispositivos móveis.

Informações

Tema: Diário de Casamento
Série: Ragnarök Online
Recursos: HTML (div, iframe), CSS, Javascript

O uso é livre e gratuito. Não faço nem questão que me avise que vai usar o layout. Permito que mude o código e as figuras como desejar. MAS! As únicas coisas que peço é que tenha a decência de hospedar TUDO vocês mesmos, inclusive as imagens, e que não retirem os créditos, MESMO que tenham mudado alguma coisa.

Para se utilizar este layout, é necessário saber HTML básico, no mínimo, e se quiser fazer modificações no estilo, saber CSS básico. Mas apenas modifique o CSS se souber o que estiver fazendo, senão, evite mexer muito nele. Isso é importante, pois neste layout eu quase não deixei comentários.

Download:

O arquivo está compactado em .rar, portanto requer Winzip, Winrar ou outro descompactador semelhante.

Para que tudo funcione corretamente, você terá de hospedar tudo, inclusive as imagens, a folha de estilo e o javascript. Se usar servidor diferente para as imagens, não esqueça de modificar o endereço da imagem na folha de estilo.

Marcadores: , ,


Mosquitos, begone!

Postado por 4luada, 11 de maio de 2012, às 16:24

0 Comentários

Não é da gripe que estou com medo. É de dengue e qualquer outra doença transmitida por mosquitos! Há um monte deles dentro na minha casa! Estou cheia de picadas agora... T_T

Hoje, resolvi fazer um upgrade do website que estou fazendo para "salvar" minhas builds.

Não vou disponibilizar esse layout, pois até explicar como se usa, vai ser muito tempo. Até eu fico perdida de vez em quando nesse código.

Como podem ver, é um meio visual de se "guardar" uma build. O website já estava basicamente pronto, mas então decidi mudar o modo como apresentava as habilidades. Fiquei 6 horas nisso... E acabei cansando. Esse layout usa milhões de javascripts, pois há muitas coisas que não dá para perceber na imagem, como o fato de se poder mover cada janela, e que o menu é acessado clicando com o botão direito sobre uma das figuras na barra de atalhos. Interessante, não?

Acho que não vou disponibilizar esse site no ar. Ele é muito pesado, já que uso muitas figuras. Ou talvez coloque... Quando ficar pronto eu decido. Agora vou tomar um banho para ver se afasto um pouco os mosquitos.

Marcadores: