Jump to content

Redesenhar o website


sheers
 Share

Recommended Posts

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.

🙂

Link to comment
Share on other 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.

Não peças ajuda por PM! A tua dúvida vai ter menos atenção do que se for postada na secção correcta do fórum!

Link to comment
Share on other 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>

Não peças ajuda por PM! A tua dúvida vai ter menos atenção do que se for postada na secção correcta do fórum!

Link to comment
Share on other 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>

Não peças ajuda por PM! A tua dúvida vai ter menos atenção do que se for postada na secção correcta do fórum!

Link to comment
Share on other 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>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.