Ir para conteúdo
Fórum Script Brasil

Matheus Matos

Membros
 Perfil  Explorar Conteúdo

  • Total de itens

    493

  • Registro em

  • Última visita

 Tipo de Conteúdo 

Posts postados por Matheus Matos

  4. XML

    em Flash & ActionScript

    Postado

    Opa! Pessoense aqui! :lol:

    Cara.. não uso Flash, não entendi o seguinte, ele lê o XML toda vez que vai dar o loop da animação, ou toda vez que a página é carregada?

    Mais seguindo uma lógica, não daria certo se você puxasse o conteúdo do XML e armazenasse em variavéis?

    bem.. mais aí era melhor colocar as informações logo nas variáveis ao invés do XML.

    enfim.. vamos debater mais para resolver seu problema.

    Há! Moderadores! Post no lugar errado, tá em Tutoriais & Dicas - Flash & ActionScript, mover para Flash e Action Script.

    Abraços

  5. (Resolvido) PHP no CSS

    em HTML, XHTML, CSS

    Postado

    Bem, como já falaram não tem como diretamente no css, pois a extensão não é .php e a linguagem não lerá o arquivo, quanto menos interpretar o que tem lá.

    Agora uma solução que existe para isso, é utilizar o xCSS, um framework para css escrito em php. Com ele se tem seletor de herança, seletores aninhados, variáveis, vários arquivos e não muda quase nada na sintaxe.

    Veja esse post que o Anderson escreveu, ou baixe-o diretamente no site oficial.

    Abraços

  7. caixas de dvd, cd, livros

    em Photoshop

    Postado

    Fala Mestre!

    Então cara, não existe tipo um 'biblioteca de efeitos' que já faça isso de cara. (tipo no office)

    Tem que ir fazendo na marra mesmo, de acordo com a foto que você tem vai-se aplicando transformações (como alongar, distorcer, esticar, encolher, girar, adicionar perspectiva), filtros, efeitos da camada e etc..

    Agora, tem vários psd's prontos para baixar por aí (com tutoriais até), a partir desses, você pode ter uma idéia de que efeitos utilizar, uma lista muito boa, é essa daqui que até tem várias capas de dvd lindas como essa por exemplo.

    Abraços

  11. Usar somente um arquivo css

    em HTML, XHTML, CSS

    Postado

    Sim, como o CSS trabalha com cascata, vai predominar a última informação passada.

    Então, você linka o css duas vezes. Exemplo:

    Você linka normalmente o css em todos os arquivos:

    <head>
  <link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
    Nos arquivos que você queira o body diferente, você diz após ter linkado. Exemplo: 
    <head>
  <link rel="stylesheet" type="text/css" href="estilo.css" />
  <style type="text/css">
  body {
    background: blue;
  }
  </style>
</head>
    Ou, pode linkar outro arquivo, caso queira fazer mais coisas diferentes além do body. Assim: 
    <head>
  <link rel="stylesheet" type="text/css" href="estilo.css" />
  <link rel="stylesheet" type="text/css" href="estilo-da-home.css" />
</head>

    CSS não tem mistério, tudo tem uma solução simples. ;)

    Abraços

  12. Efeito de integrar as imagens escondendo o recorte da foto

    em Photoshop

    Postado

    No caso pode se utilizar o desfoque gaussiano ou outro filtro.

    Bem, mais também pode pegar a ferramenta seleção, selecionar os lados (área nítida do recorte), tecle Ctrl+Alt+D, escolha uma difusão de pixels (entre 10 15 pixels) e vá apertando delete, quando achar que está bom pare.

    Repita o processo dependendo da foto, e depois é só posicioná-las onde queira.

    Dúvidas só falar postar.

    Abraços

  15. (Resolvido) como deixar meu site com aquela barrinha do google?

    em HTML, XHTML, CSS

    Postado · Editado por Matheus Matos

    Pronto, me empolguei resolvi fazer a parada quase toda logo.

    Ficou legal.

    Olha só, coloquei o css anexado. Código:

    <html>
   <head>
       <title>Título do seu site</title>
            <style type="text/css">
                * {
                  margin: 0px; padding: 0px;
                  font-family: Arial;
                  font-size: 13px;
                  outline: none;
                }
                #navegacao a {color: #0000cc;}
                #navegacao {
                  position: absolute;
                  top: 0px; left: 0px;
                  width: 100%; height: 25px;
                  border-bottom: #c9d7f1 1pt solid;
                }

                #navegacao .esquerda {
                  position: absolute;
                  left: 5px;  top: 5px; height: 15px;
                  float: left;
                }
                
                #navegacao .esquerda span {margin-left: 5px; position: relative;}
                #navegacao .esquerda span strong {
                  position: absolute;
                  top: 6px; left: 28px;
                  width: 14px; height: 7px;
                  color: transparent;
                  background: url(seta.jpg) no-repeat right -7px;
                }
                
                #navegacao .direita {
                  position: absolute;
                  right: 10px;  top: 5px; height: 15px;
                  float: left;
                }
                
                #navegacao .direita span {
                  margin-left: 2px; 
                }
                
                #navegacao #mais {
                  position: absolute;
                  top: 25px; left: 340px;
                  width: 100px;
                  border: #3366cc 1pt solid;
                  border-left: #c9d7f1 1pt solid;
                  border-top: none;
                  display: none;
                }
                
                #navegacao #mais a {text-decoration: none;}
                #navegacao #mais .separador {
                  height: 1pt;
                  border-top: #c9d7f1 1px solid;
                  margin: 5px 0px 5px 10px;
                  width: 80px; 
                }
                #navegacao #mais span {
                  float: left;
                  position: relative;
                  width: 100px; height: 20px;
                }
                
                #navegacao #mais span a {
                  position: absolute;
                  padding: 2px 0px 2px 10px;
                  width: 90px;
                }
                
                #navegacao #mais span a:hover {background: #3366cc; color: #FFFFFF;}

            </style>
   </head>
   <body>
       <div id="navegacao">
            <div id="mais">
                <span><a href="http://books.google.com.br">Livros</a></span>
                <span><a href="http://translate.google.com.br">Tradutor</a></span>
                <span><a href="http://blogsearch.google.com.br">Blogs</a></span>
                <span class="separador"></span>
                <span><a href="http://www.youtube.com.br">Youtube</a></span>
                <span><a href="http://www.google.com/calendar">Agenda</a></span>
                <span><a href="http://picasaweb.google.com.br">Fotos</a></span>
                <span><a href="http://docs.google.com">Docs</a></span>
                <span><a href="http://www.google.com.br/reader">Reader</a></span>
                <span><a href="http://sites.google.com">Sites</a></span>
                <span><a href="http://groups.google.com.br">Grupos</a></span>
                <span class="separador"></span>
                <span><a href="http://www.google.com.br/intl/pt-BR/options/">e muito mais &raquo;</a></span>
            </div>
           <div class="esquerda">
                <span><b>Web</b></span>
                <span><a href="http://images.google.com.br">Imagens</a></span>
                <span><a href="http://videos.google.com.br">Vídeos</a></span>
                <span><a href="http://maps.google.com.br">Mapas</a></span>
                <span><a href="http://news.google.com.br">Notícias</a></span>
                <span><a href="http://www.orkut.com.br">Orkut</a></span>
                <span><a href="http://mail.google.com">Gmail</a></span>
                <span><strong id="seta"></strong>
                &lt;script type="text/javascript">
                function mostrar() {
                 if (document.getElementById('mais').style.display == 'none') {
                   document.getElementById('mais').style.display = 'block';
                   document.getElementById('seta').style.background = ' url(seta.jpg) no-repeat right 0px';
                  }else {
                   document.getElementById('mais').style.display = 'none';
                   document.getElementById('seta').style.background = ' url(seta.jpg) no-repeat right -7px';
                  }
                }
                </script>
                <a href="java script:void(0);" onclick="mostrar();">mais</a></span>
           </div>
           <div class="direita">
                <span><a href="http://www.igoogle.com.br">iGoogle</a></span>
                <span><a href="http://www.google.com.br/preferences">Configurações</a></span>
                <span><a href="http://www.google.com.br/accounts">Fazer Login</a></span>
           </div>
       </div><!-- Fim da Navegação-->
</body>
</html>

    Agora é só criar um arquivo .html, e salvar essa imagem no mesmo diretório do html.

    Veja aí e fala o que achou!

    Não ficou um código muito limpo, mais pelo tempo que eu tinha foi o que deu pra fazer.

    Abraços

  16. (Resolvido) como deixar meu site com aquela barrinha do google?

    em HTML, XHTML, CSS

    Postado

    Bem, continua simples.

    No seu HTML, deve ter uma div chamada navegação. Vejamos:

    <html>
   <head>
       <title>Título do seu site</title>
       <link rel="stylesheet" type="text/css" href="estilo.css" />
   </head>
   <body>
       <div id="navegacao">
           <ul class="esquerda">
                <li><a href="http://www.google.com.br">Web</a></li>
                <li><a href="http://images.google.com.br">Imagens</a></li>
                <li><a href="http://videos.google.com.br">Vídeos</a></li>
           </ul>
           <ul class="direita">
                <li><a href="http://www.igoogle.com.br">iGoogle</a></li>
                <li><a href="http://www.google.com.br/preferences">Configurações</a></li>
                <li><a href="http://www.google.com.br/accounts">Fazer lLogin</a></li>
           </ul>
       </div><!-- Fim da Navegação-->
</body>
</html>
    O arquivo estilo.css será seu estilo e de acordo com a linkagem, tem que estar no mesmo diretório. CSS: 
    #navegacao {
position: absolute;
top: 0px; left: 0px;
width: 100%; height: 25px;
border-bottom: blue 1pt solid;
}

#navegacao .esquerda {float: left;}
#navegacao .esquerda ul li {
display: inline;
margin-right: 10px;
}

#navegacao .direita {
position: absolute;
top: 0px; right: 0px;
}

#navegacao .esquerda ul {float: right;}
#navegacao .esquerda ul li {
display: inline;
margin-right: 10px;
}

    Testa aí agora, abraços!

  17. (Resolvido) como deixar meu site com aquela barrinha do google?

    em HTML, XHTML, CSS

    Postado

    Como deixar com aquela do google ou quer uma igual?

    Se quer exatamente a do google, precisa utilizar php com file_get_contents() e terás que observar outras coisas.

    Agora, se quer uma parecida, é mole.

    <ul class="navegacao">
  <li><a href="http://www.google.com.br">Web</a></li>
  <li><a href="http://images.google.com.br">Imagens</a></li>
  <li><a href="http://video.google.com.br/">Vídeos</a></li>
</ul>
    No css: 
    .navegacao {display: inline;}
.navegacao li {margin-right: 10px;}

    Abraços

  18. quando coloco position relative

    em HTML, XHTML, CSS

    Postado

    Você tem que utilizar float, e não position.

    Para saber mais sobre float, leia este artigo.

    Seria o div geral com position normal, caso queira centralizá-lo na página, defina absolute, 50% de left e menos a metade do width como margin-left, assim:

    #geral {
position: absolute;
width: 960px; left: 50%;
margin-left: -480px; /* Metade de 960 */
}
    Aí no restante, tens que utilizar float, assim: 
    #topo {
float: left;
width: 960px;
}

#geral2 {
float: left;
width: 960px;
}

#esquerdo {
float: left;
width: 250px;
}

#centro {
float: left;
margin-left: 10px;
width: 700px;
}

#rodape {
float: left;
width: 250px;
}

    Fácil fácil, lembre-se de utilizar o float, apenas com eles os elementos vão fluir pela página, com o position, ele vai perder o fluxo dos elementos, menos o position static que é o padrão então não faz diferença.

    Abraços!

  21. (Resolvido) Como criar a opção de sim /não como resposta?

    em Ajax, JavaScript, XML, DOM

    Postado · Editado por Matheus Matos

    Simples simples, como dizem, lógica é o talento, a linguagem é apenas conhecimento.

    Você já disse o código, oras, se, o que o cara digitou, for diferente à tal variavel, inferir e pedir confirmação.

    Em código, algo mais ou menos assim:

    <form>
<input type="submit" id="submit" value="Continuar" />
<script type="text/javascript">
function perguntar() {
$valor = 123456;
if(document.getElementById("submit").value == 123456 ) {
window.alert("Digitou certo, que milagre seu mongó!");
}else {
window.alert("Você e cego ow? Digita direito!");
}

}

document.getElementById("submit").onclick = "perguntar()"
</script>
</form>

    Tem gente que faz melhor (bem melhor) que esse daí, mais só consegui escrever isso. Aliás, código é poesia. =D

    Abraços

  24. Letra sobre letra

    em HTML, XHTML, CSS

    Postado

    O absolute refere-se á margem superior direita do elemento pai.

    Lembrando que, o elemento pai é aquele que tem o position diferente do static (default).

    Para saber mais, observe o artigo Propriedade position do CSS no tableless.

    Basicamente se conseguir colocar os dois elementos no mesmo lugar na página, basta colocar um position relative no .baixo e top: 2px; e left: 2px; -- há, dá tudo no mesmo..

    Abraços

×
×
  • Criar Novo...