Anderson Ferreira

Boa tarde a todos, Então, não sei se você's conhecem, mais o xCSS é um framework CSS. Vamos dizer, q é a própria linguagem do CSS, juntamente com o PHP. Ou seja, pode-se criar variáveis PHP, e armazenar uma cor HexaDecimal, e utilizar esta variável no CSS. Como o Exemplo abaixo: vars { $laranja = #FFAD00; } .menu { background: $laranja; } .conteudo { color: $laranja; } É muito útil e prático para o programador :D O framework funciona estilo uma linguagem de programação mesmo, ele até possui estilo um 'compilador'. Ou seja, você escreve todo o código com as variáveis PHP e com o CSS, e depois ele 'compila (converte)', tudo para CSS, para q o navegador possa entender. No caso do exemplo anterior, depois de 'compilado' pelo framework, ficaria da seguinte maneira o código: .conteudo { color: #FFAD00; } .menu { background: #FFAD00; } Mais o problema é... Quando ele compila, ele não fica com uma boa semântica (na minha opinião). Como por exemplo a tag 'body' q deveria ficar no início do CSS, fica lá pro meio =\ No caso do meu CSS (depois de compilado pelo framework), olha como ficou: .conteudo, .barra1, .barra2, .barra3, .barra4 { float: left; background: #FFF; } .conteudo .texto, .barra1 .texto, .barra2 .texto, .barra3 .texto, .barra4 .texto { padding: 10px 0; line-height: 20px; border: solid; } .conteudo .titulo, .barra1 .titulo, .barra2 .titulo, .barra3 .titulo, .barra4 .titulo { width: 100%; line-height: 30px; color: #FFF; text-align: center; } .barra1, .barra2, .barra3, .barra4 { width: 140px; } .barra1 .titulo, .barra2 .titulo, .barra3 .titulo, .barra4 .titulo { height: 30px; font-size: 20px; } .barra1 .menu li, .barra2 .menu li, .barra3 .menu li, .barra4 .menu li { line-height: 20px; } .barra1 .img, .barra2 .img, .barra3 .img, .barra4 .img { margin-top: 10px; } .barra1 .img img, .barra2 .img img, .barra3 .img img, .barra4 .img img { border: 2px solid; } .barra1 .texto, .barra2 .texto, .barra3 .texto, .barra4 .texto { border-width: 0 0 1px 0; } .barra1 .menu, .barra2 .menu, .barra3 .menu, .barra4 .menu { margin-top: 10px; height: 100px; padding-bottom: 10px; } .barra1 a, .barra2 a, .barra3 a, .barra4 a { color: #000; } .barra1 .img .texto, .barra2 .img .texto, .barra3 .img .texto, .barra4 .img .texto { font-weight: bold; line-height: 20px; } .conteudo, .barra1, .barra2, .barra3 { margin-right: 15px; } .barra4 .titulo { background: #aa00ff; } .barra4 .menu { border-bottom: #aa00ff 1px solid; } .barra3 .texto { color: #df1322; } .barra3 .titulo { background: #df1322; } .barra3 .menu { border-bottom: #df1322 1px solid; } .barra3 .menu li { color: #df1322; } .barra4 .menu li { color: #aa00ff; } .barra4 .img img { border-color: #aa00ff; } .barra1 .img img { border-color: #00b6e7; } .barra2 .texto { color: #FFAD00; } .barra2 .img img { border-color: #FFAD00; } .barra3 .img img { border-color: #df1322; } .barra4 .texto { color: #aa00ff; } .barra1 .menu li { color: #00b6e7; } .cabecalho { background: #FFF; width: 100%; height: 100px; margin-bottom: 10px; padding-top: 20px; border-bottom: #000 1px solid; } .logotipo { background: url('../../img_np/logotipo.png'); width: 290px; height: 67px; margin-left: 30px; } .nuvemdetags { width: 100%; } .cadastro { margin: 20px 0 50px 0; } .bordas { background: #000 url('../../img_np/bordas.png'); width: 350px; height: 11px; } .titulo ul li { padding: 0 10px; color: #FFF; display: inline; position: relative; } .geral { background: #FFF; width: 970px; position: relative; left: 50%; margin-left: -485px; } .conteudo { background: #FFF; width: 350px; } h3 { color: #00b6e7; font-size: 18px; font-weight: bold; } .titulo { background: #000; height: 19px; font-size: 18px; } .cadastro p { margin: 20px 0 5px 0; } .cadastro .input { width: 200px; height: 25px; border: #999 1px solid; } .barra1 .texto { color: #00b6e7; border-color: #00b6e7; } .barra2 .titulo { background: #FFAD00; } .barra2 .menu { border-bottom: #FFAD00 1px solid; } body { min-width: 1000px; font-family: Arial; } .barra1 .menu { border-bottom: #00b6e7 1px solid; } .cadastro .submit { background: #DDD; width: 200px; height: 25px; border: #999 1px solid; } .barra1 .titulo { background: #00b6e7; } .barra2 .menu li { color: #FFAD00; } Ai qria perguntar isto para você's, o que acham deste framework? Aprovado? :D Tipo, pela parte do programador, acho q TODOS irão aprovar, pois facilita MUITO o trabalho. Mais gostaria da opinião de você's em relação a semêntica do CSS do site, se vale a pena utilizar ele (o framework). Obrigado, Anderson Ferreira

Bom galera ... Éssa é uma pergunta SUPER conhecida. Sei q muitos podem dizer: Há, procura no Google, procura no fórum, e etc ... Mais tive q abrir este tópico, por questão de ser algo bem pessoal sobre mim (um pouco da minha vida), por isto q teria q ser uma pergunta única ... Então, vamos lá ;D Tenho 15 anos... Estou no 2° ano do Ensino Médio (3° ano em 2010). Isto qr dizer q a faculdade já esta chegando :S Também faço um curso técnico todos os dias, em Técnico em Telemática (Redes de computadores) Entrei no curso técnico só pra aumentar meus conhecimentos mesmo. E por ser gratuito :D Mais Redes não é uma coisa q sou fã. Atualmente, gosto muito de mecher com PHP, HTML e coisas do tipo. Produzo coisas simples, sites para família, e etc. Busco sempre aprender mais, como agora já sei coisas relacionadas a HTML, PHP, MySQL, jQuery, CSS, xCSS e etc, etc, etc... Vamos dizer q tenho conhecimento 'médio'. Como a faculdade já esta chegando, estava pensando em q faculdade fazer... Por questão de comentários, ouvi muito falar de Ciências da Computação. Então é a atual escolha minha. Sei q aprende de tudo com esta faculdade... Desde Redes, a Programação, Design e etc. Mais o problema é, não acho q é isso q qro, uma coisa muito 'superficial' como a faculdade de Ciências da Computação... Todo mundo faz isso, q vejo falar q meche com informática :S Qria me especializar em algo direto, e claro. Como gosto desta área mais no desenvolvimento de Web-Sites, pensei em fazer uma faculdade de Web-Design. Mais o problema é: Muitos também fazem uma faculdade deste tipo. o que acaba não sendo um mercado vantajoso. Procurei o salário médio, e ví q éra de R$ 1000 á R$ 2000... não sou ganancioso, mais não acho vantajoso estudar toda uma vida, e parar em um salário como este. Por isso q gostaria saber da opinião de você's .. Acho q você's percebram + ou - o que gosto de fazer. O problema é q muitos dos jovens como eu, também gostam de fazer isto, o que fazem eles seguirem a carreira de web-design também, e fazer com q esta área seja muito competitiva. Este q é o problema :S // Acho q qro seguir isto, pois só tenho contato atualmente com isso. Gostaria de receber opiniões e sugestões sobre isso, MUITO obrigado, Anderson Ferreira

Bom, infelizmente não sei te dizer como fazer exatamente como abrir os .doc no navegador. Mais sei q existe uma maneira sim, pois já ví em um computador do meu curso técnico. O q sei, é q pra abrir o .doc no navegador, você precisaria de um "plugin" para o navegador q permite abrir este tipo de arquivo. É como acontece com os arquivos .pdf , você não consegue abri-lo só com um navegador, você precisa instalar softwares q possuem plugins para o navegador, como o Adobe Reader ou o Foxit PDF Reader. E em questão dos arquivos do Excel, o Google possui uma página na internet, q permite vizualizar e editar planilhas. A página é: http://spreadsheets.google.com/ccc?key=tJS...ZoVvQ&hl=en Abraços (e desculpa não te ajudar plenamente), Anderson Ferreira

Bom .. Como você postou no fórum de PHP, .. Não tem como fazer isso em PHP (teria q utilizar Flash, eu acho) =\ Sei lá, acho q poderia fazer com q ao saisse do navegador, o tempo ficasse salvo em um cookie... É a única maneira q acho q poderia ser feita :S Abraços (e boa sorte), Anderson Ferreira

Nãao :X Isso é feito em PHP. Mais você pode juntar PHP com HTML, como por exemplo, você poderia pegar o seguinte código HTML: <font color='FF0000'>TEXTO VERMELHO</font> E colocar dentro de uma variável PHP: $t = "<font color='FF0000'>TEXTO VERMELHO</font>"; E executar o Filtro de Palavras da seguinte maneira: echo Filtrar ($t); Abraços, Anderson Ferreira

O nome disso é "Menu Drop Down Horizontal" Procura no Google q existe váaaaaaaaaarios tutorial disso :D (mais precisaria de um conhecimento básico em HTML e CSS) Abraços (e boa sorte), Anderson Ferreira

Bom cara, pra Word (.doc) , PDF e Power Point eu sei q tem como ... Agora pra Excel nunca ví ~ G_G também qria sabeer uma maneeira ;D

Usa o float: left; ele faz mágicaas (66-) E o margin pra posicionar Ficaria assim: <html> <head> <title></title> <style type="text/css"> body { background-color: #555; text-align: center; } #tudo { background-color: #FF9900; width: 1000px; height: 3000px; text-align: left; } #topo { background-color: #efebef; width: 990px; height: 120px; float: left; margin: 5px 0 0 5px; } #navbar { background-color: #efebef; width: 150px; height: 600px; float: left; margin: 5px 0 0 5px; } #conteudo { background-color: #efebef; width: 670px; height: 600px; float: left; margin: 5px 0 0 5px; } #anunciobar { background-color: #efebef; width: 160px; height: 600px; float: left; margin: 5px 0 0 5px; } </style> </head> <body> <div id="tudo"> <div id="topo"></div> <div id="navbar"></div> <div id="conteudo"></div> <div id="anunciobar"></div> </div> </body> </html> PS: No IE o layout ficou centralizado, mais no Firefox e no Chrome ficou alinhado a esqrda ... Mais se você quiser alinhar centralizado o layout inteiro pra todos os navegadores, ficaria assim: sua tag #tudo: #tudo { background-color: #FF9900; width: 1000px; height: 3000px; text-align: left; position: absolute; left: 50%; margin: 0 0 0 -500px; } Abraços (e boa sorte), Anderson Ferreira

Bom, boa noite ... Primeiramente tenho que saber o seguinte. você esta iniciando no PHP ... Mais sabe o básico? Tipo, vou supor q você já criou um Banco de Dados, criou uma tabela, e esta tabela já possui registros, e etc... Então, caso você já tenha um Banco de Dados pronto, você teria q fazer a conexão com o banco de dados, e utilizar a função UPDATE do MySQL. A sua action do formulário, ficaria assim: <?php #CONECTA COM O BANCO DE DADOS #variaveis $servidor_bd = "servidor (provavelmente vai ser: localhost)"; $nome_bd = "nome do banco de dados"; $usuario_bd = "usuario do banco de dados"; $senha_bd = "senha do banco de dados"; #conexao mysql_connect ($servidor_bd, $usuario_bd, $senha_bd); mysql_select_db ($nome_bd); #ALTERA DADOS DO BANCO DE DADOS #variaveis $nome = $_POST["nome"]; #alteracao $conexao = mysql_query("UPDATE nome_da_tabela SET nome='$nome' "); if ($conexao == true) { echo "Alteração realizada com sucesso"; } else { echo "Erro durante a alteração dos dados"; } ?> Boa sorte, Anderson Ferreira

Sim .. É sobre matérias, como um sistema q vários sites possuem: "OS 10 ÚLTIMOS POSTS" ... Ai eu tava com esta dúvida, entre a data e o campo ID. Mas é só isso mesmo ~ Qr dizer q o melhor seria com referência a data, correto? Pra fazer o sistema já sei :D Obrigado, Anderson Ferreira

Boa noite a todos, Galera, estou com uma dúvida. Pretendo criar um sistema para um site (acho q é esse o nome: sistema). Este sistema funcionária da seguinte forma: teria todos aqles esqmas de login, cadastro, etc... E também qria criar uma parte de postagem de matérias. Neste meu site, teria: as 10 últimas matérias. Ai q surge a dúvida. Na tabela 'materias(ou posts)' do meu BD, teria lá vários campos. Um deles seria o ID (com uma chave-primária de auto-numeração) e outro campo q seria a data q a matéria foi feita. A minha dúvida é esta: na hora de exibir no meu site, as 10 últimas matérias, o correto seria fazer uma busca através da data, ou através do campo chave-primária ID? Acho q da pra entender ... Obrigado a todos, Anderson Ferreira

Sim, eu também pensei nisso. Mais não sei se é coisa da minha mente, ... Mais to començando a pensar q só funciona na chuva =| Tem alguma coisa haver?! :S

Olá a todos do SB ... Estou com um problema relacionado a redes Wi-Fi :S O problema é que, eu comprei uma antena e uma placa Wi-Fi pra capturar um sinal de uma rede Wi-Fi e utilizar internet aq em casa. Existe uma rede Wi-Fi ao lado da minha residência (cerca de 5 á 10 metros), e outra com distâncias de 2 casas da minha té a dela (cerca de 30 metros). Nesta rede mais próxima, eu consigo utiliza-la normalmente, mais o problema q não é esta rede q eu qro usar, e sim a rede q tem distância de 30 metros de minha casa. O estranho q percebi, é que estranhamente, to começando a achar q esta rede de 30 metros só pega na chuva =\ Pode dizer q esla esta distante, e tem problema no sinal, mais não é esse o problema. Pois minha antena é de 25Db, e o sinal chega aq a cerca de 30 a 50%, q não é um valor muito ruim. Podem dizer também q é problema lá na rede, provavelmente o roteador. Mais estranhamente não é esse o problema =\ Pois levei meu PC lá de lado do roteador, ai funcionou :S Alguém sabe o que é isso? ;S Obrigado, Anderson Ferreira

É, realmente 'muito' estranho ... E o problema infelizmente é no Firefox e no Chrome ( desta vez não é no IE =| ) SOBRENATURAL ² :ninja:

Fechei sim o <a>... Quando coloco a tag <img> ao invés da tag <div>, funciona normalmente, ou seja, o link fica correto, só na parte de vermelho. O problema é q coma tag <img> o hover da imagem não funciona =\ Lembrando q este problema só acontece no Firefox e no Chrome (é por incrível q pareça, o IE é o único q funciona dessa vez ~ KKK) Código da pág abaixo: HTML: <div id="geral"> <div class="cabecalho"> <a href="http://www.link.com/" ><div id="logo"></div></a> <!-- ############### ESTA AQUI O LOGOTIPO ############### --> <div id="pesquisar"> <form action="" method="get"> <span class="negrito cinza-escuro">PESQUISAR:</span> <input name="pesquisar" /> </form> </div> <div class="menu"> <div class="azul"> <ul class="principais"> <li class="titulo-azul"><a href="#">categorias</a></li> </ul> <ul class="azul-ativo"> <li><a href="#">CMS</a></li> <li><a href="#">Design</a></li> <li><a href="#">Programação</a></li> <li><a href="#">Rede</a></li> <li><a href="#">Linux</a></li> <li><a href="#">Software</a></li> <li><a href="#">Tecnologia</a></li> </ul> </div> <div class="laranja"> <ul class="principais"> <li class="titulo-laranja"><a href="#">ferramentas</a></li> </ul> <ul class="laranja-ativo"> <li><a href="#">Contador de caractéres</a></li> <li><a href="#">Contador de palavras</a></li> <li><a href="#">Gerador de Meta-Tags</a></li> <li><a href="#">Velocímetro</a></li> </ul> </div> <div class="verde"> <ul class="principais"> <li class="titulo-verde"><a href="#">serviços</a></li> </ul> <ul class="verde-ativo"> <li><a href="#">Criação de sites</a></li> </ul> </div> <div class="cinza"> <ul class="principais"> <li class="titulo-cinza"><a href="#">sobre</a></li> </ul> <ul class="cinza-ativo"> <li><a href="#">Contato</a></li> <li><a href="#">Criadores</a></li> <li><a href="#">História</a></li> </ul> </div> </div> <!-- FIM - DIV "menu" --> <div id="busca"></div> </div> <!-- FIM - DIV "cabecalho" --> </div> <!-- FIM # DIV "geral" --> [...] CSS: @import url("reset.css"); @import url("menu.css"); body { background: #dfe9ed; } .negrito { font-weight: bold; } .cinza-escuro { color: #666666; } /* #barra-topo { width: 100%; height: 10px; background: #FFF; } */ #geral { position: relative; top: 20px; left: 50%; margin-left: -480px; width: 960px; } /* ---------------- Cabecalho --------------- */ .cabecalho { height: 115px; width: 960px; } #logo { background: url(../img/logo.jpg); width: 290px; height: 67px; margin: 0 0 0 20px; } #logo:hover { background: url(../img/logo_hover.jpg); } #pesquisar { width: 290px; height: 30px; margin: 20px 0 0 35px; } #pesquisar input { border: #00B6E7 1px solid; } #pesquisar input:hover { border: #FAB106 1px solid; } .barra { background: #0c0c0c; width: 100%; height: 5px; margin: 40px 0 0 0; float: left; } [...]

Não, não é assim. Eu fiz uma imagem, e coloquei um hover nela... Funcionou normalmente. Coloquei ela através de uma <div> Ai eu queria q esta imagem fosse um link, então coloquei <a> na <div>, pra esta <div> (q é minha imagem) virasse um link... Até ai tudo bem, o problema é q no Firefox e no Chrome, o link ficou na página inteira (horizontalmente). Sabe a imagem q postei acima? Então, era pra só a parte de vermelho ser o link, mas não sei como, a parte de azul também virou link :mellow: SOBRENATURAL :ninja:

Vlw Matheus, acho q deve ser o position mesmo ... Obrigado, Anderson Ferreira

Salve Matheus .. Eu tentei do seu jeito, e não funcionou :S // Já tinha testado desta maneira antes, mais não funciona :'( E Vini, da sua maneira funciona, eu também já havia testado assim. O problema é ... Coloquei uma <div>, e defini um background pra essa <div>. E nessa <div>, defini 300px de Width. O problema é q, como a <div> ta dentro de um link, é óbvio q a <div> inteira vai ser um link. Mas éra só pra os 300px de width ser o link. Sendo q o link dessa <div>, estranhamente, ta pegando a página inteira, ao invés de só os 300px =\ Um exemplo é o print da maneira do Vini, q seria a mais correta (na minha opinião), e q a tem melhor resultado até agora: A parte vermelha é o logotipo de 300px, é uma <div>... Ele ta dentro de um link <a>... Éra pra sómente ele ser o link, mas a parte de azul, também esta sendo o link :S (mas a parte cinza, o menu, não é link :D) Deu pra entender? :$

Hum, entendi .. O action dele, vai ser ele mesmo :D

Concordo plenamente ... você teria q abrir pág por pág do seu site, procurando quais tabelas, e quais campos o site precisa para funcionar. Como este seu site, acredito eu q é algo meio grande, certamente você teria dificultade nessa operação. Tenta entrar em contato como vendedor ;D Abraços e boa sorte, Anderson Ferreira

Mas como o PHP vai receber o resultado do formulário HTML? Só se for usar JS, o que seria mais complicado, no caso dele.

A única desvatagem disso, é que acho q é pouca coisa de mais pra um Sistema Operacional completo. Tudo isso, o Google poderia e deveria lançar versões como um 'aplicativo' e também, versões deste Sistema Operacional na nuvem (como o iCloud) ...

Olá galera, :D Como colocar um hover em uma imagem? Eu coloquei uma imagem através da tag <img>. E nesta tag, coloquei a propriedade id="logo", ficando da seguinte maneira: HTML: <a href="http://www.link.com/"><img id="logo" src="img/logo2.jpg" /></a> Ai eu queria colocar um efeito de "hover" sobre esta imagem, igual a do logotipo da Globo.com, que quando passa o mouse, ele troca de imagem, ou seja, trocando aquele logotipo mais escuro, por um mais claro. Então, no CSS coloquei da seguinte maneira: CSS: #logo { width: 290px; height: 67px; margin: 10px 0 0 0; } #logo:hover { background: url(../img/logo_hover.jpg); } Mais não funciona =\ Não tem hover :'( Como fazer isto? Obrigado, Anderson Ferreira

Então Gian, realmente não posso te ajudar completamente, pois não sei qual o estado desse seu site. Primeiramente, o problema está no login com o BD. Sabe o Usuário, a Senha e o Endereço do servidor que veio no site que você comprou? Esses dados estão dentro de um arquivo. o arquivo que conecta com o BD. Você deve trocar esses dados, pelos seus dados. Depois disso, tem q procurar se veio algum arquivo com o BD salvado. Se não veio, terá que criar manualmente o BD. Bom, não tem como eu te explicar exatamente como fazer isso. Pois não sei como está esse seu site. Não sei qual o arquivo que faz a conexão com o BD, e coisas do tipo. Realmente, só vendo pra poder explicar. Se você tiver um conhecimento básico de PHP / MySql, tenta procurar este arquivo que faz a conexão com o BD, e troca os dados que vinheram, pelos dados do seu servidor de hospedagem. Abraços, Anderson Ferreira

Olá cara, a primeira vista, o principal problema aí no seu site é a conexão com o Banco de Dados. Abra o arquivo que faz a conexão com o BD, e coloque o Login, a Senha e o Endereço do Servidor, do seu banco de dados (no seu caso, os dados do servidor que você está utilizando para hospedar o site). Dúvidas poderão sugir, não esqueça de usar o fórum :D Abraços Anderson Ferreira