PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : درخواست آموزش واترمارک کردن لوگو روی تصویر های سایت با Css ؟



Mojtaba.T
2012/07/18, 02:56 PM
درود ..

میخواستم ببینم همچین کاری رو میشه کرد ؟؟

با استفاده از Css یه لوگو رو روی عکس های پست ها واتر مارک کرد .. ؟؟

ممنون میشم دوستان کمک کنن .. !

در حال ساخت یه سایت جدید هستم ، البته فعلا انجمن در کار نیست ولی با وردپرس دارم میارمش بالا .. !

ممنون میشم کمک کنید تا کارو عملی کنیم .. !

sepidarchat
2015/05/19, 03:06 PM
* قبل از هرچیز توجه داشته باشید رنگ بکگراند تصویری که می خواهید روی عکس اول قرار گیرد حتما مشکی باشد و برای صحیح عمل کردن کد حتما باید تصویر blank.gif را هم فراخوانی کنید.

فایل عکس ۱×۱ blank.gif در یک فایل زیپ


- کد css واترمارک کردن تصاویر (فقط همین):

.watermark {
background: #000 url(آدرس عکس پس زمینه);
width: 500px;
height: 341px;
margin: 0 auto;
display: block;
position: relative;
}
.watermark img.blank {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}
.watermark img{
filter:alpha(opacity=90);
opacity:.90;
}

.watermark img.homeland {
background: url(آدرس عکسی که روی پس زمینه قرار می‌گیرد) no-repeat;
}

aradralami
2019/01/24, 04:16 PM
سلام بنده هم از یه راه دیگه کدش رو براتون قرار میدم امیدوارم مفید باشه با این روش واترمارک میوفته بالا سمت چپ عکس
کد HTML:


<div id="image"> <img src="path/to/watermarking_image.png" alt="..." /> </div>

کد CSS:


​height: 200px;width: 200px;
background-image: url(path/to/image/to/be/watermarked.png);
background-position: 0 0;
background-repeat: no-repeat;
position: relative;
}


#image img {


position: absolute;
top: 0;
left: 0;
opacity: 0.5; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
filter:alpha(opacity=50); /* for <= IE 8 */

}

Inna
2019/01/25, 02:31 PM
زیرخاکی دیگه بالا نیارید!
بسته شد