رفتن به مطلب

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


پست های پیشنهاد شده

سلام به همگی

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

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


<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>

ممنون

لینک به ارسال

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


.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] {}

لینک به ارسال

این کد رو بگذارید انتهای 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);
}

لینک به ارسال

سلام خط 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;
}

لینک به ارسال

سلام،

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

فایل 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);
}

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

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

ویرایش شده توسط مرتضی نظری
لینک به ارسال

ممنون دوستان

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

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

لینک به ارسال

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

.widget img

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


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

لینک به ارسال

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

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


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

لینک به ارسال

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

لینک به ارسال

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

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

مشکل حل شد :)

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

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

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


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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...