چطور روی عکس متن بزارم ؟

[yasharhi]

چطوری روی عکس متن بنویسم ؟ مثل عکس زیر

http://upload7.ir/imgs/2014-06/12314686488617601762.jpg

[دانیال دزفولی]

خوب میشه یه دیو جدا درست کنید
یا از after , before استفاده کنید

[yasharhi]

خوب میشه یه دیو جدا درست کنید
یا از after , before استفاده کنید

after , before دیگه چیه ؟ آخه اگه یه دیو یا row جداگانه تعریف کنم بعد یا قبل از عکس می افته روی عکس نمی افته !

[دانیال دزفولی]

به دیو زد ایندکس بدید

http://www.w3schools.com/CSSref/tryit.asp?filename=trycss_zindex

دربارشون تحقیق کنید

[yasharhi]

به دیو زد ایندکس بدید

http://www.w3schools.com/CSSref/tryit.asp?filename=trycss_zindex

دربارشون تحقیق کنید

ممنون متن رو تصویر گذاشتم حالا چطور متن رو در قسمت مورد نظرم روی متن قرار بدم ؟

[دانیال دزفولی]

با پوزیشن ابسلوت



div {
position: absolute;
width: 400px;
left: 50%;
margin-left: -200px;
top: 30%;
}

[yasharhi]

div {
position: absolute;
width: 400px;
left: 50%;
margin-left: -200px;
top: 30%;
}

ممنون درست شد . حالا چطور مربع ها رو کم رنگ کنم تا تصویر پشتشون دیده بشه ؟

[mohamad_torabi]

چطوری روی عکس متن بنویسم ؟ مثل عکس زیر

http://upload7.ir/imgs/2014-06/12314686488617601762.jpg

دوست عزیز در این عکسی که شما گذاشتین فقط بکگراند کل رو کرده عکس و بعد توش اجزا رو قرار داده ولی اگر میخواید روی عکس بنویسید روش دانیال درسته

[دانیال دزفولی]

ممنون درست شد . حالا چطور مربع ها رو کم رنگ کنم تا تصویر پشتشون دیده بشه ؟

میتونی بهش
opasity : .8 بدی ولی رنگ ها هم کم رنگ میشن

و میتونی rgba بدی (یه نوع رنگ) این مبنا رو میتونی با ویرایشگرت بزنی

یه نمونه:


background: rgba(0, 0, 0, 0.4)

[دانیال دزفولی]

div {
position: absolute;
width: 400px;
left: 50%;
margin-left: -200px;
top: 30%;
}

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




div{
position: relative;
margin: 0 auto;
width: 400px;
text-align: center;

}




div{
width: 100%;
text-align: center;

}

[dreadful]

راه دانی خوبی ولی
به نظرم اگه یه div بسازی و تصویری که داری با background-image به دیو بدی مناسب تر باشه

[vimax23]

ممنون درست شد . حالا چطور مربع ها رو کم رنگ کنم تا تصویر پشتشون دیده بشه ؟

البته بهتره یه بک گراند بدی به صورت 1 پیکسل به صورت های لایت باشه چون که با opasity رو مرورگرهای اکسپلورر خوب جواب نمیده

[dreadful]

البته بهتره یه بک گراند بدی به صورت 1 پیکسل به صورت های لایت باشه چون که با opasity رو مرورگرهای اکسپلورر خوب جواب نمیده


از من میشنوی برای شروع اصلا نباید به ie توجه کنی ،
بعد هم http://caniuse.com/#feat=css-opacity

[vimax23]

از من میشنوی برای شروع اصلا نباید به ie توجه کنی ،
بعد هم http://caniuse.com/#feat=css-opacity

اتفاقا وقتی مشتری شما ایرانی هست باید اینا رو در نظر بگیری برای خودت که نمیخوایی بسازی
یه دیزاین خوب باید روی همه مرورگرها خوب کار کنه حالا با جاوااسکریپت شده به نظرم باید این کار رو انجامش داد جا اینکه مثلا فوتر بنویسی آپتیمایز شده برای فلان براوزر
نسخه های پائینش منظور بوده