XDiaries

افکت دار کردن تصاویر پست ها

11 پست در این موضوع قرار دارد

سلام

من می خواستم وقتی موس میره روی تصویر , تصویر تغییر کنه مثلا تیره بشه خودم یک کد دارم ولی نمیدونم کجا بزارم که فقط روی تصاویر پست ها عمل کنه فابل style.css و کد افکت رو گذاشتم واسه دانلود هرکی میتونه واسم درست کنه ممنون .

css.rar

به اشتراک گذاری این پست


لینک به پست

سایت شما آنلاینه با پوسته مورد نظر؟

به اشتراک گذاری این پست


لینک به پست

اینو در فایل استایل تست کنید (ctrl + f5)


.imgnews img {transition-property: border, border-radius;transition-duration: 1s;-moz-transition-property: border, -moz-border-radius;-moz-transition-duration: 1s;-webkit-transition-property: border, -webkit-border-radius;-webkit-transition-duration: 1s;-o-transition-property: border, -o-border-radius;-o-transition-duration: 1s;-ms-transition-property: border, -ms-border-radius;-ms-transition-duration: 1s;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;border: 5px solid #d4d4d4;}
.imgnews img:hover {border: 5px solid #888}

به اشتراک گذاری این پست


لینک به پست

اگر هر پست یک عکس برای افکت داره و اون عکس اولین عکسه کد را به این شکل تغییر دهید والا منتظر باشید جناب پارسا که آدرستون رو دارند کلاس ها چک کنند


.imgnews img:first-child {transition-property: border, border-radius;transition-duration: 1s;-moz-transition-property: border, -moz-border-radius;-moz-transition-duration: 1s;-webkit-transition-property: border, -webkit-border-radius;-webkit-transition-duration: 1s;-o-transition-property: border, -o-border-radius;-o-transition-duration: 1s;-ms-transition-property: border, -ms-border-radius;-ms-transition-duration: 1s;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;border: 5px solid #d4d4d4;}
.imgnews img:first-child:hover {border: 5px solid #888}

به اشتراک گذاری این پست


لینک به پست

آدرس سایتتون رو قرار بدین

چون پیغام خصوصی یعنی اینکه ممکنه دیرتر به جوابتون برسید

به اشتراک گذاری این پست


لینک به پست

اقا پارسا چی شد راهی پیدا کردین این افکت ها الان همه جای پست میوفته . از کد اقا ایمانم استفاده کردم ولی فرقی نکرد .

به اشتراک گذاری این پست


لینک به پست

آدرس سایتتون رو قرار بدین

چون پیغام خصوصی یعنی اینکه ممکنه دیرتر به جوابتون برسید

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط devil1367
      با سلام
      من یک فروشگاه دارم چون قالب قبلیم نیازهامو نمیتونست برطرف کنه یه قالب جدید از یکی از سایتها خریداری کردم
      سوالم اینه با نصب بسته اسان نصب اطلاعاتی یا محصولات قبلی که داشتم حذف میشن ؟
      چطوری قالب رو شبیه دمو دربیارم و صفحات و برگه ها import کنم.
       
      با تشکر
    • توسط armakcell
      با سلام بنده در سایتم میخواستم یک ابزارک قرار بدم مانند ابزارک این سایت
      http://powerturk.ir

      اگر داخل این سایت برید در یک قسمت نوشته است آرشیو فول البوم
      بنده این ابزارک را چگونه به دست بیارم؟
      بنده یک تصویر ضمیمه میکنم در صورتی که در سایت وارد نشد

    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط amir_hossein
      سلام دوستان من قصد دارم چندتا اسلاید کناره هم به صورت خطی (مثلا 4 تا اسلاید) اواسط صفحه اصلی یا انتهای صفحه قرار بدم.افزونه ای میتونید بهم معرفی کنید برای اینکار؟
    • توسط mosi1672
      سلام 
      من یه سایتی دارم که برای همایش علمی مقالات رو با فرمی که با افزونه گرویتی فرم ساخته شده دریافت میکنم.
      خواستم بدونم آیا راهی وجود داره که امار مقالات دریافتی رو به صورت داینامیک و پویا بتونم با روی سایت اصلی نشون بدم؟ البته با ظاهر زیبا
      مثل این سایت تایپ ایران که امار پروژه ها و کاربرانش رو به صورت نمودار دایره ای نشون میده..
      این ادرس سایت :
      ادرس فرم:http://ihsc.bsbmu.ir/maghaleh/
      ادرس سایت:http://ihsc.bsbmu.ir/

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