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

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

موضوع: کادر زیبای دور تصاویر

    1. توضیحات کادر زیبای دور تصاویر »»

      کادر زیبای دور تصاویر

      نگارش: 1 ، توسط (کاربر سایت)

      آخرین زمان حضور: Jan 2013 پرینت این صفحه / حالت نمایش بصورت پرینت شده ارسال این صفحه به ایمیل یک دوست یا خودتان
      نگارش: تمامی ورژن ها امتیاز:  نصب شده: 1 بار
      زمان انتشار: 2011/11/08 بروزرسانی: هرگز دریافت شده: 0 بار
      پشتیبانی نمی شود تغییرات دستی در قالب

      درود

      دوستان طی این آموزش برای تمام عکس هایی که توی پست و یا تاپیک های تالارتون ارسال میشه یه کادر اضافه میکنید

      کد بسیار زیبایی کادر دور تصویر cssیکی از بهترین کد های css همان کد کادر دور تصاویرهستش رو براتون قرار میدم.این کد در حال حاظر سایت های بزرگ دارند استفاده می کنند و برای عموم قرار نمی دهند- این کد در مرورگر های مختلف به صورت های مختلف نشان داده می شود که زیبا ترین آن فایرفاکس هستش که تصاویر را به صورت زیبا گرد می کند.







      این کد رو از یه سایت که برای وبلاگ دهی ها (بلاگفا پارسی کیوت و....) گذاشته بود پیدا کردم و برای شما آموزشش رو میذارم که بتونید برای انجمنتون استفاده کنید

      اول دمو (سایت خودم) :
      http://www.20forum.ir/showthread.php?t=1806
      با بردن موس روی عکس ها میتونید تغییرات رو ببینید


      حالا آموزش


      admin cp >>> استایل ها و قالب ها >>> جستجو در قالب ها >>>

      postbit_legacy رو جستجو کنید

      در این قالب کد زیر رو پیدا کنید

      کد:
      {vb:raw post.message}
      و به کد زیر تغییرش بدید

      کد:
      <div class="main-center2"> {vb:raw post.message} </div>
      حالا در همان قسمت جستجوی قالب ها قالب postbit.css رو جستجو کنید

      قالب رو ویرایش کنید

      کد زیر رو بعد از /*post bit*/ قرار دهید

      کد:
      .main-center2 img { background-position: center; margin:8px 4px; border:1px solid #E5E5E5; padding:5px; filter:alpha(opacity=50);
       opacity:0.8;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
       text-align: center;
       float: center;
       box-shadow:1px 0px 3px #888; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; background-repeat:no-repeat; background-attachment:scroll
      }
      .main-center2 img:hover {
       margin:8px 4px; border:1px solid #FFA994; padding:5px; filter:alpha(opacity=100);
       opacity:1.0;
       -moz-border-radius: 25px;
       -webkit-border-radius: 15px;
       background-color: #FFDDD5;
       text-align: center;
       float: center;
       background-repeat: no-repeat;
       background-position:   center 50%;
       box-shadow: 1px 0px 6px #888;
              -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
       -o-transition:all 0.3s ease-in;
       transition:all 0.3s ease-in     
      }
      کار تمام است

      حالا میتونید تغییرات رو توی پست های تالارتون مشاهده کنید



      رنگ هاشو خودتون میتونید تغییر بدید

      main-center2 img:hover
      وقتی هستش ماوس روی عکس ها میاد رنگ رو می تونید تغییر بدید


      background-color: #FFDDD5;

      رنگ مورد نظربه جای این#FFDDD5

      margin:8px 4px; border:1px solid #FFA994

      solid #FFA994 این هم کنار رنگ یا همون بوردر هستش

      main-center2 img هم همین طور اون ها هم می تونی تغییر بدید


      نمونه:

      زمانی که موس بر روی تصویر نیست
      http://up.vbiran.ir/images/28sl2d72g4p76az4rcyn.png



      زمانی که موس بر روی تصویر هست
      http://up.vbiran.ir/images/awdohmzyvd07ceuiajll.png



      امید وارم راضی باشید

      پشتیبانی شما از نویسنده ( تشکر ، اعلام نصب ، رعایت کپی رایت و پسورد )




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

  2. Top | #2
    مدیر بازنشته

    تاریخ عضویت
    Jan 2011
    ورژن ویبولتین
    4.1.7
    نوشته ها
    654
    مورد پسند
    984 بار
    اطلاعات
    میزان امتیاز
    90

    پیش فرض

    ممنون دوست عزیز
    اگه امکانش هست یه شات هم به پست اضافه کنید

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


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

    تاریخ عضویت
    Sep 2011
    ورژن ویبولتین
    4.1.4
    نوشته ها
    116
    مورد پسند
    72 بار
    اطلاعات
    میزان امتیاز
    18

    پیش فرض

    نقل قول نوشته اصلی توسط ATROAN نمایش پست ها
    ممنون دوست عزیز
    اگه امکانش هست یه شات هم به پست اضافه کنید
    ببخشید امکانش برام وجود نداره

    خودتون زحمتش رو بکشید : http://www.20forum.ir/showthread.php?t=1806

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

    پاسخ با نقل قول پاسخ با نقل قول توسعه دهنده

  4. Top | #4
    مدیر بازنشته

    تاریخ عضویت
    Jan 2011
    ورژن ویبولتین
    4.1.7
    نوشته ها
    654
    مورد پسند
    984 بار
    اطلاعات
    میزان امتیاز
    90

    پیش فرض

    تصاویر نمونه اضافه شد

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


  5. Top | #5
    مدیر بازنشته

    تاریخ عضویت
    May 2010
    ورژن ویبولتین
    Connect
    نوشته ها
    2,771
    مورد پسند
    2,584 بار
    اطلاعات
    میزان امتیاز
    335

    پیش فرض

    ممنون خيلي قشنگ شد

    اينم يك دمو ديگه : http://forum.pershiandon.com/thread1016-35.html

    ا
    لبته 2تا css ديگه هم داره

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



    ( Drupal Hosting ( linahost




  6. Top | #6
    مدیر بازنشته

    تاریخ عضویت
    Jan 2011
    ورژن ویبولتین
    4.1.7
    نوشته ها
    654
    مورد پسند
    984 بار
    اطلاعات
    میزان امتیاز
    90

    پیش فرض

    نقل قول نوشته اصلی توسط AmirLeon نمایش پست ها
    ممنون خيلي قشنگ شد

    اينم يك دمو ديگه : http://forum.pershiandon.com/thread1016-35.html

    ا
    لبته 2تا css ديگه هم داره

    امیر جون اگه امکانش هست اون سی اس اس هایی هم که اضافه کردی هم بذار تا بچه ها لذتشو ببرن!

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


  7. Top | #7
    مدیر بازنشته

    تاریخ عضویت
    May 2010
    ورژن ویبولتین
    Connect
    نوشته ها
    2,771
    مورد پسند
    2,584 بار
    اطلاعات
    میزان امتیاز
    335

    2 تشکر توسط:



    ( Drupal Hosting ( linahost




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

    تاریخ عضویت
    Sep 2011
    ورژن ویبولتین
    4.1.4
    نوشته ها
    116
    مورد پسند
    72 بار
    اطلاعات
    میزان امتیاز
    18

    پیش فرض

    این روز ها هر سایتی یه ابتکار به خرج میده و یه افکت جدید برای عکس ها میسازه

    واقعا هم زیبا هستن این افکت ها

    هر کدوم زیبایی خودشون رو دارن

    مثلا کدی که امیر گذاشته خیلی باحاله یا همین کد

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

    پاسخ با نقل قول پاسخ با نقل قول توسعه دهنده

  9. Top | #9
    مدیر بازنشته

    تاریخ عضویت
    Jan 2011
    ورژن ویبولتین
    4.1.7
    نوشته ها
    654
    مورد پسند
    984 بار
    اطلاعات
    میزان امتیاز
    90

    پیش فرض

    نقل قول نوشته اصلی توسط surakia نمایش پست ها
    میشه لینک بدید که کجا هست

    و اگه ضمتی نیست میشه کد هایی که خودتون روش کار کردید رو قرار بدید و بگید کجا باید قرار بدیم
    شما هر پست بیتیو می تونی شبیه اون کنی مثلا پست بیت همین وی بی ایران یا اینوwww.vbiran.ir/thread11859.html

    فقط باید css ویرایش بشه

    در مورد سی اس اس امیر جان هم که خودشون گفتن اختصاصی

    2 تشکر توسط:


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

    تاریخ عضویت
    Sep 2011
    ورژن ویبولتین
    4.0
    نوشته ها
    78
    مورد پسند
    5 بار
    اطلاعات
    میزان امتیاز
    13

    پیش فرض

    سلام من انجام دادم تمام مراحل رو اما تغییری ایجاد نشد ممنون لطفا راهنمایی کنید

    گیمــــ پلاســـ

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

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

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

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

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

  1. پاسخ: 43
    آخرين نوشته: 2014/04/29, 10:58 AM
  2. پاسخ: 5
    آخرين نوشته: 2012/04/25, 06:43 PM
  3. پلاس وان (بسیار زیبا متحرک) اختصاصی پرشین دان
    توسط Amir Lord در انجمن آموزش های وی بولتین
    پاسخ: 44
    آخرين نوشته: 2011/12/12, 12:15 PM
  4. پاسخ: 5
    آخرين نوشته: 2011/11/11, 02:33 PM
  5. پاسخ: 8
    آخرين نوشته: 2011/01/18, 05:53 PM

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

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

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

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

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