Ir para conteúdo
Fórum Script Brasil

Anderson Ferreira

Membros
  • Total de itens

    358
  • Registro em

  • Última visita

Posts postados por Anderson Ferreira

  1. 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

  2. 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

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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

  10. 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; }
    
    
    [...]

  11. 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:

  12. 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:

    imgfp.png

    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? :$

  13. Sinceramente, esse tipo de problema é bem inviável de ser reparado, pois teria que se abrir todos os arquivos, procurar todos os campos que são usados, montar a tabela e torcer para acertar na hora de definir o tipo de campo. Se você pagou pelo script, entre em contato com quem te enviou, afinal de contas, você pagou por uma solução, não por um problema.

    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

  14. 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

  15. 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

  16. 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

×
×
  • Criar Novo...