درخواست افزونه افکت دور عکس

[Alireza_B13 19]

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

http://picasia.ir/aks-bazigharan/pis-men/%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7%DB%8C-%D8%AC%D8%A7%D8%B3%D8%AA%DB%8C%D9%86-%D8%A8%D8%A8%DB%8C%D8%B1-2014/

وقتی بری روی عکس ی کادر ابی میاد دورش ممنون خیلی لازم دارم

[Ghaem 1492]

می تونید از این دستور استفاده کنید:

.img:hover {
border: 5px solid #1b60fe;
border-radius: 10px;
}

[Black_Sky 6349]

البته میتونید از ژنراتور آقای فخار هم استفاده کنید:

http://fakharblog.com/pages/css3/border-radius/

[Alireza_B13 19]

هیچ کدومش مثل نمونه ک من دادم نیست چیزی بهتر نیست ببخشید بخدا ممنون

[8theme 348]

با سلام

از کد CSS زیر استفاده کنید :

img {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #F0F0F0;
    border-radius: 12px 12px 12px 12px;
    max-width: 500px;
    opacity: 0.8;
    padding: 5px;
    transition: all 0.3s ease-in 0s;
}
img:hover {
    background: none repeat scroll 0 0 #0099FF;
    opacity: 1;
}

موفق باشید

[imanfakhar 26231]

این نمونه نشانی است که دادید

img {
background:#fff;
padding:4px;
box-shadow:   0px 0px 5px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-o-box-shadow:   0px 0px 5px rgba(0, 0, 0, .4);
-khtml-box-shadow:  0px 0px 5px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-moz-transition: all .3s linear .2ms;
-o-transition:all .3s linear .2ms;
-webkit-transition: all .3s linear .2ms;
transition: all .3s linear .2ms;
}
img:hover {
background:#00CCFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius:6px;
box-shadow:   0px 0px 0px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
-o-box-shadow:   0px 0px 0px rgba(0, 0, 0, .4);
-khtml-box-shadow:  0px 0px 0px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
}

[salvatoreh 0]

با سلام خدمت اساتید ببخشید که من الان و تو این تاریخ دارم پیام میدم اما لطفا کمک

img {

background:#fff;

padding:4px;

box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);

-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);

-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);

-khtml-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);

-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);

-moz-transition: all .3s linear .2ms;

-o-transition:all .3s linear .2ms;

-webkit-transition: all .3s linear .2ms;

transition: all .3s linear .2ms;

}

img:hover {

background:#00CCFF;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-khtml-border-radius:6px;

box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);

-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);

-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);

-khtml-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);

-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);

}

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

اما میخوام شامل فایلهایی عکس با پسوند gif نشه لطفا راهنمایی کنیید ممنون

[salvatoreh 0]

آقا کسی نیست جواب ما رو بده لطفا

[imanfakhar 26231]

سلام

1. قوانین رو بخونید زمان انتظار برای پاسخ بیست و چهار ساعته نه شش دقیقه (انجمن پشتیبانی ناسا هم ظرف شش دقیقه مشکلات فضانوردا رو حل نمی کنه)

قاعدتا نباید بهتون پاسخ بدم ولی چون تازه وارد هستید عرض می کنم

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

اگر دادن کلاس براتون مقدور نیست برای اینکه فقط تصاویر jpg و png استایل را بگیرند کدها به این شکل تغییر می کنند.

img[src*=.jpg],img[src*=.png] {
background:#fff;
padding:4px;
box-shadow:   0px 0px 5px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-o-box-shadow:   0px 0px 5px rgba(0, 0, 0, .4);
-khtml-box-shadow:  0px 0px 5px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-moz-transition: all .3s linear .2ms;
-o-transition:all .3s linear .2ms;
-webkit-transition: all .3s linear .2ms;
transition: all .3s linear .2ms;
}
img[src*=.jpg]:hover,img[src*=.png]:hover {
background:#00CCFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius:6px;
box-shadow:   0px 0px 0px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
-o-box-shadow:   0px 0px 0px rgba(0, 0, 0, .4);
-khtml-box-shadow:  0px 0px 0px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
}

ولی ممکنه این کد در بعضی نمایشگرهای قدیمی اجرا نشه

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

[salvatoreh 0]

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

به هر حال این کد اصلا برای من کار نکرد یعنی هیچ تغییری به هیچ فایلی نداد

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

الان تمام عکس های سایت این افکت ها بار گذاری میشه حتی تبلیغات و حتی آیکن های کنار موضوعات

ممنون اگر راهنمایی کنیید

[imanfakhar 26231]

باید کلاس اصلی داخل حلقه را بدونید معمولا کلاس post یا entry باید باشه در این صورت می تونید بجای

img[src*=.jpg],img[src*=.png]

بگذارید

.post img

اگر تصاویر رات به صورت استاندارد از طریق تصویر شاخص و رسانه بگذارید کلاسشون می شه attachment-thumbnail و کدها می شند

.attachment-thumbnail,.attachment {
background:#fff;
padding:4px;
box-shadow:   0px 0px 5px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-o-box-shadow:   0px 0px 5px rgba(0, 0, 0, .4);
-khtml-box-shadow:  0px 0px 5px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-moz-transition: all .3s linear .2ms;
-o-transition:all .3s linear .2ms;
-webkit-transition: all .3s linear .2ms;
transition: all .3s linear .2ms;
}
.attachment-thumbnail:hover,.attachment:hover {
background:#00CCFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius:6px;
box-shadow:   0px 0px 0px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
-o-box-shadow:   0px 0px 0px rgba(0, 0, 0, .4);
-khtml-box-shadow:  0px 0px 0px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
}