• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

sheers

Redesenhar o website

22 mensagens neste tópico

Boas pessoal!

Queria redesenhar o site da empresa do meu pai. O site é o seguinte: www.quinta-das-palmeiras.com quando falo em redesenhar refiro-me a escrever um novo código fonte mais virado para web 2.0 e um novo estilo de layout. Sinceramente não sei se vocês me percebem. Basicamente estou farto do website que tenho e quero algum mesmo bonito que englobe CSS ao mais alto nível.

:)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu gosto do aspecto, basta fazeres uns pequenos tweaks que ficas com um site brutal.

-> Área de texto sem ser aquele quadrado, deixar continuar até ao fundo da página.

-> Meter um hover no menu de navegação.

-> Na secção de imagens mostrar as imagens numa nova camada.

-> Em relação à localização, usa o Google Maps em miniatura.

-> Dar uns toques nos textos.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Boas, na secção de imagens dizes para criar uma nova camada para mostrar as imagens mas a que te referes  ?  Dá-me um exemplo para eu ter uma noção.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Tens de ter o prototype e o scriptaculous no servidor para poderes usar o lightview.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Tens de ter o prototype e o scriptaculous no servidor para poderes usar o lightview.

Dá para testar em lan sem enviar os ficheiros para o site ?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Claro que dá.

Já agora se não te importares diz-me como é que se instala isto porque eu já ando aqui à nora.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Imaginando que tens o teu site no endereço http://127.0.0.1/site/:'>http://127.0.0.1/site/:

Sacas os ficheiros do lightbox e metes na pasta correspondente ao http://127.0.0.1/site/

Sacas o Prototype e o Scriptaculous dos links indicados e metes os ficheiros .js na pasta js/ dentro da pasta da linha anterior.

Crias um ficheiro .html e metes lá dentro do <head> isto:

<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='js/prototype.js'></script>
<script type='text/javascript' src='js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='js/lightview.js'></script>

Depois no <body> metes lá um:

<a href="link_para_a_imagem.jpg" title="O Título da Imagem" class="lightview"><img src="link_para_a_miniatura_da_imagem.jpg" alt="Este img só cá está para mostrar como se faz miniaturas, podias por simplesmente o nome da imagem" /></a>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Obrigado desde já pela resposta, fico muito grato.

1384377607.jpg

Eu fiz assim e funcionou, mas não aparece o botão para fazer "Next" para a seguinte imagem.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Para fazer o next para a seguinte imagem, tens de usar o rel bla bla.

No link que te dei:

An image gallery can be created using rel='gallery[setname]'

<a href='image1.jpg' class='lightview' rel='gallery[myset]'>Image 1</a>

<a href='image2.jpg' class='lightview' rel='gallery[myset]'>Image 2</a>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Já fiz isso, mas não me aparece o botão "next" só clickando em cima da imagem ela muda para a seguinte mas só numa certa parte da imagem é que dá para clickar para mudar para a seguinte imagem.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
<html>
<body>
<head>
<link rel="stylesheet" type="text/css" href="css/lightview.css" />
<script type='text/javascript' src='js/prototype.js'></script>
<script type='text/javascript' src='js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='js/lightview.js'></script>
</head>
The content of the body element is displayed in your browser.
<a href="image.jpg" title="O Título da Imagem" class="lightview" rel="gallery[myset]" ><img src="image.jpg" alt="image" /></a>
<a href="image1.jpg" title="O Título da Imagem" class="lightview" rel="gallery[myset]" ><img src="image1.jpg" alt="image" /></a>
</body>
</html>

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Tens as imagens (as do lightview) no sítio e isso tudo?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

As images do do Lightview estão na pasta images ai nem mexi.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Dentro da pasta "lib" existe outra ficheiro com o nome "prototype.js" mas se eu passar para a pasta principal terá de ser substituído uma vez que já existe.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Está giro, tens é que tratar dos caracteres inválidos.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora