ورود

View Full Version : اضافه کردن حاشیه به عکس ها با css


iekrang
شنبه 05 اسفند 1385, 09:59 صبح
سلام.
من میخواهم به عکسهام یه سری بردر و افکت بدم.مثلاً حاشیه رنگی داشته باشه.آیا اینکار با css امکان پذیر هست؟
یه چیزی شبیه این:
http://search.live.com/images/results.aspx?q=shoe&FORM=QBIR&mkt=en-us
oVERfLOW
یک شنبه 06 اسفند 1385, 12:41 عصر
<style>
img {border: 2px solid blue;
</style>
baranbahar
یک شنبه 06 اسفند 1385, 14:07 عصر
سلام
بله این کار رو می تونین انجام بدین به این صورت که هر border را جداگونه تعریف کنید. داخل تگ این عبارات رو وارد کنید:

border-left: 4px solid #0000ff;
border-right: 4px solid #0000ff;
border-top: 2px solid #0000ff;
border-bottom: 2px solid #0000ff;

به جای این کد رنگ می تونید اسمش رو هم بنویسید.
I,Nobody
یک شنبه 06 اسفند 1385, 17:02 عصر
این سایت با استفاده از JS استایل ها رو کنترل میکنه.
اگه شما فقط میخوای border به عکسات بدی، راه حل دوستان درسته. ولی اگه بخوای مثل این سایت عمل کنی، نیاز به اسکریپت نویسی داری
oVERfLOW
دوشنبه 07 اسفند 1385, 09:53 صبح
راستی اگه بخواید دقیقا مثل اون بشه باید دستور زیر رو هم اضافه کنید

padding: 3px;
iekrang
دوشنبه 07 اسفند 1385, 13:25 عصر
از توجه همه دوستان ممنونم.

این سایت با استفاده از JS استایل ها رو کنترل میکنه.
اگه شما فقط میخوای border به عکسات بدی، راه حل دوستان درسته. ولی اگه بخوای مثل این سایت عمل کنی، نیاز به اسکریپت نویسی داری
میشه در مورد اسکریپتش توضیح بدید؟یعنی این استکریپت باید چه کاری رو انجام بده؟
و یه سوال دیگه آیا میشه عکس به عنوان بردر قرار داد؟مثلاً اینکه بخواهم توی یه گالری یه سری قاب داینامیک داشته باشم(با هر سایزی کار کنه)
iekrang
دوشنبه 07 اسفند 1385, 13:58 عصر
خیلی جالبه: http://www.alistapart.com/articles/cssdropshadows/
یه سایه اتوماتیک به عکس ها میده با این روش.
amirhosein
دوشنبه 14 اسفند 1385, 18:58 عصر
تو این سایتم می تونی نمونه های جالبی پیدا کنی :
http://www.dynamicdrive.com/style/