Autor Zpráva
Ewuš
Profil *
Ahojky,

dělám si své webové stránky a potřebovala bych poradit :) Zajímalo by mě, jestli se dá udělat v CSS nějaký kód, který mi bude na každou fotku přidávat automatiky pořád na stejné místo nějaký mini obrázek nebo text vytvořený v PS.

Třeba např. jak je to na této fotce ten malý obrázek piráta:


A pokud to jde, prosím, dal by mi někdo kód? Děkuji mockrát!
pEeLL
Profil
http://dash.nazory.cz/1220561327-vkladani-vodoznaku-pomoci-php.html
http://php.vrana.cz/vodotisk.php
Bubák
Profil
Další možnost je vložit vodoznak do obrázků v nějakém grafickém programu, jsou i takové, které to zvládnou dávkově.

Udělat to pomocí CSS by šlo jen tak, že bys napozicovala vodotisk nad obrázek, ale podstatná nevýhoda by byla v tom, že by obrázek neobsahoval vodotisk, šlo stáhnout fotku bez vodotisku i obrázek určený na vodotisk.
Ewuš
Profil *
Děkuju.. A pomocí toho php, by se také dal obrázek stáhnout i bez vodoznaku? Pokud ne, tak bych použila ten php.. Chci totiž si na fotku dát nějaké označení, aby mi je lidi nemohli "krást".. Jen jsem ještě nikdy s php nedělala, tak nevím kam vložit ty odkazy na obrázky v tomto kódu:
A ten obrázek s vodoznakem má být stejně velký jak fotky a průhledný?
A který ten grafický program zvládá dělat více fotek. Já mám v PC Photofiltre a Photoshop.. A jelikož chci na stránky dávat fotek hodně, nechce se mi každou stkat do graf. programu a dělat na ní vodoznak..

/*------------------------------------------------
Vznik: 2008-09-04
Autor: Petr 'Dash' Knap
Kontakt: dash.will@seznam.cz
------------------------------------------------*/
function image_joint ( $back, $front )
{
// zadni obrazek
$b_i = getimagesize($back);
$b_w = $b_i[0];
$b_h = $b_i[1];
$b_t = $b_i[2];
//------------------------------------------------
// predni obrazek
$f_i = getimagesize($front);
$f_w = $f_i[0];
$f_h = $f_i[1];
$f_t = $f_i[2];
//------------------------------------------------
//novy obrazek pozadovane vysky a sirky
$image_tn = imagecreatetruecolor($b_w, $b_h);
$background = imagecolorallocate($image_tn,229,229,229);
imagecolortransparent($image_tn, $background);
imagefilledrectangle($image_tn,0,0,$b_w,$b_h,$background);
//------------------------------------------------
//nacteni obrazku podle typu
switch ( $b_t )
{
case '1':
$image = imagecreatefromgif($back); //GIF
break;
case '2':
$image = imagecreatefromjpeg($back); //JPeG
break;
default:
$image = imagecreatefrompng($back); // PNG
break;
}
imagecopy($image_tn, $image, 0, 0, 0, 0, $b_w, $b_h); // nakopíruj obrázek $image do obrázku $image_tn
switch ( $f_t )
{
case '1':
$image = imagecreatefromgif($front);
break;
case '2':
$image = imagecreatefromjpeg($front);
break;
default:
$image = imagecreatefrompng($front);
break;
}
$f_w1 = $b_w - $f_w; // souřadnice X
$f_h2 = $b_h - $f_h; // souřadnice Y
imagecopy($image_tn, $image, $f_w1, $f_h2, 0, 0, $f_w, $f_h);
//------------------------------------------------
//výstup
switch ( $b_t )
{
case '1':
header("Content-Type: image/gif");
imagegif($image_tn);
break;
case '2':
header("Content-Type: image/jpeg");
imagejpeg($image_tn,'',95); // kvalita JPeGu je nastavena na 95%, lze změnit
break;
default:
header("Content-Type: image/png");
imagepng($image_tn);
break;
}
imagedestroy($image_tn); //zapomeň obrázek
}
swah
Profil
Viděl bych to na způsob podobného zápisu:

.obrazek {
	position: relative;
	display: inline;
}
.vodoznak {
	background: url(vodoznak.png);
	height: 80px;
	width: 80px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}


<div class="obrazek">
<img src="obrazek.jpg" width="504" height="322" alt="Obrázek" />
<div class="vodoznak"></div>
</div>


Otázkou je, zda-li budou mít všechny obrázky stejný rozměr, pokud ano, třídě .obrazek se může zrušit display: inline; a nastavit rozměry. Jinak by to takto mohlo fungovat vyjma IE 6.
swah
Profil
Koukám, že jste o tom už diskutovali, takže můj předchozí příspěvek je zbytečný. Nicméně pro dávkové vkládání vodoznaků by mohl dobře posloužit FastStone Photo Resizer. Za nepříliš lákavým GUI se skrývá celkem fajn program.
Bubák
Profil
Umí to též XnView, dopozučiji proto, že ho mám v PC, takže bych nemusel instalovat nic jiného.
Nástroje > Dávková konverze > Transformace > Obraz > Vodoznak

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: