تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 12

مقاله: زیبا کردن تصاویر مطالب به صورت زیبا {css:hover}

    1. زیبا کردن تصاویر مطالب به صورت زیبا {css:hover} »

      زیبا کردن تصاویر مطالب به صورت زیبا {css:hover}

      نگارش: , by (کاربر سایت)
      2012/10/06 12:38 PM
      امتیاز: 

      با سلام:">
      در سایت های وردپرس تا به حال دیده اید که وقتی موسی را بر روی عکس میبرید به شکل زیبا در میاد و اینو هم میتونید در ویبولیتین به شکل زیبا و به نحو احسن انجام دهید نمونه =>

      http://forum1.tiny-games.ir/thread47.html
      این کار باید در جستتجوی قالب ها vbulletin.css را جستجو کنید.
      پیدا کنید:
      کد:
      .content img {
      جایگزین کنید با
      کد:
      .content img {
          border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-webkit-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;opacity:0.9
      }
      .content img:hover  {
      border-radius:5px 5px 5px 5px;box-shadow:0 0 8px #145082;opacity:1
      }
      با بردن موس بر روی هر عکس، عکس های شما در مطالب نیز زیباتر خواهد شد.
      کد های css دیگری نیز هستند که در صورت تمایل میتونید اونها رو به کار ببرید.
      اگر میخواهید عین آواتار ها دور تصاویر سایتتون کادر بندی بشه و 4 گوشه اش زیبا باشه این کار را انجام دهید.
      در جستجوی قالب ها سیرچ کنید vbulletin.css
      پیدا کنید
      کد:
      .content img {
      جایگزین کنید با
      کد:
      .content img { padding:3px;background:#fff;border:1px solid #999;;border-radius: 6px;     -moz-border-radius: 6px;     -webkit-border-radius: 6px; display:block; max-width: 450px; }  .content img:hover { padding:3px;background:#fff;border:1px solid #666;;border-radius: 6px;     -moz-border-radius: 6px;     -webkit-border-radius: 6px; }
      موفق باشید.
      منبع: وی بی ایران
      ویرایش توسط ironlox01 : 2013/11/28 در ساعت 12:14 PM
  1. Top | #2
    کاربر اخراجی

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    85
    میزان امتیاز
    0

    پیش فرض

    کد دوم ساده ست و فقط یه کادر دور عکس ها میندازه و افکت خاصی نداره

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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    1,031
    میزان امتیاز
    120

    پیش فرض

    خوب آره ولی کسانی هم هستند که میخواند تصاویرشون ساده تر باشه

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


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

    ورژن ویبولتین
    4.1.3
    نوشته ها
    734
    میزان امتیاز
    90

    پیش فرض

    من اینو گذاشتم اما تغییری نکرد چرا ؟

    عکسای قبلی هم افکت میگیرن یا از بعد از گذاشتن این کد تغییر میکنن ؟

  4. Top | #5
    کاربر اخراجی

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    85
    میزان امتیاز
    0

    پیش فرض

    عکس های قبلی هم افکت میگیرن
    باید کد قبلی رو پاک کنی و این کد جدید رو جایگزین کنی

  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    4.1.3
    نوشته ها
    734
    میزان امتیاز
    90

    پیش فرض

    اره درست شد . یه اکولاد کم داشت برای اخرش

  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    vBulletin 4
    نوشته ها
    761
    میزان امتیاز
    95

    پیش فرض

    چرا همه عکسا میرن به سمت راست ؟؟!! میخوام عکسا همه وسط چین بشه باید چیکار کنم ؟ تو کد دومی منظورمه که سادس .

  7. Top | #8
    کاربر سایت

    ورژن ویبولتین
    4.1.12
    نوشته ها
    36
    میزان امتیاز
    0

    پیش فرض

    من از کد اولی استفاده کردم هیچی تغییری صورت نگرفت !

  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    22
    میزان امتیاز
    0

    پیش فرض

    سلام

    من از کدی که شما گذاشتید اسفاده کردم خیلی خوب بود

    برای اینکه تصاویر پست ها وسط چین بشه باید چیکار بکنیم

    همه عکس ها می خوام وسط چین بشن

  9. Top | #10
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    1,031
    میزان امتیاز
    120

    پیش فرض

    دموی جدید اضافه شد.

صفحه 1 از 2 12 آخرینآخرین

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 43
    آخرين نوشته: 2014/04/29, 10:58 AM
  2. پاسخ: 0
    آخرين نوشته: 2012/09/09, 01:07 PM
  3. کادر زیبای دور تصاویر
    توسط LicH_MaSteR در انجمن دانلود هک ها ، مد ها ، پلاگین ها
    پاسخ: 15
    آخرين نوشته: 2012/07/17, 09:57 PM
  4. چگونگی ایجاد تصاویر Hover
    توسط ExtremeSport در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 3
    آخرين نوشته: 2012/06/14, 10:11 AM
  5. آخرین ارسال زیبا برای ویبولتین به صورت اسکرول
    توسط Awesome در انجمن آموزش های وی بولتین
    پاسخ: 11
    آخرين نوشته: 2011/10/18, 12:46 PM

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

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

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

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

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