Ir para conteúdo
Fórum Script Brasil
  • 0

FrameWork Css


KaKarotto

Pergunta

Oi pra todo mundo o/.

Eu andei conversando com o outro moderador da área e fui liberado para postar esse tópico de destaque.

Não sei se vocês conhecem o site do Zen Garden, a grosso modo é um site para demonstrar a força do Css. É colocado um link com um html e os designers mandam seus arquivos .css para mudar a cara do html padrão.

Mas nesse site é necessário um conhecimento muito grande de Css e só são postados os melhores trabalhos em matéria de design.

A minha intenção com esse tópico é fazer uma "cópia" bem da sem vergonha rsrs.

Como a maioria está aprendendo não é necessário ser expert nem em design nem em Css. Porém, eu peço que postem códigos em Css ou o link de um Css pronto que mude a estrutura deste XHTML 1.0 transitional.

O que eu pretendo com esse tópico?

1º - Aprender.

2º - Muitos membros postam seus problemas com Css, mas o html é extremamente mal formulado, com tabelas pra tudo quanto é lado. Este post seria um bom lugar para aprender como fazer um layout bem feito.

- Nem todo mundo tem como visualizar o seu Css em todos os browsers e em todas as plataformas. Então, com seu Css postado aqui, qualquer outra pessoa poderia pegar seu Css pronto para usar e se um dia vir problemas, reportaria aqui, postando seus defeitos.

- Servir de repositório de layouts prontos para os membros não precisarem começar do zero. Apenas pegariam um código que foi testado, pelo menos pela pessoa que postou, e usaria às suas necessidades.

A idéia não é ficar postando maravilhas de layout, apenas a sua estrutura, sua funcionalidade. Bem cru mesmo.

A princípio não estou preocupado com a estrutura Html, se ela contêm ou não todas as tags que deveria e essas coisas. Apenas com o layout geral do site, mas nada impede que postem códigos mais elaborados.

Quando um membro postar um Css sem link, eu posso mandar esse Css para meu servidor e postar neste tópico inicial seu link, para facilitar, para que a pessoa possa simplesmente juntar dois links e ver o resultado.

Juntar dois links?

Sim, eu coloquei a estrutura html online, você só precisa acrescentar a url do Css na variável url do endereço, para visualizar.

Exemplo:

http://edu.110mb.com/framework.php?css=http://meusite.com/meuCss.css

Eu sei muito bem que corro o risco enorme de postar um tópico que ficará as moscas e cheio de teia de aranha, mas pelo menos a minha parte estou fazendo. :)

Quero deixar claro que essa idéia não irá pra frente sem a contribuição dos membros, testando, reportando erros, postando novos Layouts.

Então, é com vocês. Eu postei, mas o tópico é de todo mundo. Está aberto para sugestões e críticas.

Estrutura html: http://edu.110mb.com/framework.php?css=

Minha primeira contribuição:

Layout Líquido de 3 colunas

url:http://edu.110mb.com/teste.css

Testado em: Linux: Konqueror, Firefox beta 5.

Windows: Firefox beta 5, iE6, iE7.

Vizualização: http://edu.110mb.com/framework.php?css=htt...b.com/teste.css

Obs: Coloquei bordas, para vizualizarem onde está cada parte (div) do html. Líquido, ou seja, ele se ajusta conforme o redimensionamento do browser.

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

Bom, como eu previa, vai ficar as moscas...Espero que isso seja por falta de interesse e não por falta de capacidade.

De qualquer maneira, precisei fazer um layout e vou postar outro layout seguindo o modelo html antes visto.

Este Css está muito mais enxuto e organizado. Está fixo para 1024 pixels e centralizado, se quiser alterar o tamanho basta mexer no id "#site"

Ex: #site{width:800px} para alterá-lo para 800 pixels.

Layout Líquido de 3 colunas

Css:http://edu.110mb.com/css/layout-1024-center-fixed.css

Testado em: Firefox 3, iE 6.

Vizualização: http://edu.110mb.com/framework.php?css=htt...enter-fixed.css

layout-1024-center-fixed.jpg

Link para o comentário
Compartilhar em outros sites

  • 0

Já sei o que vou dar como trabalho de avaliação na minha aula de html/css rsrs.

Vlw Kakarotto, muito legal essa idéia, depois vou fazer um também e postar os dos meus alunos

Editado por Norivan Oliveira
Link para o comentário
Compartilhar em outros sites

  • 0

Eu já vinha acompanhando esse tópico a um tempo e resolvi fazer um, mas so depois que a preguiça me largasse... Bom hoje eu tentei fazer, fiz tudo, a css eu colei um pouco do kakaroto. Quando terminei fiquei todo alegre, mas fui ver o resultado, num deu certo, continua a mesma coisa xD~~

Link: http://doryoku.110mb.com/framework/framework.php

Css: http://doryoku.110mb.com/framework/framework.css

Juntos: http://doryoku.110mb.com/framework/framewo...k/framework.css

O que sera que eu fiz de errado???

Link para o comentário
Compartilhar em outros sites

  • 0

Vai depender do que fez no seu php cara. Velho, eu padronizei para que modificassem aquele Html que eu fiz, não para gerar outros htmls.

A idéia aqui é só alterar o meu Css, e não gerar outro html com css parecido. :mellow:

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...