marca dagua nas img [RESOLVIDO ] MARCA D´AGUA NAS IMAGENS

Jack Oliveira · Julho 29, 2019

Ola pessoa boa noite eu quero saber se tem como criar uma marca dagua com imagem ou nome do site em cimas das imagem das galerias de fotos

que e que possa ficar um pouco transparente de um tipo que não atrapalhe ver as fotos

Pode ficar em baixo da imagem ou dos lados

O código esta assim

Este é meu codigo de upload das imagens

<?php
    set_time_limit(0);
    require_once ('../database/config.php');
    require_once ('../database/config.database.php');
    require_once ('../database/upload.class.php');
    require_once ('../includes/funcoes.php');
    $file_dst_name = "";
    $id = get('id_album');
    $dir_dest = '../img/uploads/';
    $files = array( );
    $files = $_FILES['Filedata'];
    foreach ($files as $file){
        $handle = new Upload($file);
        if ( $handle->uploaded ){
            $handle->file_overwrite = true;

            if ($files['type'] == 'image/jpeg') {
                $handle->file_new_name_ext = 'jpg';
            } elseif ($files['type'] == 'image/png') {
                $handle->file_new_name_ext = 'png';
            } elseif ($files['type'] == 'image/gif') {
                $handle->file_new_name_ext = 'gif';
            }
            
            $handle->file_new_name_body = md5(uniqid(rand(), true));
            $handle->Process($dir_dest);
            if ($handle->processed){
                $file_dst_name = $handle->file_dst_name;
                $Adicionar = array(
                    'imagem' => $file_dst_name, 
                    'titulo' => '', 
                    'data'   => date('Y-m-d'),
                    'id_album' => $id
                );

                $Query = DBCreate('fotos_album', $Adicionar, true);
            }
        }
    }
?>

Este de onde lista todas as imagens que foi cadastradas

				<?php 

				$Query = DBRead('fotos_album','*',"WHERE id_album = '{$album}' ORDER BY id DESC"); 
				
				if (is_array($Query)) { foreach ($Query as $fotos) { 
				    
				?>
					<div class="col-md-4 gallery-grid">
						<div class="grid">
							<figure class="wow <?php echo $c_album['efeito']; ?>">
								<a class="example-image-link" href="<?php echo ConfigPainel('site_url'); ?>img/<?php echo $fotos['imagem']; ?>" width="900" data-lightbox="example-set" data-title="">
									<img src="<?php echo ConfigPainel('site_url'); ?>img/<?php echo $fotos['imagem']; ?>" style="margin-bottom:10px;" alt="" />	
								</a>
							</figure>
						</div>
					</div>
					

				<?php }} ?>

Felipe Guedes Coutinho · Julho 29, 2019

Jack Oliveira

É possível você fazer uma marca d'água sim.

Você tera que aplicar CSS para configurar.

Eu recomendo você criar uma folha de estilo com alguma imagem que você queira e aplicar em cima das imagens que você quer.

Exemplo prático:

O que você vai precisar fazer é ter uma imagem com fundo transparente, recomendo utilizar o Photoshop para fazer isso e ajustar a posição da marca d'água para sobrepor uma imagem em cima da outra.

Existe opções para que a imagem se repita, se a marca d'água que você quer colocar sobre uma outra imagem for menor, você pode fazer com que essa imagem que vai ser a marca d'água que tem o tamanho menor se repita verticalmente e horizontalmente.

De uma estudada no artigo CSS Background Repeat (X / Y).

Segue as imagens em anexo sobre o código que mandei acima, cole em um arquivo e abra no seu navegador para ver se te ajuda.

Espero ter ajudado de alguma forma.

Att.

Felipe Coutinho

Jack Oliveira · Julho 29, 2019

5 horas atrás, Felipe Guedes Coutinho disse:

Jack Oliveira

É possível você fazer uma marca d'água sim.

Você tera que aplicar CSS para configurar.

Eu recomendo você criar uma folha de estilo com alguma imagem que você queira e aplicar em cima das imagens que você quer.

Exemplo prático:

<div style='position:relative; top:0px; left:0px;'>
<img src="lasvegas.jpg" border="0">
<div style='position:absolute; top:110px; left:6px'>
<img src="superprice.jpg" style="opacity:0.6; filter:alpha(opacity=60)">

O que você vai precisar fazer é ter uma imagem com fundo transparente, recomendo utilizar o Photoshop para fazer isso e ajustar a posição da marca d'água para sobrepor uma imagem em cima da outra.

Existe opções para que a imagem se repita, se a marca d'água que você quer colocar sobre uma outra imagem for menor, você pode fazer com que essa imagem que vai ser a marca d'água que tem o tamanho menor se repita verticalmente e horizontalmente.

De uma estudada no artigo CSS Background Repeat (X / Y).

Segue as imagens em anexo sobre o código que mandei acima, cole em um arquivo e abra no seu navegador para ver se te ajuda.

Espero ter ajudado de alguma forma.

Att.

Felipe Coutinho

Ola boa trade quero apenas a imagem ou o nome do site fica meio transparente sem for a imagems todas ou seja quero apenas a imagem da marca dágua

Jack Oliveira · Julho 29, 2019

5 horas atrás, Felipe Guedes Coutinho disse:

Jack Oliveira

É possível você fazer uma marca d'água sim.

Você tera que aplicar CSS para configurar.

Eu recomendo você criar uma folha de estilo com alguma imagem que você queira e aplicar em cima das imagens que você quer.

Exemplo prático:

<div style='position:relative; top:0px; left:0px;'>
<img src="lasvegas.jpg" border="0">
<div style='position:absolute; top:110px; left:6px'>
<img src="superprice.jpg" style="opacity:0.6; filter:alpha(opacity=60)">

O que você vai precisar fazer é ter uma imagem com fundo transparente, recomendo utilizar o Photoshop para fazer isso e ajustar a posição da marca d'água para sobrepor uma imagem em cima da outra.

Existe opções para que a imagem se repita, se a marca d'água que você quer colocar sobre uma outra imagem for menor, você pode fazer com que essa imagem que vai ser a marca d'água que tem o tamanho menor se repita verticalmente e horizontalmente.

De uma estudada no artigo CSS Background Repeat (X / Y).

Segue as imagens em anexo sobre o código que mandei acima, cole em um arquivo e abra no seu navegador para ver se te ajuda.

Espero ter ajudado de alguma forma.

Att.

Felipe Coutinho

Amigo seria possível fazer pelo php? de colocar a imagem e quando cadastrar as imagens a marca d´água já aparecer em cima das imagens??

Eu estava vendo tutorial porem não estou conseguindo fazer que funcione

muitas das vezes as imagem fica grande e marca d´agua não aparece nem pequena e nem no zoom

Este é para todas as imagem quando clica para dar o ZOOM

<?php

require_once 'class/Canvas.class.php';
$marca = "images/marca_g.png";
if ( isset( $_GET['img'] ) )
{
    $pic = $_GET['img'];
    $t = new Canvas;
    $t->carrega( $pic );
    $t->marca( $marca, 'baixo', 'direita' );
    $t->grava();
}
?>

Este é das imagem pequenas

<?php

require_once 'class/Upload.class.php';
$marca = "images/marca_p.png";
$largura = 219;
$altura = 175;
$usar_marca_dagua = 1; //1 = nao / 0 = sim

if ( isset( $_GET['w'] ) ):
    $largura = $_GET['w'];
endif;
if ( isset( $_GET['h'] ) ):
    $altura = $_GET['h'];
endif;

$handle = new upload( $pic = $_GET['img'] );
$handle->image_resize = true;
$handle->image_ratio_crop = true;
$handle->image_x = $largura;
$handle->image_y = $altura;
if ( $usar_marca_dagua == 0 ):
    $handle->image_watermark = 'images/marca_p.png';
    $handle->image_watermark_no_zoom_out = true;
endif;
//$handle->image_ratio_y = true;
//$handle->image_text            = 'TITULO';
//$handle->image_text_color      = '#000000';
//$handle->image_text_opacity = 80;
//$handle->image_watermark_x     = 20;
//$handle->image_watermark_y     = -20;
$handle->image_convert = 'jpg';
$handle->jpeg_quality = 90;
@header( 'Content-type: ' . $handle->file_src_mime );
echo $handle->Process();
die();
?>

Teria como me dar uma ajuda?

Felipe Guedes Coutinho · Julho 30, 2019

Jack Oliveira

Você precise adaptar as suas classes "class/Upload.class.php" e "class/Canvas.class.php" quando elas forem exibir as imagens adaptar o código como o exemplo que dei abaixo.

Posicione as duas imagens na mesma posição "style='position:absolute; top:0px; left:0px;'".

Recomendo ler sobre Position / Margin no site w3schools.

Depois você adiciona o efeito de transparência na sua imagem da marca d'água "$marca = "images/marca_g.png";" utilizando um filtro do CSS "style="opacity:0.6".

Recomendo ler sobre Opacity no site w3schools.

Experimente fazer isso, talvez você veja o resultado que quer:

Arquivo MARK.PHP

<?php
$marca = "exclamacao1.png"; //Imagem em anexo, salve a imagem dentro da mesma pasta do mark.php

$pic = "exclamacao2.png"; //Imagem em anexo, salve a imagem dentro da mesma pasta do mark.php

$largura = 100;

$altura = 100;

$marca_dagua = 0; //ALTERE ENTRE 1 E 0 PARA COLOCAR OU REMOVER A MARCA D'ÁGUA

?>

<img src="<?php echo $pic; ?>" width="<?php echo $largura; ?>" height="<?php echo $altura; ?>" style='position:absolute; top:0px; left:0px;'>

<?php if ($marca_dagua == 1) { ?>

<img src="<?php echo $marca; ?>" width="<?php echo $largura; ?>" height="<?php echo $altura; ?>" style="position:absolute; top:0px; left:0px; opacity:0.6">
<?php } ?>

Espero ter ajudado de alguma forma.

Att.

Felipe Guedes Coutinho

Jack Oliveira · Julho 31, 2019

Em 30/07/2019 at 11:14, Felipe Guedes Coutinho disse:

Jack Oliveira

Você precise adaptar as suas classes "class/Upload.class.php" e "class/Canvas.class.php" quando elas forem exibir as imagens adaptar o código como o exemplo que dei abaixo.

Posicione as duas imagens na mesma posição "style='position:absolute; top:0px; left:0px;'".

Recomendo ler sobre Position / Margin no site w3schools.

Depois você adiciona o efeito de transparência na sua imagem da marca d'água "$marca = "images/marca_g.png";" utilizando um filtro do CSS "style="opacity:0.6".

Recomendo ler sobre Opacity no site w3schools.

Experimente fazer isso, talvez você veja o resultado que quer:

Arquivo MARK.PHP

<?php
$marca = "exclamacao1.png"; //Imagem em anexo, salve a imagem dentro da mesma pasta do mark.php

$pic = "exclamacao2.png"; //Imagem em anexo, salve a imagem dentro da mesma pasta do mark.php

$largura = 100;

$altura = 100;

$marca_dagua = 0; //ALTERE ENTRE 1 E 0 PARA COLOCAR OU REMOVER A MARCA D'ÁGUA

?>

<img src="<?php echo $pic; ?>" width="<?php echo $largura; ?>" height="<?php echo $altura; ?>" style='position:absolute; top:0px; left:0px;'>

<?php if ($marca_dagua == 1) { ?>

<img src="<?php echo $marca; ?>" width="<?php echo $largura; ?>" height="<?php echo $altura; ?>" style="position:absolute; top:0px; left:0px; opacity:0.6">
<?php } ?>

Espero ter ajudado de alguma forma.

Att.

Felipe Guedes Coutinho

Obrigado Felipe deu certo :)

Entrar

Arquivado

marca dagua nas img [RESOLVIDO ] MARCA D´AGUA NAS IMAGENS

Recommended Posts

Jack Oliveira 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Felipe Guedes Coutinho 0

Jack Oliveira

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jack Oliveira 1

Jack Oliveira

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jack Oliveira 1

Jack Oliveira

Compartilhar este post

Link para o post

Compartilhar em outros sites

Felipe Guedes Coutinho 0

Jack Oliveira

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jack Oliveira 1

Jack Oliveira

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante