چطوری این سایت یه تصویر معمولی رو بهش فریم داده؟

[behzad1367]

دوستان به این سایت نگاه کنید:
http://demo.templatesquare.com/html/vcard3/
http://demo.templatesquare.com/html/vcard3/اون تصویر منظره که صفحه اصلی هست یه تصویر ساده هستش اما خود سایت یه قالب سایه دار براش درست کرده با یه انحنای قشنگ.خواستم بدونم از چه پلاگینی استفاده کرده؟

[hakan648]

سلام
فکر نمیکنم از پلاگینی استفاده شده باشه !!!

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

http://demo.templatesquare.com/html/vcard3/images/bg-content.png

http://demo.templatesquare.com/html/vcard3/images/bg-content-glow.png

http://demo.templatesquare.com/html/vcard3/images/bg-body.gif

موفق باشید ...

[behzad1367]

داداش دستت درد نکنه این عکسارو 2 ساعت از روی سایت داشتم برش میدادم نگو آماده بوده!!! اما منظور من اینا نیست! همون عکس صفحه اصلی که چند تا درخت هست رو نگاه کن.وقتی تصویر رو ذخیره می کنی تصویر یه تصویر معمولی هست اما توی سایت یه فریم دورش قرار گرفته! میخام این فریم رو درست کنم.حتما باید از یه پلاگینی درست شده باشه دیگه

[Saber Mogaddas]

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

[hakan648]

موردی که میفرمایید در این چند خط کد CSS خلاصه شده :

.imgshadow-left {
background-image: url("../images/img-shadow.png");
background-position: center bottom;
background-repeat: no-repeat;
float: left;
margin: 4px 15px 0 0;
padding-bottom: 3px;


}


.imgshadow-left img {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
padding: 2px;
}


این هم تگ تصویر :


<span class="imgshadow-left">
<img alt="" src="images/pic-home.jpg">
</span>موفق باشید ...