Novo site: Olga Portela Arquitetura
Salve amigos.
Gostaria de compartilhar com vocês, meu mais novo trabalho Freela: Olga Portela Arquitetura, um site de uma arquiteta de Natal-RN.
O site foi desenvolvido em Drupal 5.7, responsável pelo gerenciamento do conteúdo, e utilizou naturalmente CSS e XHTML na construção do tema.
Alguns pontos interessantes deste Layout:
O efeito de fade encontrada na página de portfolio é muito simples de fazer se fazer se você usa a biblioteca jQuery (utilizada nativamente pelo Drupal):
-
<script type="text/javascript">
-
-
$(document).ready(function(){
-
$(".bannerSecao img").fadeTo("slow", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads
-
-
$(".bannerSecao img").hover(function(){
-
$(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
-
},function(){
-
$(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout
-
});
-
});
-
-
</script>
Já as galerias de exibição do portfólio (por exemplo) foi utilizada a SmoothGallery, uma galeria de imagens em javascript muito bonita e flexível. Infelizmente ela apresentou incompatibilidade com o JQuery (ou o contrário), e tive que ralar um pouco para funcionar corretamente.
Pessoalmente, eu preferiria não ter utilizado Flash no site, mas foi insistência do cliente. Não que ficou ruim sabe? Mas eu achei desnecessário... :-)