Ajuda do Sítio carlosmota.eu

Menu

O menu deste sítio é composto por 11 tópicos, que são visiveis após a abertura (expansão) do cartão. O menu é do tipo acordeão e clicando num tópico ele abre mostrando o respectivo conteúdo.
Clicando num tópico ele abre e outro fecha se estiver aberto. Clicando duas vezes num tópico fechado, ele abre e depois fecha.
Além dos conteúdos existentes neste menu, existe também uma barra acima do menu, constituida por vários botões, em que é possível escolher uma língua de leitura diferente da seleccionada automaticamente, assim como um tema de visualização do sítio, diferente do tema principal.
Se passar o ponteiro do rato por cima do ícone 'i' (informação) verá uma descrição ácerca destes botões.

Ícones e Botões

Para ver uma explicação sobre cada elemento deste sítio, passe o ponteiro do rato por cima de cada um dos ícones e botões (mouseover) e surgirá uma caixa (tooltip) com a respectiva legenda.
As tooltip existem em 3 cores, uma para cada tipo de tooltip: Hiperligações - Preto; Informações - Cinzento; Caixas de Formulário - Haste de ouro escura.
As hiperligações constituídas por texto ou ícones ou botões têm um efeito de baixo-relevo, que ao mouseover se transforma em alto-relevo.
No caso dos botões do leitor MP3, o efeito ao mouseover é semelhante ao de pressionar um botão real.

Línguas

A selecção da língua usada nos textos do sítio é automática e feita do lado do servidor, mas pode alterá-la clicando no botão da respectiva língua na zona acima dos menus, onde vê os botões: EN | ES | PT.
Tem á sua disposição 3 línguas: EN - Inglês, ES - Espanhol, PT - Português.

Temas

Pode alterar o tema do sítio clicando no botão do respectivo tema na zona acima dos menus, onde vê os botões: PA | PL | TR.
O tema pré-definido é 'Papel', mas pode seleccionar um dos 3 temas disponíveis: PA - Papel, PL - Plástico, TR - Translúcido.
Além destes 3 temas existe um 4º tema, mas que não está disponível na barra dos temas. Este 4º tema designado por 'Transparente' não tem um botão, mas sim uma hiperligação que se encontra num sítio específico do cartão. A descrição da sua localização encontra-se no texto de uma das janelas, portanto se ler o conteúdo de cada uma das janelas encontrará certamente esta hiperligação que aplica o tema 'Transparente'.
Talvez o tema 'Transparente' seja mesmo o melhor, mas esta é uma questão muito subjectiva. Eu prefiro o tema 'Papel', que por isso é o tema principal, mas gosto dos 4 temas.
Como incentivo a descobrir este 4º tema dou a conhecer aqui uma funcionalidade não referida em nenhum outro lugar do sítio e que altera significativamente o design do sítio, permitindo tornar invisível a imagem da secretária. Esta funcionalidade é activada através do ícone de informação (i) dos temas, bastando para tal clicar no ícone (i) que se encontra no lado direito dos botões dos temas. Voltando a clicar no botão, a imagem da secretária torna a ficar visível. Assim pode visualizar cada um dos temas com ou sem a imagem de fundo da secretária.

Janelas

As janelas com informação complementar podem ser arrastadas e dispostas sobre a secretária como cartões individuais, bastando para tal clicar na zona do título e, sem largar o botão, arrastar para o local pretendido.
No canto superior direito de cada janela tem botões que permitem minimizar e fechar a janela.
Obtêm-se um efeito visual interessante se minimizar todas as janelas e as disposer pela secretária, como pequenos cartões de apresentação.
Também pode visualizar simultaneamente todas as janelas abertas.

Mobile

Este sítio está preparado para a visualização em dispositivos móveis.
Utilizo o conceito de Responsive Design, que adapta o layout a diferentes plataformas e resoluções recorrendo a CSS3 e a um design flexível.