Ir para conteúdo
Fórum Script Brasil

Pesquisar na Comunidade

Mostrando resultados para as tags ''html''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas

  • Pesquisar por Autor

Tipo de Conteúdo


Fóruns

  • Programação & Desenvolvimento
    • ASP
    • PHP
    • .NET
    • Java
    • C, C++
    • Delphi, Kylix
    • Lógica de Programação
    • Mobile
    • Visual Basic
    • Outras Linguagens de Programação
  • WEB
    • HTML, XHTML, CSS
    • Ajax, JavaScript, XML, DOM
    • Editores
  • Arte & Design
    • Corel Draw
    • Fireworks
    • Flash & ActionScript
    • Photoshop
    • Outros Programas de Arte e Design
  • Sistemas Operacionais
    • Microsoft Windows
    • GNU/Linux
    • Outros Sistemas Operacionais
  • Softwares, Hardwares e Redes
    • Microsoft Office
    • Softwares Livres
    • Outros Softwares
    • Hardware
    • Redes
  • Banco de Dados
    • Access
    • MySQL
    • PostgreSQL
    • SQL Server
    • Demais Bancos
  • Segurança e Malwares
    • Segurança
    • Remoção De Malwares
  • Empregos
    • Vagas Efetivas
    • Vagas para Estágios
    • Oportunidades para Freelances
  • Negócios & Oportunidades
    • Classificados & Serviços
    • Eventos
  • Geral
    • Avaliações de Trabalhos
    • Links
    • Outros Assuntos
    • Entretenimento
  • Script Brasil
    • Novidades e Anúncios Script Brasil
    • Mercado Livre / Mercado Sócios
    • Sugestões e Críticas
    • Apresentações

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM

Data de Atualização

  • Início

    FIM

Filtrar pelo número de...

Data de Registro

  • Início

    FIM

Grupo

AIM

MSN

Website URL

ICQ

Yahoo

Jabber

Skype

Location

Interests

Encontrado 424 registros

  1. designerph
    Eu gostaria que cada valor em minha tabela html/php tivesse um switcher(checkbox) on/off padrão de seleção que quando eu mudar o valor, ele mantém dessa forma, mesmo quando estou acessando ou saindo da minha página.. minha tabela: <table> <tr> <th>ID</th> <th>Cliente</th> <th>Serviço</th> <th>Material</th> <th>Detalhes</th> <th>Observações</th> <th>STATUS</th> <th>Opções</th> </tr> <?php include "connect.php"; $i = "select * from tbl_student"; $h = mysql_query($i); while($tr=mysql_fetch_array($h)) { ?> <tr> <td><?php echo $tr[0]; ?></td> <td><?php echo $tr[1]; ?></td> <td><?php echo $tr[2]; ?></td> <td><?php echo $tr[3]; ?></td> <td><?php echo $tr[4]; ?></td> <td><?php echo $tr[5]; ?></td> <td><?php echo $tr[6]; ?></td> <td align="center"><a href="Delete_Form.php? txtid=<?php echo $tr[0];?>">Delete</a> / <a href="Edit_Form.php? txtid=<?php echo $tr[0];?>">Edit</a> </td> </tr> <?php } ?> </table> meu add-row.php <?php $id = $_POST['txtid']; $cliente = trim($_POST['txtcliente']); $servico = trim($_POST['txtservico']); $material = trim($_POST['txtmaterial']); $detalhes = trim($_POST['txtdetalhes']); $observacoes = trim($_POST['txtobservacoes']); $date = trim($_POST['txtdate']); if(isset($_POST['cmdadd'])){ if(empty($cliente) || $material=="Material" || $_POST['txtday']=="Day" || $_POST['txtmonth']=="Month" || $_POST['txtyear']=="Year" || empty($detalhes) || $subject=="Select Subject") { echo "<center>Sorry please input data</center>"; }else{ include "connect.php"; $i = mysql_query("insert into tbl_student values('".$id."','".$cliente."','".$servico."','".$material."','".$detalhes."','".$observacoes."','".$date."')"); if($i==true){ echo '<META HTTP-EQUIV="Refresh" Content="0; URL=index.php">'; } //if($i==true){ //header('Location:index.php'); //exit; //mysql_close(); //} } } ?> e meu sql database: CREATE TABLE IF NOT EXISTS `tbl_student` ( `id` int(10) NOT NULL, `cliente` varchar(50) NOT NULL, `servico` varchar(10) NOT NULL, `material` varchar(50) NOT NULL, `detalhes` varchar(50) NOT NULL, `observacoes` varchar(50) NOT NULL, `date` text NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; Estou seguindo este tutorial, mas não consigo aplicar nos meus códigos atuais que estão funcionando perfeitamente para inserir, editar ou deletar os valores, gostaria apenas de acrescentar este sistema de switch on/off para cada valor adicionado. http://www.freezecoders.com/2013/05/store-value-from-onoff-button-in-mysql-database-using-php-ajax.html
  2. Kernal112
    Gostaria de saber se alguém tem algum exemplo de um POST de ajax com o php retornando vários tipos de mensagem exemplo: fiz um submit pra algum arquivo php e ele retorna o seguinte em json: 'status' => 'sucesso','message'=> 'Registro feito com sucesso' ou 'status' => 'existente','message'=> 'Registro já existente' ou 'status' => 'falha','message'=> 'Falha no registro' ai com o ajax dependo da resposta eu faço por exemplo um redirecionamento de pagina.
  3. elton007
    Boa noite galera gostaria de uma ajuda pois sou novato em programação, estou tentando criar um site em html para consultar um cliente na base de dados que esta na mesma pasta no meu PC local em access. o site em html eu fiz mais para ele consultar o cliente quando eu digitar o código no site eu não sei como fazer. alguém pode ajudar ? <!DOCTYPE HTML > <html> <head> <title>Busca de Clientes</title> <link rel='stylesheet' type='text/css' href='estilo.css'> </head> <body> <div id = "topo" align='center'> </a> <h1 id='bb' align='center'>Busca de Clientes</h1> </div> <hr/> <h3>Informe a Código do cliente.</h3> <p align='justify'> </p> <div id='formulario'> <form> <label>Código: </label><input><br/> <br/> <button>Consultar</button> <br/> <hr/> </form> </div> <ul> <li>Código: </li> <li>Nome: </li> <li>Endereço: </li> <li>Conta: </li> <li>Valor: </li> </ul> </body> </html>
  4. jeffersondasilva1@hotmail.
    Boa tarde, eu tenho a seguinte função que deve validar se a data passada pelo usuário é maior que a data atual, porém a validação não ocorre, já tentei de diversas formas e procurei em varios lugares da web porém nada, fico no aguardo de instruções! Valeu galera! OBS: data é puxada através de um array html. function valida(dados) { var camposPreenchidos = true; var inputs = dados.getElementsByTagName('input'); for (var i=0; i < inputs.length; i++) { if (inputs[i].getAttribute('name') == 'data_realizacao[]') { if (inputs[i].value.trim() > '<COMO COMPARAR ?????>') { alert('Data não pode ser maior que data atual.'); return false; } } } return true; }
  5. carolinesps
    Boa Tarde, não tenho muito conhecimento em jquery e peguei esse codigo para estudo em outros sites. Gostaria de saber se tem como atribuir um display block, ou algum esquema no jquery para poder aparecer as quantidades de linhas conforme determinado no "IF do adicionarCampos", e aparecer automatico a quantidade certinha, tem como ? Link : https://jsfiddle.net/hgoc4p9v/8/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Adicionando linhas dinamicamente</title> <style type="text/css" media="all"> body{ font-family:Arial, Helvetica, sans-serif } #tudo{ border:#CCCCCC 1px solid;width:680px;margin:0 auto; } .bd_titulo{ text-align:center; background-color:#CCCCCC; font-weight:bold } </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript"> $(function () { function removeCampo() { $(".removerCampo").unbind("click"); $(".removerCampo").bind("click", function () { if($("tr.linhas").length > 1){ $(this).parent().parent().remove(); } }); } $(".adicionarCampo").click(function () { if($("tr.linhas").length < 3) { novoCampo = $("tr.linhas:first").clone() novoCampo.find("input").val(""); novoCampo.insertAfter("tr.linhas:last"); removeCampo(); } }); }); </script> </head> <body> <form method="post" name="frm_campo_dinamico" action=""> <div id="tudo"> <table border="0" cellpadding="2" cellspacing="4" > <tr><td class="bd_titulo" width="10">Qtde</td><td class="bd_titulo">Descrição</td><td class="bd_titulo">Cor</td><td class="bd_titulo">Valor R$</td></tr> <tr class="linhas"> <td><input type="text" name="qtd[]" style="text-align:center" /></td> <td><input type="text" name="descricao[]" /></td> <td> <select name="cor[]"> <option value="" selected="selected">Selecione uma cor...</option> <option value="Amarelo">Amarelo</option> <option value="Branco">Branco</option> <option value="Cinza">Cinza</option> <option value="Verde">Verde</option> </select> </td> <td><input type="text" name="valor[]" style="text-align:center" /></td> <td><a href="#" class="removerCampo" title="Remover linha"><img src="images/minus.png" border="0" /></a></td> </tr> <tr><td colspan="4"> <a href="#" class="adicionarCampo" id="adicionarCampo" name="adicionarCampo" title="Adicionar item"><img src="images/plus.png" border="0" /></a> </td></tr> <tr> <td align="right" colspan="4"><input type="submit" id="btn-cadastrar" value="Cadastrar" /></td> </tr> </table> </form> </div> </body> </html>
  6. ThaaiFeerreira
    Boa noite, estou com problema para exibir a foto no browser o repeater traz todas as informações do banco menos a foto. Inseri os dados manualmente no banco.//TABELACREATE TABLE [dbo].[Imoveis]([CodImovel] [int] IDENTITY(1,1) NOT NULL,[Descricao] [varchar](750) NOT NULL,[QtdDorms] [int] NOT NULL,[TipoImovel] [varchar](7) NOT NULL,[Localizacao] [varchar](6) NOT NULL,[Valor] [money] NOT NULL,[Operacao] [varchar](7) NULL,[Cidade] [varchar](75) NULL,[Foto] [varchar](150) NULLPRIMARY KEY CLUSTERED ([CodImovel] ASC)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]) ON [PRIMARY]//OBJETO DE TRANSFERENCIAusing System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;namespace Entities{public class Imovel{public int CodImovel { get; set; }public string Descricao { get; set; }public int QtdDorms { get; set; }public string TipoImovel { get; set; }public string Localizacao { get; set; }public double Valor { get; set; }public string Operacao { get; set; }public string Cidade { get; set; }public string Foto { get; set; }}}//DAL://Conexão com o banconamespace DAL{public class Conexao{public static string connectionString = System.Configuration.ConfigurationManager.ConnectionStrings["EDGImoveisConnectionString"].ConnectionString;public static SqlConnection connection = new SqlConnection(connectionString);public static void Conectar(){if (connection.State == System.Data.ConnectionState.Closed){connection.Open();}}public void Desconectar(){if (connection.State == System.Data.ConnectionState.Open){connection.Close();}}}}namespace DAL{public class ImovelDao{public List<Imovel> ObterTodasCasas(){try{var command = new SqlCommand();command.Connection = Conexao.connection;command.CommandText = "SELECT * FROM Imoveis";Conexao.Conectar();var reader = command.ExecuteReader();var imoveis = new List<Imovel>();while (reader.Read()){var imovel = new Imovel();imovel.CodImovel = Convert.ToInt32(reader["CodImovel"]);imovel.Descricao = reader["Descricao"].ToString();imovel.QtdDorms = Convert.ToInt32(reader["QtdDorms"]);imovel.TipoImovel = reader["TipoImovel"].ToString();imovel.Localizacao = reader["Localizacao"].ToString();imovel.Valor = Convert.ToDouble(reader["Valor"]);imovel.Foto = reader["Foto"].ToString();imoveis.Add(imovel); }return imoveis;}catch (Exception){throw;}}}}//BLLnamespace BLL{public class ImovelBo{private ImovelDao _ImovelDao;public List<Imovel> ObterTodasCasas(){_ImovelDao = new ImovelDao();return _ImovelDao.ObterTodasCasas();}}}//.CSnamespace EDGOficial.Painel{public partial class Imoveis : System.Web.UI.Page{private ImovelBo _imovelBo;protected void Page_Load(object sender, EventArgs e){CarregarImoveisNoRepeater();}private void CarregarImoveisNoRepeater(){_imovelBo = new ImovelBo();RepeaterCasas.DataSource = _imovelBo.ObterTodasCasas();RepeaterCasas.DataBind();}}}//.ASPX<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"><div id="paginas"><asp:Repeater ID="RepeaterCasas" runat="server"><ItemTemplate><div class="capaCasa"><img src="../Content/ImagensCasas/" <%#DataBinder.Eval(Container.DataItem,"Foto") %> "/></div><div class="NomeCasa"><%#DataBinder.Eval(Container.DataItem,"Descricao") %></div></div></ItemTemplate></asp:Repeater></div></asp:Content>Se alguém ai puder ajudar agradeço muito!! :D
  7. Werley Rodri
    Preciso de ajuda, ta dando esse erro Parse error: syntax error, unexpected 'else' (T_ELSE) in /home/u140970847/public_html/painel/altenticacao/connect.php on line 5 logo em baixo tem os dados.. não sei se ta certo <? session_start(); $conn = mysqli_connect('localhost', 'user', 'password', 'dbname'); mysql_select_db($_dbDatabase); else{ echo "Erro ao conectar-se com o banco"; exit; } ?>
  8. Daniel1201
    Pessoal sou novo no fórum e iniciante na área de programação. Meu problema é que não estou conseguindo validar formulários HTML usando javascript. Como ainda não entendi bem o javascript, irei deixar apenas o código do formulário para que possam me ajudar a elaborar o mesmo desde o início. Desde já obrigado. <HTML> <HEAD> <TITLE>FORMULÁRIO DE CADASTRO</TITLE> </head> <body> <form name="fcadastro" method="post" action="recebecadastro.php"> <b>Nome:</b> <br> <input name="nome" type="text" size="40"> <br> <b>Sexo:</b> <input name="sexo" value="Masculino" type="radio">Masculino <input name="sexo" value="Feminino" type="radio">Feminino <br> <b>Interesses:</b> <input type="checkbox" name= "assuntos[]" value="reforma"/> Reforma <input type="checkbox" name= "assuntos[]" value="construção"/> Construção <input type="checkbox" name= "assuntos[]" value="acabamento"/> Acabamento <br> <br> <td align="left"> <b>Endereço:</b><br> <input type="endereco" size="60"> <br> <b>CEP:</b> <input type="CEP" size="20"> <br> <b>Estado:</b> <select name="estado" size="1"> <option value="MG">MG</option> </select> <br> <b>Cidade:</b> <select name="cidade" size="1"> <option value="Boa Esperança">Boa esperança</option> <option value="Campo Belo">Campo Belo</option> <option value="Cristais">Cristais</option> <option value="Candeias">Candeias</option> <option value="Formiga">Formiga</option> </select> <br> <br> <b>Email:</b><input type=text name="Email" size="45"><br> <b>Senha:</b><input name="senha" type="password" size="20"> <br> <br> <b>Mensagem:</b><br><textarea name="Mensagem" rows="10" cols="60" wrap="virtual"></textarea></p><BR> <input type="submit" name="submit" value="Enviar"/> <input type="reset" value="limpar"> </form> <a href="index.html">Início</a> </body> </html>
  9. emanuelcasale
    Eae pessoal, sou novo na área de programação, e estou aprendendo de maneira autodidata, começando por CSS e HTML, e no material que encontrei na internet, ao decorrer do "curso" o objetivo é desenvolver uma página utilizando PHP, HTML, CSS E JS. Ainda estou na parte do HTML e CSS, e encontrei o seguinte problema: Ao inserir no documento css o seletor da classe "sacola" e especificar caminho para uma imagem no mesmo, a imagem não aparece ! Porém as outras mudanças na classe (fonte, padding, alinhamento) ocorrem normalmente! Gostaria de uma possível solução... Segue abaixo o código HTML E CSS. <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/estilos.css"> <title>Mirror Fashion</title> <meta charset="iso-8859-1"> </head> <body> <header> <h1><img src="img/logo.png" alt="Mirror Fashion> </h1> <p class="sacola"> Nenhum item na sacola de compras </p> <nav class="menu-opcoes"> <ul> <li><a href="#">Sua Conta</a></li> <li><a href="#">Lista de desejos</a></li> <li><a href="#">Cartão Fidelidade</a></li> <li><a href="sobre.html">Sobre</a></li> <li><a href="#">Ajuda</a></li> </ul> </nav> </header> </body> </html> .sacola { background: url(../img/sacola.png) no-repeat top right; font-size: 14px; padding-right: 35px; text-align: right; width:140px; } .menu-opcoes ul{ font-size:15px; } .menu-opcoes a{ color:#003366; } body{ color: #333333; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } Muito obrigado e me desculpem a inexperiência. PS: comecei há 2 dias.
  10. razao
    Estou com alguns problemas ao posicionar algumas imagens no meu site eles devem ficar parecido com esse modelo que fix no wix http://katrynel.wix.com/meusite se puderem me ajudar agradeço. aqui está o projeto https://github.com/razaoenvel/site/blob/master/SEC.rar?raw=true
  11. FabricioSilmeida
    ola galera, gostaria de saber como faço para salvar as alterações feitas no meu html a partir do javascript por exemplo, eu coloco um valor dentro da div com o (div.value ou div.inner) e depois quero gravar a alteração o arquivo esta no servidor então tenho que fazer com php me ajude gente to desesperado já kkkkkk
  12. pedro122

    Duvida?

    uma questão postou pedro122 PHP

    ah algum metodo para verificar se o chorme ta configurado de uma serta forma? tipo o usuario entra no meu site quando ele entra o site verifica se o chorme ta configurado de uma forma que eu quero....se tiver o site fica normal mais se não tiver aparece uma mensagem para o user de erro ou algo assim......tem como? obg!!
  13. acscarolina
    Como faço para transformar uma galeria normal para uma responsiva? Segue o código: <!--CSS--> .div-galeria{ width:10%; height:10%px; overflow:scroll; border-style:solid; border-color:#000000; } .div-img-pr{ width:10%; height:50%; background-repeat:no-repeat; background-position:center; background-size:auto; border-style:solid; border-color:#000000; } <!--Galeria de fotos--> <div class="localgaleria"> <script> function div_tr_gt(u){ var gth_y = 'url('+u+')'; document.getElementById('i-div-imgh').style.backgroundImage = gth_y; } </script> <?php $pasta = 'imagens/fotos/cachacaria'; if ($handle = opendir($pasta)) { /* Esta é a forma correta de varrer o diretório */ while (false !== ($file = readdir($handle))) { /* Resolvido o bug aqui.. */ if ($file != "." && $file != "..") { echo' <div id="i-div-imgh" class="div-img-pr" style="background-image:url('.$pasta.'/'.$file.');"></div>'; break; } } closedir($handle); } echo'<div class="div-galeria"> <table> <tr>'; foreach(glob(''.$pasta.'/{*.jpg,*.gif}', GLOB_BRACE) as $image) { $img_p = "'"; $file = $fotos[] = $image; $gty_array = array("",$img_p,$file,$img_p); $rtyyui = implode("",$gty_array); echo'<td><img onClick="div_tr_gt('.$rtyyui.');" src="'.$fotos[] = $image.'" width="50px" height="50px"></td>'; } echo'</tr></table></div>'; ?> </div>
  14. twister8
    Boa tarde, Pessoal, gostaria de uma ajuda de vocês. Eu preciso fazer um teste: Criar uma pagina simples com 2 campos a serem preenchidos como, por exemplo, Código e Data. Enviar esses valores que foram preenchidos à um iframe, eu não consegui fazer o envio dos valores ao Iframe, podem me ajudar? Abs.
  15. michaelandrews
    Olá, Tenho este código: <iframe src="http://oklivetv.com/bloomberg-usa-live/" style="border:1px solid;" name="frame1" scrolling="yes" frameborder="yes" align="center" height = "480px" width = "640px"> </iframe> Mas acontece que o resultado final é o que aparece neste link: Visualização do código A ideia seria retirar o cabeçalho e ser visível apenas a área de transmissão. É possível ? Se sim, o que preciso de fazer ? Obrigado. edit: Ok, parece que o resultado do código não aparece no link. Mas neste link já podem ver como é apresentado, Clique aqui Pretendia remover todo aquele cabeçalho para poupar espaço.
  16. acscarolina
    Olá tenho um código de uma galeria de fotos mas ela mostra só um fundo branco ao abrir a página, só irá aparecer a foto quando clicar em alguma.. gostaria que ao abrir a página já tivesse aparecendo uma foto na galeria antes de precisa clicar em alguma. Segue o código: <div class="localgaleria"> <script> function div_tr_gt(u){ var gth_y = 'url('+u+')'; document.getElementById('i-div-imgh').style.backgroundImage = gth_y; } </script> <?php $pasta = 'imagens/fotos/cachacaria'; if ($handle = opendir($pasta)) { /* Esta é a forma correta de varrer o diretório */ while (false !== ($file = readdir($handle))) { echo' <div id="i-div-imgh" class="div-img-pr" style="background-image:url('.$pasta.'/'.$file.');"></div>'; break; } closedir($handle); } echo'<div class="div-galeria"> <table> <tr>'; foreach(glob(''.$pasta.'/{*.jpg,*.gif}', GLOB_BRACE) as $image) { $img_p = "'"; $file = $fotos[] = $image; $gty_array = array("",$img_p,$file,$img_p); $rtyyui = implode("",$gty_array); echo'<td><img onClick="div_tr_gt('.$rtyyui.');" src="'.$fotos[] = $image.'" width="50px" height="50px"></td>'; } echo'</tr></table></div>'; ?> </div>
  17. joaorodrigues
    Boas pessoal. Eu sou completamente novo nisto e não sei nada, pelo que espero não ser ridículo o que vou pedir. Eu criei um blog e para aumentar a popularidade eu gostava de ter uma página do blog dedicada a links para descarregar alguns conteudos que já fiz upload, mas queria que os meus visitantes apenas pudessem ver os links se subscrevessem o meu blog ou então se o partilhassem no facebook. Não tenho interesse em saber os mails deles, pois não tenho newsletters para lhes enviar. O que eu queria saber era se é possível, ou fazer uma janela pop up que os obrigue a subscrever/partilhar para verem os links ou ao carregar neles surgisse esse aviso. é um blogspot. e posso criar um widget com html/java. Obrigado! valeu
  18. henqqq
    A principal expectativa é de que o desenvolvedor tenha a capacidade de entender os problemas técnicos e de negócio e implementar soluções escaláveis de forma rápida e assertiva. · Entender problemas técnicos ou de negócio e desenvolver soluções através de código web. · Espera-se que o desenvolvedor tenha também a capacidade de análise e entenda o propósito de negócio a ser atendido pelo componente sendo desenvolvido, sobretudo para que proponha soluções alternativas às que foram propostas anteriormente ao desenvolvimento. · O código gerado por este profissional deve: o ser devidamente testado; o executar com desempenho aceitável o estar compatível com os guidelines definidos pela empresa e pelo projeto, e; o ser livre de erros. Local de trabalho: São Paulo / SP Para se inscrever, basta o interessado responder o questionário: responder o questionário https://goo.gl/1O6ae0 e enviar um e-mail para empregos@mercadolivre.com, informando cargo pretendido no assunto da mensagem (Vaga desenvolvedor front-end / Designer UX)
  19. Kernal112
    Gostaria de saber como contruir "galeria de imagens" responsivas onde elas se ajustariam para caber na tela sem estragar a imagem como uma tabela, eu achei um exemplo de exatamente como descrevo https://popcorntime-online.io/ se ajusta a cada tela com um numero x de divs. Como faria isso com css e html ?
  20. acscarolina
    Olá tenho um código de uma galeria de fotos mas ela mostra só um fundo branco ao abrir a página, só irá aparecer a foto quando clicar em alguma.. gostaria que ao abrir a página já tivesse aparecendo uma foto na galeria antes de precisa clicar em alguma. Segue o código: <div class="localgaleria"> <script> function div_tr_gt(u){ var gth_y = 'url('+u+')'; document.getElementById('i-div-imgh').style.backgroundImage = gth_y; } </script> <?php $pasta = 'imagens/fotos/cachacaria'; if ($handle = opendir($pasta)) { /* Esta é a forma correta de varrer o diretório */ while (false !== ($file = readdir($handle))) { echo' <div id="i-div-imgh" class="div-img-pr" style="background-image:url('.$pasta.'/'.$file.');"></div>'; break; } closedir($handle); } echo'<div class="div-galeria"> <table> <tr>'; foreach(glob(''.$pasta.'/{*.jpg,*.gif}', GLOB_BRACE) as $image) { $img_p = "'"; $file = $fotos[] = $image; $gty_array = array("",$img_p,$file,$img_p); $rtyyui = implode("",$gty_array); echo'<td><img onClick="div_tr_gt('.$rtyyui.');" src="'.$fotos[] = $image.'" width="50px" height="50px"></td>'; } echo'</tr></table></div>'; ?> </div>
  21. acscarolina
    Olá, estou tentando colocar duas divs dentro de uma outra div mas não está rolando, porque parece q as duas cancelam a primeira. Por exemplo a cor de fundo, que está definido na primeira, não aparece mais. Inclusive sua altura.. é como se não existisse.. como se não tivesse nada dentro. Como faço para isso não acontecer? Segue o código CSS e html: /*CSS*/ .fundolugares { color: #000; font-size: 18px; background:#CCC; border:#000; border-style:dashed; width: auto; height:auto; /* cima direita baixo esquerda */ border-radius:5px; box-shadow: 4px 4px 4px #FFF; } .falandosobreolugar { width: 800px; background:#CCC; border:none; height:auto; /* cima direita baixo esquerda */ padding: 1% 2% 2% 2%; margin:1% 5% 2% 2%; float: right; clear:none; border-style:none; border-radius:none; } .oqueolugaroferece { width: 200px; background:#CCC; border:#000; height:auto; /* cima direita baixo esquerda */ padding: 1% 2% 2% 2%; margin:1% % 2% 3%; float: left; clear:none; border-style:dashed; border-radius:5px;} <!--html--> <div class="fundolugares"> <div align="left" class="oqueolugaroferece"> O que o lugar oferece: Estacionamento Play </div> <div align="justify" class="falandosobreolugar"> <p> kkssjjw kjksdjjka dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah kkssjjw kjksdjjka dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah kkssjjw kjksdjjka dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah kkssjjw kjksdjjka dhjashd s jhd ahsjdh dashd jshd akj hdjhas djahs djkshd jakhs djashd jhasd jhas dajshd jashd jsah </p> <p align="right">23/04/2016 </p> </div> </div>
  22. jhonny.neryy
    Pessoal baixei essa galeria aqui http://tympanus.net/codrops/2014/01/28/scattered-polaroids-gallery/e queria tornar cada album dela individual porque todos os 3 são o mesmo e conectada ao banco de dados para que cada vez que fosse posta umas fotos não fosse direto na <UL> copiarr a imagens e por nas <li> oque devo fazer podem me ensinar sou ruim com banco de dados peço que tenham paciencia
  23. RafaeSS
    Olá! Tenho uma dúvida sobre as possibilidades do CSS. É possível ajustar a largura de uma <div> a um texto e ao mesmo tempo centralizá-la na página apenas com CSS? A propriedade "display: inline-block;" ajusta a div ao texto, porém anula o valor "0 auto" da propriedade "margin", que serve para centralizar o elemento na página. Poderia centralizar a div com margin-left e margin-top, porém precisaria saber o valor exato da largura do texto em pixels, o que me levou a curiosidade de saber se existe essa possibilidade em Javascript. De qualquer forma esta segunda opção seria contraproducente. Esta dúvida surgiu diante da necessidade de centralizar um título na página antecedida por un antetítulo de tamanho menor, porém alinhado à esquerda do título principal, como na imagem em anexo. Tudo isto é possível fazer com ajustes no margin, porém minha dúvida é se existe alguma possibilidade de fazer isto de forma prática, sobretudo devido à diversidade de telas e browsers que modificam o posicionamento dos elementos. É isto! Abraço!
  24. jhonny.neryy
    vamos lá vou tentar explicar do melhor jeito possivel OBS:(Sou leigo ainda nessa area por isso aviso tenham paciencia comigo) Conseguir uma galeria php só que não to conseguindo conectar ao banco de dados to usando o WAMPSERVER e o Dreamweaver cs6 e não tenho a minima noção duque fazer crio quantas BD no My sql quais nomes dou quais são Primary e tals o site que eu to editando esta assim http://codepen.io/jhonnyneryy/pen/EKOoRw e quero que quando a pessoa clique em (Promoçoes/Selfies ) ele redirecione diretamente para pagina da galeria onde vai ficar 2 albuns um onde a gente pode postar os banners de festa e etc.. e o outo para as selfies que os clientes mandarem pra gente ai a gente posta semanalmente essas fotos entende minha galeria ta assim Index <!DOCTYPE html> <html> <head> <title>Dream Gallery</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <link rel="stylesheet" href="css/home.css" type="text/css"/> </head> <body> <div id="wrap"> <div id="top-menu"> <ul> <li class="current"><a href="index.php">Home</a></li> <li><a href="album.php">Álbuns</a></li> <li></li> <li></li> <li></li> </ul> </div> <div id="top"> <h1>Galeria Vegas Promo&ccedil;&otilde;es/Selfies<span></span></h1> </div> <div id="gallery"> </div> <div id="footer"> <h1>&nbsp;</h1> </div> </div> </body> </html> Thumb <?php require_once 'class/Canvas.class.php'; if ( isset( $_GET['img'] ) ) { $pic = $_GET['img']; $w = 215; //largura $h = 175; //altura $t = new Canvas; $t->carrega( $pic ); $t->redimensiona( $w, $h, 'crop' ); $t->grava(); } ?> Gallery <script src="js/jquery.min.js"></script> <link rel="stylesheet" href="css/gallery.css" type="text/css"/> <link rel="stylesheet" href="js/fancy/jquery.fancybox.css?v=2.1.0" media="screen" type="text/css"/> <script src="js/fancy/jquery.fancybox.js?v=2.1.0" type="text/javascript"></script> <script src="js/fancy/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script> <style> .paginacao li{display:inline-block;padding:4px;} .paginacao li a {display:inline-block;padding:4px;text-decoration:none;color:#333;} .paginacao .current{color:red;} </style> <?php @header( 'Content-Type: text/html; charset=iso-8859-1' ); require_once 'database/mysql.php'; $db = new Mysql; $page = ; $perpage = 12; //quantidade de fotos por página $current = 1; $link = ''; if ( isset( $_GET['page'] ) ) { $current = $_GET['page']; $page = $perpage * $_GET['page'] - $perpage; if ( $_GET['page'] == 1 ) { $page = ; } } if ( isset( $_GET['id'] ) ) { $album_id = $_GET['id']; $db->query( "select * from albuns join fotos on(album_id = foto_album) where foto_album = $album_id order by foto_pos asc" )->fetchAll(); $total = $db->rows; if ( $total > $perpage ) { $link = "<ul class=\"paginacao\" style=\"float:left; width:99%;\">\n"; $prox = "javascript:;"; $ant = "javascript:;"; if ( $current >= 2 ) { $ant = "album.php?id=$album_id&page=" . ($current - 1); } if ( $current >= 1 && $current < ($total / $perpage)) { $prox = "album.php?id=$album_id&page=" . ($current + 1); } $link .= '<li><a href="' . $ant . '" title="Anterior">Ant</a></li>'; $from = round( $total / $perpage ) ; if($from == 1){$from++;} for ( $i = 1; $i <= $from; $i++ ) { if ( $current == $i ) { $link .= "<li><a class=\"current\" href=\"album.php?id=$album_id&page=$i\"><b>$i</b></a></li>\n"; } else { $link .= "<li><a href=\"album.php?id=$album_id&page=$i\"><b>$i</b></a></li>\n"; } } $link .= '<li><a href="' . $prox . '" title="Próxima">Prox</a></li>'; $link .= "</ul>\n"; } $db->query( "select * from albuns join fotos on(album_id = foto_album) where foto_album = $album_id order by foto_pos asc LIMIT $page,$perpage" )->fetchAll(); if ( $db->rows >= 1 ) { $album_name = $db->data[]['album_name']; echo "<h1>" . $album_name . "</h1>\n"; echo "<a href=\"album.php\" class=\"back\"><img src=\"images/left.png\"/> Voltar</a>"; foreach ( $db->data as $fotos ) { $f = ( object ) $fotos; $d1 = strtotime( date( 'Y-m-d' ) ) ; $d2 = strtotime( "$f->foto_data" ); $d3 = round( ($d1 - $d2) / 86400 ); $data = $d3; ?> <div class="box-detail" id="<?= $f->foto_id ?>"> <div class="box-inner box-color"> <a class="rel" data-fancybox-group="gallery" href="fotos/<?= $f->foto_url ?>" caption="<?= utf8_decode( $f->foto_caption ) ?>"> <img src="thumb.php?img=fotos/<?= $f->foto_url ?>" alt="" /> <div class="box-inner-fx"> <h2><?= utf8_decode( $f->foto_caption ) ?></h2> <span>Ampliar</span> </div> </a> </div> <div class="box-bottom"> <?php if ( $f->foto_info != "" ) { ?> <div class="box-bottom-left"><?= utf8_decode( $f->foto_info ) ?></div> <div class="box-bottom-right"><?= $data ?> dia(s) atrás</div> <?php } else { ?> <div class="box-bottom-right"><?= $data ?> dia(s) atrás</div> <?php } ?> </div> </div> <?php } echo $link; } } else { echo "<h1> Selecione um Álbum</h1> <br />\n"; $db->query( "select * from albuns order by album_name asc" )->fetchAll(); if ( $db->rows >= 1 ) { $albuns = $db->data; foreach ( $albuns as $album ) { $a = ( object ) $album; $db->query( "select * from fotos where foto_album = $a->album_id order by foto_pos asc" )->fetchAll(); if ( $db->rows >= 1 ) { $f = ( object ) $db->data[]; ?> <div class="box-detail box-alb" id="<?= $a->album_id ?>"> <div class="box-inner-alb"> <a href="album.php?id=<?= $a->album_id ?>" caption="<?= $a->album_name ?>"> <img src="thumb.php?img=fotos/<?= $f->foto_url ?>" alt=""/> <div class="box-inner-fx"> <h2><?= $a->album_name ?></h2> </div> </a> </div> <div class="box-bottom"> <div class="box-bottom-right-photo"><?= $db->rows ?> foto(s)</div> </div> </div> <?php } } } } ?> <script type="text/javascript"> $(document).ready(function(){ $('.box-alb').find('.box-inner-fx').css('background','url()').fadeIn(1000); $('.box-inner').hover( function(){ $(this).find('.box-inner-fx').slideDown(); }, function(){ $(this).find('.box-inner-fx').slideUp(); }) window.onload = function() { $(".rel").fancybox({ openEffect : 'elastic', openSpeed : 150, closeEffect : 'elastic', closeSpeed : 350, arrows: true, helpers : { title : { type : 'float'//float, over, outside,inside }} }); } }) </script> Album <!DOCTYPE html> <html> <head> <title>Dream Gallery</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="css/home.css" type="text/css"/> </head> <body> <div id="wrap"> <div id="top-menu"> <ul> <li><a href="index.php">Home</a></li> <li class="current"><a href="album.php">Álbuns</a></li> <li><a href="javascript:void(0)">Blog</a></li> <li><a href="javascript:void(0)">Contato</a></li> <li><a href="javascript:void(0)">Créditos</a></li> </ul> </div> <div id="top"> <h1>Dream <span>Gallery</span></h1> </div> <div id="gallery"> <?php require_once 'gallery.php'; ?> </div> <div id="footer"> <h1> Jhonny Nery </h1> </div> </div> </body> </html> aiai oque eu faço podem tirar alguns minutos para me ajudar ?
  25. bruno.ssilva
    pessoal preciso fazer com que a imagem do bolo fique do lado direito e o texto do lado esquerdo mas não to conseguindo de jeito nenhum, me ajudem por favor. <!DOCTYPE html> <html> <head> <title>Cake Delights | Product</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <!--[if IE 8]><link rel="stylesheet" type="text/css" href="css/ie8.css"><![endif]--> <!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"><![endif]--> <!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css"><![endif]--> </head> <body> <div id="header"> <div> <div> <div id="logo"> <a href="#"><img src="" width="235" height="150"></a> </div> <div> </div> </div> <ul> <li><a href="index.html">Home</a></li> <li class="current"><a href="product.html">Bolos</a></li> <li><a href="about.html">Tortas</a></li> <li><a href="services.html">Doces Diversos</a></li> <li><a href="blog.html">Quem Somos</a></li> <li><a href="contact.html">Contato</a></li> </ul> <div class="section1"> <a href="#"></a> </div> </div> </div> <div id="content"> <div> <h1>The Pastry shop</h1> <ul> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2>\ <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </p> </div> <a href="images/bolos/bolo1.jpg"><img src="images/bolos/bolo1.1.jpg"width="350" height="250" ></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="images/bolos/bolo2.jpg"><img src="images/bolos/bolo2.2.jpg"width="450" height="250"></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="images/bolos/bolo3.jpg"><img src="images/bolos/bolo3.3.jpg"width="450" height="250"></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="images/bolos/bolo4.jpg"><img src="images/bolos/bolo4.4.jpg"width="250" height="210"></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="images/bolos/bolo5.jpg"><img src="images/bolos/bolo5.5.jpg"width="450" height="250"></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="#"><img src="images/bolos/bolo6.6.jpg"width="450" height="250"></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="#"><img src="images/Nova pasta/doce0.1.jpg" alt="" width="450" height="250"></a> </div> </li> <li> <div> <div> <h2><a href="#">Titulo do Doce</a></h2> <br> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p> </div> <a href="#"><img src="images/Nova pasta/doce13.1.jpg" alt="" width="450" height="250"></a> </div> </li> </ul> </div> </div> <div id="footer"> <div class="home"> <div> <div class="aside"> <br> <br> <br> <br> <br> <div class="connect"> <span>Redes sociais</span> <br> <img src="images/logoface.png" width="50" height="47"> <img src="images/Instagram.png" width="50" height="47"> <img src="images/twitter-round-icon.png" width="50" height="47"> <br> <br> <div class="connect"> <span>Contato</span> Telefone:(11)5827-4617 <br> Endereço: Rua Maestro Von Karajan N°4 <br> Email:brunocontato_27@yahoo.combr </div> </div> </div> </div> </div> </div> </body> </html>
×
×
  • Criar Novo...