Autor | Zpráva | ||
---|---|---|---|
Ewuš Profil * |
#1 · Zasláno: 11. 6. 2009, 08:37:35
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 |
#2 · Zasláno: 11. 6. 2009, 08:57:56 · Upravil/a: pEeLL
|
||
Bubák Profil |
#3 · Zasláno: 11. 6. 2009, 09:21:33
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 * |
#4 · Zasláno: 11. 6. 2009, 09:30:57
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 |
#5 · Zasláno: 11. 6. 2009, 10:00:13
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 |
#6 · Zasláno: 11. 6. 2009, 10:04:46 · Upravil/a: swah
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 |
#7 · Zasláno: 11. 6. 2009, 10:44:56
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 |
||
Časová prodleva: 15 let
|
0