[Web] Desafio com sites #1

[Rhion]

Bem, como não vi nada nas regras que impeça de postar desafios assim, vamos começar.

O Objetivo deste desafio é fazer um template beeem simples em HTML, usando o Photoshop para arrendondar as bordas e deixar seu template semelhante a este:

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Vou deixar a HTML basica do mesmo para quem for fazer aqui.

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Também tem algumas regras:

 

1ª: O Template deve ter no máximo duas imagens;

2ª: O Template tem um contador de tempo de carregamento, se o mesmo passar de 0.1 ou chegar a esse valor, você foi reprovado;

3ª: Você deve tirar uma SS do seu site, postar aqui, e também fazer o upload das imagens da borda assinada com seu nome;

 

No caso, isso seria um primeiro passo para desenvolver um site;

 

Caso este tópico esteja fora das regras da area, pesso a administração para deleta-lo.

[SlowGirl]

Não sei porque , com o codigo basico que voce passou

 

Fica assim .

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

[Mąrvin]

Mais Pelo Que Eu Vejo (Nao Entendo Quase Nada De HTML Mim Corriga Se Estiver Errado) Esse Codico e Pra Ver o Tempo Que Demorar PRa Carregar a Pagina.

[SlowGirl]

isso mesmo , ele disse que nao poderia passar de 0.1

 

tentando resolver aqui :wacko:

[JheFF]

Não sei se er Assim, so vi e Quiz participa...

 

 

Site

 

 

 

 

 

Borda '-'

 

 

 

Tah aer, hoho

 

Acho qe era assim mesmo... so não dei conta de Colocar uma imagem la no Fundo dele, Postei Assim porqe vooç nem falo nada se podia ADD algumas coisa aer !

Ta aer minha Humilde contribuição !!

[Rhion]

Coloquei o contador para medir o tempo de carregamento, pois se passar de 0.1 segundos em localhost com o template deste jeito, as imagens estão pesando mais do que deviam..

 

~~

 

Para o site ficar igual ao exemplo que passei, vocês teriam que fazer a borda de cima (top_miolo.jpg) e de baixo (down_miolo.jpg)

 

~~

 

No centro vc pode colocar qualquer coisa =D

[AiroN]

é... acho que o tópico está dentro das regras...

"Desafie outros usuários em competições privadas de design!"

 

rsrs, para fazer bordas arredondadas não precisa utilizar photoshop^^

eu html, e css eu faço isso...

 

Em photoshop, vc vai ter que criar imagem, = deixar o site mais lento

Em css e html, vai ser só texto... parâmetros que faram a borda curvar =)

[Rhion]

Em CSS e HTML, se for do metodo que estou pensando, não funciona em todos os navegadores..

[_Dudu_1533]

Em CSS, é simples.

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

Mas isso só funciona no firefox.

Mas tem uma solução em JQuery.. (sempre jquery)!!

 

Existe um módulo chamado jquery.corner.

Você baixa, coloca no site em método de JavaScript.

 

Depois para utilizar:

 

O conteúdo está oculto, favor efetuar login ou se cadastrar!

• Entre
• ou
• Cadastre-se

 

É bem simples e funciona em todos os navegadores.

E não precisa de photoshop.

 

Até mais!

[Rhion]

O Opera também aceita o "border-radius: 10px 10px 10px 10px;"

Porém, se você não quiser usar o JQuery e Nem o CSS 3, que ainda não "existe", lhe resta usar imagens..

[AiroN]

é, o método que eu uso(border-radius), realmente não funcionava para IE.

mas essa em JQuery pra min é nova...

Dudu...

Sempre ele!!

:D

Aprendi muito com esse cara ai...

Antes de saber mexer em php, eu baixava sistemas feitos pelo dudu, e ia fuçando.

rapar...

Hoje eu mesmo faço meus sistemas php, graças aos sistemas do dudu, e do anderuimm(outro que aprendeu com o dudu ;) ).

[CalPassos]

Aprendi muito com esse cara ai...

Antes de saber mexer em php, eu baixava sistemas feitos pelo dudu, e ia fuçando.

rapar...

Hoje eu mesmo faço meus sistemas php, graças aos sistemas do dudu, e do anderuimm(outro que aprendeu com o dudu ;) ).

[Isaac Fn]

Eu tentei num sai nem do canto, mas consegui fazer abrir em menos de 0.1 :D

[CalPassos]

desafio fechado, mal elaborado mas vlw a intencao dele...