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

    • codigofonte

      Novo Fórum

      Pessoal, Atualizamos nossa versão do fórum para a mais recente da Invision Power. Como tínhamos uma versão muito antiga, talvez algumas áreas possam funcionar de forma errada ou com problemas, gostaria de pedir-lhes a compreensão, pois iremos resolvendo aos poucos. Até mais!

Sérgio FH

Membros
  • Total de itens

    86
  • Registro em

  • Última visita

Sobre Sérgio FH

Contact Methods

  • Website URL
    http://serg.esy.es/

Profile Information

  • Gender

Últimos Visitantes

3,072 visualizações
  1. Duration e posicionamento de menu deslizante

    Fiz um menu deslizante utilizando apenas CSS, este é o resultado esperado: Faça o download do arquivo HTML aqui <style> .menudeslizante{ position: absolute; display: block; transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-property: top; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; z-index: 1000; left: 0; width: 100%; } .menudeslizante .corpo{ display: inline-block; width: 100%; position: relative; overflow: hidden; } .menudeslizante:hover{ top: 0; } .menudeslizante .corBorda{ box-sizing: border-box; } /* PROPRIEDADES QUE PODEM SER ALTERADAS */ .menudeslizante{ top: -43px; /* altura que o menu recua */ /* tempo para minimizar */ transition-duration: 600ms; -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -o-transition-duration: 600ms; } .menudeslizante:hover{ /* tempo para expandir */ transition-duration: 300ms; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; } .menudeslizante .interior{ padding: 5px; padding-bottom: 10px; text-align: center; color: white; } /* personalize a aba */ .menudeslizante .cor{ background-color: rgb(80, 80, 80); } .menudeslizante .anguloAba{ width: 30px; } .menudeslizante .alturaAba{ height: 17px; } .menudeslizante .larguraCentral{ width: 40px; } .menudeslizante .corBorda{ border-color: black; } </style> E esta é a parte em HTML <div class="menudeslizante"> <div class="corpo"> <div class="interior cor"> <!--conteudo do menu--> abc<br> def </div> <div> <!--aba (ajusta em qualquer tamanho de tela)--> <div class="corBorda" style="text-align: center; border-top-style:solid;border-top-width: 1px;"><div style="margin-top: -1px;"><div class="cor" style="display:inline-block;"><div class="corBorda anguloAba alturaAba" style="display:inline-block;box-sizing:border-box;border-right-style:solid;border-right-width:1px;border-top-style:solid;border-top-width: 1px;border-top-right-radius:100%;background-color:white;"></div></div><div class="cor alturaAba larguraCentral corBorda" style="display:inline-block;box-sizing:border-box;border-bottom-style:solid;border-bottom-width:1px;"></div><div class="cor" style="display:inline-block;"><div class="corBorda anguloAba alturaAba" style="display:inline-block;box-sizing:border-box;border-left-style:solid;border-left-width: 1px;border-top-style:solid;border-top-width: 1px;border-top-left-radius:100%;background-color:white;"></div></div></div></div> </div> </div> </div> Como fiz a aba do menu deslizante utilizando divs, não é necessário colocar imagem. É importante ressaltar que há partes no código que devem ser editadas, que estão indicadas por comentário.
  2. Linguagem C (Não ta voltando o valor das variáveis corretas)

    Aqui vai o código com umas modificações: #include <stdio.h> #include <stdlib.h> #include <string.h> int i; char alfabeto[100][10]; int qtdAlfatabeto; char posTransicao[100][10]; // Definição da função antes do main void VerificaErro01(char* verifica); int main() { strcpy(alfabeto[0], "abc"); strcpy(alfabeto[1], "def"); qtdAlfatabeto = 1; strcpy(posTransicao[0], "def"); strcpy(posTransicao[1], "abc"); int qtdTrans = 1; for( i=0; i <= qtdAlfatabeto; i++ ) { VerificaErro01( posTransicao[i] ); } while(1); } //função void VerificaErro01(char* verifica) { printf("alfabeto[0] = '%s'\n", alfabeto[0]); printf("alfabeto[1] = '%s'\n\n", alfabeto[1]); //verificar o ERRO 01 //Uso de símbolos que não fazem parte do alfabeto nas transições int v; int continua = 0; //verificar se os alfabetos dessa transição fazem parte dos alfabetos digitados char* carac; for( v = 0; v <= qtdAlfatabeto; v++ ) { carac = alfabeto[v]; printf(" Verificando: \t '%c' == '%c' \n\n", carac[0], verifica[0]); // Embora a variável carac esteja armazenando um vetor do tipo char[10], // está sendo comparado somente o primeiro caractere if( carac[0] == verifica[0] ) { printf("Igualdade verdadeira. \n\n\n"); continua = 1; //encontrou, pode continuar break; } } if (continua == 0) { //se não encontrar nenhum, sai com erro printf("\n\nErro 01: Nenhuma das igualdades acima é verdadeira;\n\n"); //exit(0); } printf("---------------------------\n\n"); } O erro que ocorria na linha carac = alfabeto[v]; era devido ao tipo de alfabeto[v], que representava um ponteiro, um vetor do tipo char[10] (que contem espaço para nove chars, pois o décimo representa um caractere nulo '\0', sendo o final do vetor). Para corrigir este erro foi necessário alterar o tipo da variável carac de char para char* (ponteiro para char, que pode direcionar a sequências que armazenam vários chars, e não simplesmente armazenar um char). Alterei também o tipo do argumento da função, de char para char*, para que em vez de passar somente um caractere passe o vetor com os 9 (ou menos) chars. Observe que na linha 57, os valores que são comparados representam apentas um char, o primeiro do vetor. Mais sobre sequências de caracteres: Character sequences - cplusplus.com
  3. Preciso de ajuda !

    Você pode estudar linguagens de programação para web no site w3schools.com. Também seria interessante você estudar inglês; para isso recomendo o site duolingo.com, que além do ingês, este site oferece outros 8 idiomas gratuitamente, e está também disponível para Android, iOS e WindowsPhone. Para praticar linguagens Server Side, como PHP e bancos de dados MySQL, recomendo o serviço de hospedagem hostinger.com.br, que oferece gratuitamente 2GB de disco e 100GB de transferência. Se for do seu interesse aprender C++ recomendo o site cplusplus.com, que explica em detalhes os recursos da linguagem. (Site em inglês - daí a importância do estudo da lingua estrangeira) Para compilar C++ recomendo o Visual C++ Express (download), que é gratuito, sendo apenas necessário registrar o email após 30 dias para receber um código gratuitamente para continuar usando. Mais informações Quanto às matérias de matemática, vão depender da sua especialização. Particularmente estudo mais geometria e trigonometria, como vetores; matrizes; equações de reta, plano; teorema de Pitágoras; uso do seno, cosseno e tangente. Vetores: wikipedia (Em especial Operações com vetores) Matrizes: wikipedia - Uma dica para aprender: Não tenha preguiça de ler os conteúdos (mesmo os em inglês), a leitura ajuda muito no aprendizado.
  4. For (repetir apenas algumas vezes)

    Não sei se é exatamente o que procurava, mas aqui vai a explicação de como funciona o comando for: <script> for(var i=0; i<8; i++){ // código a ser executado 8 vezes } </script> O comando for tem a forma dada no exemplo anterior. Primeiro se define uma variável (não necessariamente, podendo também ser mais de uma) Em seguida, após um ponto e vírgula ( ; ), dá-se uma condição para que o loop continue (no caso do exemplo, como a contagem iniciou-se do zero, deve ser menor que oito, isto é, somente até o sete) E depois da condição, a variável criada é normalmente incrementada, isto é, aumenta-se algum valor a cada loop (não necessariamente, podendo-se redefinir qualquer variável). No exemplo aumenta-se 1 à variavel i ( n++ é o mesmo que n += 1 que é o mesmo que n = n+1 )
  5. Botão que alterna a exibição de dois coteúdos

    Aqui vai um código bem simples que se comporta desta forma: <meta charset=utf-8/> <button id="botao" onclick="mostrarEsconder()">Mostrar Bloco2</button> <style> #bloco1, #bloco2{ width: 400px; border: solid 3px blue; padding: 40px 20px; } </style> <div id="bloco1">Bloco 1</div> <div id="bloco2" style="display: none;">Bloco 2</div> <script> var bloco1 = document.getElementById("bloco1"); var bloco2 = document.getElementById("bloco2"); var botao = document.getElementById("botao"); var blocoAtivo = bloco1; var mostrarEsconder = function(){ if( blocoAtivo == bloco1 ){ //esconder bloco1 e mostrar bloco2 bloco1.style.display = "none"; bloco2.style.display = "block"; blocoAtivo = bloco2; // mudar texto do botão botao.innerHTML = "Mostrar Bloco1"; } else{//senão... esconder bloco2 e mostrar bloco1 bloco2.style.display = "none"; bloco1.style.display = "block"; blocoAtivo = bloco1; // mudar texto do botão botao.innerHTML = "Mostrar Bloco2"; } } </script> Observação: A primeira linha define a codificação a ser usada nos caracteres, para que apareçam as letras acentuadas e o cedilha, além de outras.
  6. Background auto ajústavel - Como fazer?

    Pode ser inserido na primeira linha do código css do site
  7. Para melhor entendimento e simplificação, fiz um novo código para mover os itens de uma lista à outra: function move(menuOrigem, menuDestino){ var itemSelecionado = menuOrigem.options[ menuOrigem.selectedIndex ]; if(itemSelecionado == undefined) return; //se não estiver selecionado nenhum sai da função if(menuDestino.length < 5){ //verifica se há menos de 5 itens menuDestino.add( itemSelecionado ); //adiciona o item } }
  8. Background auto ajústavel - Como fazer?

    Isso acontece porque os elementos <html> e <body> não têm altura suficiente para cobrir todo o <frame>. Para resolver adicione a seguinte linha no código css: html,body{height: 100%;}
  9. Criar rede social com plataforma open source ou programação do zero

    Do meu ponto de vista, como gosto de programar e estudar linguagens de programação, a melhor opção é criar uma rede social do zero. Certamente, criar uma rede social do zero é também a melhor forma de prevenir futuros problemas, ou pelo menos saber como resolvê-los. Também será possível personalizar totalmente cada detalhe do seu projeto. Desenvolver utilizando uma plataforma, como WordPress, te permitirá criar o projeto com mais rapidez e sem ter que estudar muito, porém você estará limitado aos recursos deste. Pessoalmente considero uma falta de profissionalidade a utilização de plataformas. Estou desenvolvendo há algum tempo uma rede social para meus colegas de classe a partir do zero: http://told.slivre.com Recomendo o desenvolvimento do zero, mas cabe a você decidir o quanto está disposto a aprender, ou aplicar (caso já conheça as linguagens).
  10. Enviar formulario para email HTML

    Não é possível enviar um e-mail apenas utilizando HTML, será necessária uma linguagem server side, como php (ASP, entre outras). O formulário terá como action o endereço do arquivo php, com method GET ou POST. <form action="enviar.php" method="POST"> <input name="a"> <input name="b"> ... </form> O method vai definir como serão enviados os dados do formulário: GET: Os dados são passados pela URL. Por exemplo: www.google.com/?q=texto ​​​A interrogação (?) indica o início das variáveis. A letra q indica que existe um input com name="q", cujo valor é igual à "texto". POST: Os dados ficam ocultos, e não podem ser acessados e modificados manualmente pelo usuário. No arquivo php, que vai ser chamado pelo action, pode-se acessar as variáveis que foram enviadas pelo form, pelo método GET ou POST, e a partir deles enviar o e-mail, ou fazer alguma outra tarefa. enviar.php <?php //se for usado o método POST $variavelA = $_POST["a"]; // acessa o valor do input com name="a" ?> <? // ou se for usado o método GET $variavelB = $_GET["b"]; // acessa o valor do input com name="b" ?> Observação: O action="mailto:[email protected]" apenas abre um gerenciador de e-mails que esteja instalado no computador do usuário; é necessário que a pessoa faça login nele, e só depois envie o e-mail a partir dele. Mais informações sobre os métodos GET e POST: http://www.w3schools.com/php/php_forms.asp Mais informações sobre como enviar e-mail com PHP: http://www.w3schools.com/php/func_mail_mail.asp
  11. Duvida - para que usar position?

    Position pode localizar precisamente um objeto em relação à tela ou à outro. Pode-se localizar o objeto a partir de coordenadas x (left e right) e y (top e bottom), e não apenas por referência a si mesmo, como margin, onde você tem o seu próprio centro como origem. Quando define-se um elemento com a propriedade position: absolute, este estando fora de um elemento com position: relative, tem a página como referência para se posicionar, ou seja, neste exemplo: <div style="position: absolute; top: 0; left: 0;"></div> A div está situada no canto superior esquerdo da página. Quando define-se um elemento com a propriedade position: relative, este passa a ter referência em si mesmo, e os elementos que se encontram dentro deste passam a tê-lo como referência, por exemplo: <div id="a" style="position: relative;"> <div id="b" style="position: absolute; top: 0; left: 0;"></div> </div> Neste exemplo a div #b não ficará no canto da página, mas sim no canto da div #a. Finalmente, quando definimos a propriedade position: fixed, o elemento tem como referência a tela, e nela se fixa, isto é, acompanha o scroll: <div style="position: fixed; bottom: 10px; right: 0;"></div> É interessante que a propriedade position seja acompanhada da propriedade z-index; este que determina o layer, ou a camada em que o elemento se encontra, controlando a sobreposição (quanto maior o número, mais alto o layer, isto é, sobrepõe os layers inferiores). <div style="position: absolute; top: 30px; left: 0; z-index: 3;"></div> <div style="position: fixed; top: 0; left: 0; z-index: 1;"></div> <div style="position: absolute; top: 0; right: 0; z-index: 2;"></div>
  12. Converter vb.net para Javascript

    Aqui está o código: <script> function CallHours(){ var data = new Date(); var valorASomar = 1000 * 60 * 60 * 30; // milissegundos * segundos * minutos * horas data.setTime( data.getTime() + valorASomar ); var semana = ["domingo", "segunda-feira", "terça-feira", "quarta-feira", "quinta-feira", "sexta-feira", "sábado"]; //getDay obtem o número correspondente do dia da semana (de zero a 6) var diaDaSemanaExpandido = semana[ data.getDay() ]; //adiciona um zero à esquerda, caso a hora seja menor que 10 var hora = (data.getHours() < 10)? "0"+data.getHours() : data.getHours(); var minuto = (data.getMinutes() < 10)? "0" + data.getMinutes() : data.getMinutes(); var resultado = diaDaSemanaExpandido + " - " + hora + ":" + minuto; return resultado; } </script>
  13. Codigo HTML e CSS, como arrumar issso.

    Bastava você adicionar uma propriedade css à imagem: <img src="..." style="vertical-align: middle;"> Pois como padrão, a propriedade vertical-style está definida "baseline", o que alinha a imagem na altura da linha do texto ao seu redor (a imagem fica "flutuando").
  14. Height automático em <div>

    Uma das soluções seria fixando o cabeçalho e o rodapé no topo e na parte inferior, respectivamente, utilizando css: <head> <style> body{ margin-left: 0; margin-right: 0; margin-top: 200px; /* altura da div #topo */ margin-bottom: 150px; /* altura da div #rodape */ padding: 10px; /* espaçamento interno */ } #topo{ height: 200px; top: 0; z-index: 2; /* deixar #topo sobrepondo do #rodape, caso a janela seja muito baixa */ } #rodape{ height: 150px; bottom: 0; z-index: 1; } #topo, #rodape{ /* propriedades que são as mesmas para topo e rodape */ width: 100%; display: block; position: fixed; left: 0; } </style> </head> <body> <div id="topo" style="background: red;"> (...) </div> <div id="conteudo"> (...) </div> <div id="rodape" style="background: blue;"> (...) </div> </body>
×