User:Sandrine
From Labmm2
| (One intermediate revision not shown) | |||
| Line 1: | Line 1: | ||
| + | |||
| + | |||
A página “Materiais e Técnicas” consiste na apresentação dos materiais mais usados pelos graffiters. Estes serão apresentados em diversas imagens, onde o utilizador poderá clicar e obter a informação relativa a cada material. <p> | A página “Materiais e Técnicas” consiste na apresentação dos materiais mais usados pelos graffiters. Estes serão apresentados em diversas imagens, onde o utilizador poderá clicar e obter a informação relativa a cada material. <p> | ||
Latest revision as of 00:24, 21 June 2011
Para isso, comecei por colocar as imagens dos diversos materiais em html dentro de uma div que formatei de seguida em css. Para que estas ficassem no sítio desejado, utilizei o position e margin, não esquecendo do float para que estas ficassem todas na horizontal. Utilizei uma função, em javascript, para cada um dos materiais, para que aparecesse a sua definição ao clicar.
Exemplo: function textosil(){ document.getElementById("conteudo_texto").innerHTML=" O silenciador é um dispositivo que fica firmemente sobre a base de uma lata. </br> Este pequeno dispositivo pode transformar o ruido comum da lata de tinta numa </br> ferramenta de silêncio. Adequado para todas as latas de Montana. É importante </br> agitar as latas antes de aplicar o silenciador."; } Para a formatação ser mais simples, criei uma div para o texto, estando este formatado em css. Após isto, dei ordem para que o texto aparecesse através do on click em html.
Exemplo: <img id="sil" src="../../../Desktop/onthewall/materiais/silenciador.png" width="84" height="80" onclick="textosil();"/>
