WFruit | Fruit Supplier and Wholesale
نمایش نتایج: از 1 به 4 از 4

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

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Sep 2010
    ورژن ویبولتین
    20
    سن
    27
    نوشته ها
    972
    مورد پسند
    458 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 12.0
    میزان امتیاز
    114

    Exclamation درخواست آموزش واترمارک کردن لوگو روی تصویر های سایت با Css ؟

    درود ..

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

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

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

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

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

    کاربر مقابل از Mojtaba.T بابت این پست مفید تشکر کرده است:





  2. گیفت کارت آیتونز

  3. Top | #2
    کاربر سایت

    تاریخ عضویت
    Jun 2014
    ورژن ویبولتین
    5
    نوشته ها
    12
    مورد پسند
    0 بار
    نوشته های وبلاگ
    6
    اطلاعات
    Windows 8 Chrome 42.0.2311.152
    میزان امتیاز
    0

    Red face

    * قبل از هرچیز توجه داشته باشید رنگ بکگراند تصویری که می خواهید روی عکس اول قرار گیرد حتما مشکی باشد و برای صحیح عمل کردن کد حتما باید تصویر 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;
    }

  4. Top | #3
    کاربر سایت

    تاریخ عضویت
    Jan 2019
    ورژن ویبولتین
    4.1
    سن
    29
    نوشته ها
    2
    مورد پسند
    0 بار
    اطلاعات
    Windows NT 10.0 Chrome 71.0.3578.98
    میزان امتیاز
    0

    پیش فرض

    سلام بنده هم از یه راه دیگه کدش رو براتون قرار میدم امیدوارم مفید باشه با این روش واترمارک میوفته بالا سمت چپ عکس
    کد 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 */
    
    }

  5. Top | #4
    مدیر ارشد

    تاریخ عضویت
    Aug 2014
    ورژن ویبولتین
    4
    سن
    25
    نوشته ها
    4,498
    مورد پسند
    3,376 بار
    نوشته های وبلاگ
    17
    اطلاعات
    Linux Chrome 70.0.3538.77
    میزان امتیاز
    541

    پیش فرض

    زیرخاکی دیگه بالا نیارید!
    بسته شد
    تلگرام @vbinna
    اینم سر راه تون سر بزنید
    در صورت حل مشکل اعلام کنید تا بسته شود
    افزونه امنیتی مخفی سازی وردپرس | Hide My WP
    رشن
    کد تخفیف ۱۰ درصدی دائمی برای کلیه خریدها: vbiran10

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش تصویری نصب استایل روی سایت
    توسط VBIran در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 206
    آخرين نوشته: 2017/04/09, 01:13 PM
  2. آموزش تصویری نصب vBSeo Sitemap روی سایت
    توسط VBIran در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 16
    آخرين نوشته: 2014/07/10, 09:59 PM
  3. درخواست وی بی سیو سایت مپ + آموزش تصویری
    توسط amireza20 در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2012/02/18, 06:33 PM
  4. پاسخ: 28
    آخرين نوشته: 2012/02/14, 09:59 PM
  5. پاسخ: 11
    آخرين نوشته: 2012/02/14, 06:44 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •