PDA

View Full Version : کمک در مورد بکگراندها


Mohsen.
یک شنبه 22 بهمن 1391, 15:47 عصر
دوستان. من میخوام بکگراندی شبیه عکس زیر درست کنم. خودم فکری به ذهنم نرسیده. جستجو ها هم هنوز نتیجه نداده. اگه راه حلی دارید بگید.

http://axgig.com/images/14436347155553180763_thumb.png (http://axgig.com/viewer.php?file=14436347155553180763.png)
mehbod.rayaneh
یک شنبه 22 بهمن 1391, 17:35 عصر
نگرفتم! میشه 1 ذره توضیح بدید!؟
Mohsen.
یک شنبه 22 بهمن 1391, 18:15 عصر
میخوام عکس بالا رو برای بکگراند صفحه تعریف کنیم. گفتم آیا با CSS میشه؟ البته خودم فکر نکنم بشه.
Mohsen.
یک شنبه 22 بهمن 1391, 18:32 عصر
دوستان لازم نیست. من اومدم عکس رو به صورت زیر برش دادم و بالای دایو گذاشتم و فقط پایینش رو رنگ گذاشتم.

http://axgig.com/images/18710918794047389956.png
mehbod.rayaneh
دوشنبه 23 بهمن 1391, 01:07 صبح
سلام
بعله با عکس میشه! ولی فک کنم حجم فایلها زیاد بشن!!!
شاید با این خاصیت css (http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform1) بتونید 1 همچین کاری بکنید!
موفق باشید :)
Mohsen.
دوشنبه 23 بهمن 1391, 10:11 صبح
شاید با این خاصیت css بتونید 1 همچین کاری بکنید!
در اینصورت محتویات داخل دایو هم کج میشن.
mehbod.rayaneh
دوشنبه 23 بهمن 1391, 12:30 عصر
آره خوب! فک کنم باید از js هم استفاده کنید و اینو فقط به عنوان بکگراند بذارید!!!
کامروا
دوشنبه 23 بهمن 1391, 15:16 عصر
دوستان لازم نیست. من اومدم عکس رو به صورت زیر برش دادم و بالای دایو گذاشتم و فقط پایینش رو رنگ گذاشتم.

http://axgig.com/images/18710918794047389956.png

این شکل بالا رو بشکل زیر میتونید رسم کنید :
div {
width: 700px;
height: 100px;
background: -webkit-linear-gradient(87deg, transparent 50%, black 50%);
}
tamafi6
دوشنبه 23 بهمن 1391, 15:41 عصر
دوستان. من میخوام بکگراندی شبیه عکس زیر درست کنم. خودم فکری به ذهنم نرسیده. جستجو ها هم هنوز نتیجه نداده. اگه راه حلی دارید بگید.

http://axgig.com/images/14436347155553180763_thumb.png (http://axgig.com/viewer.php?file=14436347155553180763.png)
اینجاروببین
http://barnamenevis.org/showthread.php?374727-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2%D8%AA%D9%88%D8%A7%D9%84%DB%8C-%D8%B1%D9%86%DA%AF-%D8%A8%D8%AC%D8%A7%DB%8C-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%D8%A8%D8%B1%D8%A7%D B%8C-%D9%BE%D8%B3-%D8%B2%D9%85%DB%8C%D9%86%D9%87-%D8%AF%D8%B1css
Mohsen.
دوشنبه 23 بهمن 1391, 20:03 عصر
این شکل بالا رو بشکل زیر میتونید رسم کنید :
1
2
3
4
5
div {
width: 700px;
height: 100px;
background: -webkit-linear-gradient(87deg, transparent 50%, black 50%);
}


آره بابا. چرا به فکر خودم نرسید.:گیج:
ممنون.