davo0d

حذف box-shaddow از تصاویر ابزارک

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

سلام به همگی

دوستان میخوام سایه تصاویر ابزارک ( لوگو سایت و شبکه های اجتماعی ) رو حذف کنم .

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


<a href="http://www.jokeha.com/"><img src="http://www.jokeha.com/wp-content/uploads/2013/10/logo.gif" border="0" width="195" height="60" title="هر روز با مطالب خنده دار و طنز های خواندنی در خدمت شما هستیم" alt="هر روز با مطالب خنده دار و طنز های خواندنی در خدمت شما هستیم" >
</br>
<a href="https://twitter.com/t_jokeha" rel="nofollow" target="_blank"><img src="http://www.jokeha.com/wp-content/uploads/2013/10/tt.jpg" border="0" width="45" height="45" title="جوک ها را از طریق توییتر دنبال و به دوستان خود معرفی کنید" alt="جوک ها را از طریق توییتر دنبال و به دوستان خود معرفی کنید" >
<a href="https://www.facebook.com/f.jokeha" rel="nofollow" target="_blank"><img src="http://www.jokeha.com/wp-content/uploads/2013/10/fb.jpg" border="0" width="45" height="45" title="جوک ها را از طریق فیس بوک دنبال و به دوستان خود معرفی کنید" alt="جوک ها را از طریق فیس بوک دنبال و به دوستان خود معرفی کنید" >
<a href="https://www.google.com/+Jokeha" rel="nofollow" target="_blank"><img src="http://www.jokeha.com/wp-content/uploads/2013/10/g+.jpg" border="0" width="45" height="45" title="جوک ها را از طریق گوگل پلاس دنبال و به دوستان خود معرفی کنید" alt="جوک ها را از طریق گوگل پلاس دنبال و به دوستان خود معرفی کنید" >
<a href="http://www.cloob.com/c_jokeha" rel="nofollow" target="_blank"><img src="http://www.jokeha.com/wp-content/uploads/2013/10/cb1.jpg" border="0" width="45" height="45" title="جوک ها را از طریق کلوب دنبال و به دوستان خود معرفی کنید" alt="جوک ها را از طریق کلوب دنبال و به دوستان خود معرفی کنید" >
</a>

ممنون

0

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


لینک به پست

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


.sample img {
box-shadow:0 0 0 rgba(0, 0, 0, 0);
}

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


img[src$=logo.gif],img[src$=tt.jpg],img[src$=fb.jpg],img[src$=g+..jpg],
img[src$=cb1.jpg] {}

2

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


لینک به پست

مرسی آقا ایمان

ولی من کلا سر در نیاوردم :D

0

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


لینک به پست

این کد رو بگذارید انتهای style.css


img[src$=logo.gif],
img[src$=tt.jpg],
img[src$=fb.jpg],
img[src$=g+..jpg],
img[src$=cb1.jpg]
{
box-shadow:0 0 0 rgba(0, 0, 0, 0);
moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow:0 0 0 rgba(0, 0, 0, 0);
-khtml-box-shadow:0 0 0 rgba(0, 0, 0, 0);
;-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
}

2

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


لینک به پست

آقا ایمان تاثیری نذاشت ( کوکی های مرورگر رو هم حذف کردم )

0

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


لینک به پست

سلام خط 357 فابل استايلتون اين كلاس :


.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

بردارين باكس شادو رو پاك كنيد :


.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
}

4

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


لینک به پست

ارسال شده در (ویرایش شده)

سلام،

در راستای فرمایشات استاد عزیز:

فایل style رو باز کنید، خط 357 فکر کنم باشه، عبارت زیر رو پیدا کنید:


.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

و به :


.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

تغییر بدید...

پ.ن : مثل اینکه منو امیر عزیز با هم فرستادیم!

ویرایش شده در توسط مرتضی نظری
4

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


لینک به پست

ممنون دوستان

ولی با این کار سایه تمام تصاویر حذف نمیشه !؟

میخوام فقط سایه تصاویر ابزارک حذف بشه ...

0

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


لینک به پست

از همون خطی که دادیم، عبارت

.widget img

رو حذف کنید و این تکه کد رو بعد از اتمام اون کد قبلی بزارید...


.widget img {
border-radius: 3px 3px 3px 3px;
}

2

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


لینک به پست

آقا مرتضی فقط .widget img رو که حذف کردم سایه تصاویر ابزارک ها حذف شد ... ( واقعا ممنون )

لازمه که کد دوم ( کد زیر ) رو اضافه کنم ؟


.widget img {
border-radius: 3px 3px 3px 3px;
}

0

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


لینک به پست

کار کد دوم اینه که گوشه تصویر رو به اندازه 3 پیکسل گرد میکنه... چون توی اون کد اصلی هم این گردی گوشه ها هم بود،من گفتم حتما لازمه که باشه... اگه نمیخواین باشه اصلا نیازی نیست..

3

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


لینک به پست

ارسال شده در (ویرایش شده)

آقا مرتضی واقعا ازتون ممنونم ...

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

مشکل حل شد :)

ویرایش شده در توسط davo0d
1

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


لینک به پست

آقا مرتضی فقط .widget img رو که حذف کردم سایه تصاویر ابزارک ها حذف شد ... ( واقعا ممنون )

لازمه که کد دوم ( کد زیر ) رو اضافه کنم ؟


.widget img {
border-radius: 3px 3px 3px 3px;
}

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

2

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


لینک به پست

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

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

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

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


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

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

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


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