Ir para conteúdo
Fórum CódigoFonte.net

Sérgio Ferreira

Membros
  • Total de itens

    12
  • Registro em

  • Última visita

Tudo que Sérgio Ferreira postou

  1. Olá, Fiz um pequeno exemplo de uso de seletores; coloquei vários seletores juntos para não correr o risco de colocar as propriedades em outros objetos também. <style> ul.lista[atributo=valor] li:first-child{background:red} </style> <ul class="lista" atributo="valor"> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> [/html] Primeiro coloquei o seletor de TAG ul, depois classes lista, depois atributo "atributo" com o valor "valor", depois todos os "subTAGs" li, e por último chamei somente o primeiro; ou seja: O objeto teria que ser filho de uma TAG ul que tenha a classe lista e o atributo atributo="valor", e teria que ser TAG li e o primeiro deles. *se não sabe qual seletor usar USE TODOS :)
  2. Para representar o funcionamento desse tipo de página criarei três documentos HTML: Página que será exibida as duas outras Página que será uma espécie de menu, controladora da outra Pagina que será direcionada (será mudado seu endereço) 1.Pagina Principal.html <html> <frameset cols="20%,*"> <frame src="Pagina_menu.html" name="menu"> <frame src="Exibicao.html" name="exibicao"> </frameset> </html> [/html] 2.Pagina_menu.html [html] <html> <script> function direcionar(endereco){ parent.exibicao.location=endereco; } </script> <body> <a href="javascript:direcionar('http://forum.codigofonte.net')">CodigoFonte.net</a><br><br> <a href="javascript:direcionar('Exibicao.html')">Tela Principal</a> </body> </html> 3.Exibicao.html <html> <body> <h3>Aqui é a tela principal, a tela onde a página inicia</h3> </body> </html> [/html] Baixe o exemplo: [code] http://www.2shared.com/file/ECVwd1Oq/Exemplo.html? [/code]
  3. O fato de o content estar sendo "empurrado" pelo float é notável, pois o elemento content está dentro do float, então para onde o float for, o content, por sua vez, vai junto. Para corrigir isso você deveria tentar tirar o content de dentro do float.
  4. Para poder mudar o marquee de direção, (pelo que entendi você quer mudar o marque de direção passando o mouse em uma determinada área) usei linguagem JavaScript. Fiz um programa super simples, que alteram o atributo derection do marquee; uma função up(), que coloca up no atributo direction o outra down(). <script> function up(){ marquee_1=document.getElementById('marquee_1'); marquee_1.direction='up'; } function down(){ marquee_1=document.getElementById('marquee_1'); marquee_1.direction='down'; } </script> <style> .marquee_1{width:300px; height:200px; background:lightgrey; padding:25px; box-sizing:border- box; text-align:justify; line-height:26px; font-family:arial; border:1px solid; display:inline-block} .botoes{display:inline-block; width:300px; height:50px; background:grey} </style> <div> <div class="botoes" onmouseover="up()"> <center style="line-height:50px">Pra cima</center> </div><br> <div style="display:inline-block"> <marquee direction="up" class="marquee_1" scrollamount="3" id="marquee_1"> The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically. The tag was first introduced in early versions of Microsoft's Internet Explorer, and was compared to Netscape's blink element, as a proprietary non-standard extension to the HTML standard with usability problems. It is deprecated by the W3C and not advised by them for use in any HTML documents. <br><br> Wikipedia </marquee> </div><br> <div class="botoes" onmouseover="down()"> <center style="line-height:50px">Para baixo</center> </div> </div> <!--Sérgio Ferreira, [email protected]> <!--entre em contato--> [/html] Se não der certo faça o download do arquivo de teste: [code]http://www.2shared.com/document/5fRrfKhb/marquee.html?[/code]
  5. Uma dica seria você baixar Corel Draw portátil, pois ele não acessa pastas do sistema do computador. *PortableCorelDraw Aconselho, se for possível, usá-lo dentro do arquivo rar ou zip, isto é compactado, pois terá menos chance ainda de receber informações armazenadas por outras versões do Corel
  6. Olá pessoal, Quero inserir eventos nos elementos que coloquei no programa, mas não sei como, pois sou novato nesta linguagem. O programa é um applet: import java.awt.*; public class EventosJava extends javax.swing.JApplet { public void init() { Button botao = new Button("Clique aqui"); this.add(botao); } } [/html] Quero que quando eu clicar no botão ele mude o seu fundo de cor, só pra eu ter noção de como funcionam eventos em Java. Desde já agradeço
  7. Olá, Reconheço seu problema, porém, não tem como fazer com que sub-categorias apareçam quando clicamos usando somente CSS, é preciso usar também JavaScript. Fiz um modelo simples de programa bem detalhado com o uso de JavaScript, onde categorias ao serem clicadas abrem sub-categorias: <script> //elemento para inserção de funções JavaScript /*Sérgio Ferreira - [email protected] - 2012 - */ function mais_ou_menos(num,bot){ //inicia a função mais_ou_menos com uma variável num, que representa o id de cada categoria, que serão apresentas abaixo var n=document.getElementById(num); //cria uma variável "n" para não precisar digitar toda vez "document.getElementById(...)"(função para localizar objeto por id) var botao=document.getElementById(bot); //igual à situação anterior if (n.style.display == 'none'){ //se o display de n for igual a "none"... n.style.display='block'; //o display de n vai ficar igual a "block", que pode ser substituído por outro botao.style.backgroundPositionY='-20px'; //o background do botao vai ficar posicionado a Y -20px } else { //senão (se o display de n não for "none") n.style.display='none'; //o display de n será "none" botao.style.backgroundPositionY='0'; //o background do botao vai votar à posição normal } } </script> <div> <!--lista de categorias--> <div> <!--primeira categoria--> <span onclick="mais_ou_menos('primeiro','botao_1')" botao id="botao_1">+</span> Nível 1 <!--insere o objeto "+" e coloca o evento onClick nele; evento com a função mais_ou_menos que tem a variável "primeiro" e a variável "botao_1"--> <div style="display:none" id="primeiro" grupo> <!--grupo de subcategorias com o id = "primeiro" (o id é um atributo importante, será uma referencia do elemento para a função)--> <li>Subnível</li> <li>Subnível</li> <li>Subnível</li> </div> </div> <div> <!--segunda categoria--> <span onclick="mais_ou_menos('segundo','botao_2')" botao id="botao_2">+</span> Nível 2 <!--evento onClick com a função mais_ou_menos que tem a variável "segundo" e a variável "botao_2"--> <div style="display:none" id="segundo" grupo> <li>Subnível</li> <li>Subnível</li> <li>Subnível</li> </div> </div> <div> <!--segunda categoria--> <span onclick="mais_ou_menos('terceiro','botao_3')" botao id="botao_3">+</span> Nível 3 <!--evento onClick com a função mais_ou_menos que tem a variável "terceiro" e a variável "botao_3"--> <div style="display:none" id="terceiro" grupo> <li>Subnível</li> <li>Subnível</li> <li>Subnível</li> </div> </div> </div> <!--um pouco de css...--> <style> * { -webkit-user-select:none;} *[botao]{ background:url(http://1.bp.blogspot.com/-ITHCSFuxKR0/T6law2iqcBI/AAAAAAAAATA/i1L3S-BSocw/s1600/maismenos.png) #8C7864; width:20px; height:20px; display:inline-block; cursor:default; color:transparent; } *[grupo]{margin-left:25px} </style> <!--Sérgio Ferreira, [email protected]> <!--entre em contato-->[/html] Caso ocorra algum erro baixe o exemplo: [code] http://www.2shared.com/document/9nWRZkUS/exemplo.html? [/code]
×
×
  • Criar Novo...