PDA

View Full Version : سوال: کادر در وب سایت



mehran63
شنبه 15 تیر 1392, 20:31 عصر
سلام
در وسط وب سایت زیر سه کادر وجود دارد
کسی نمونه ای مثل این سراغ داره که بتونم سورسش رو بردارم
http://www.za.gg/

mohamad_torabi
شنبه 15 تیر 1392, 20:51 عصر
سلام
این یک عکسه ادرس زیر اون عکسست
http://www.za.gg/images/home_3erbox.png

mehran63
شنبه 15 تیر 1392, 22:39 عصر
از این عکس که برای این کار نمیشه استفاده کرد
اگه هم استفاذه ازش شدنیه روش رو بگید

na_des
یک شنبه 16 تیر 1392, 19:45 عصر
خوب دوسته عزیز این یه عکس دیگه . با page info یا web developer سایت بررسی کنید کاملا متوجه میشید .
اگر از web developer و گزینه display element information استفاده کنید میبنید که یه عکس که روی ان یه دیو و متن را به کمک تگ p , h1 روی ان قرار دادن

mehran63
یک شنبه 16 تیر 1392, 22:05 عصر
من از ASP.NET 4.5 استفاده میکنم
واسه این کار نمیدونم دقیقا چه کاری باید انجام بدم
مثلا یه نمونه دیگه در لینک زیر هست یا همون عکسی که دوستمون mohamad_torabi گذاشتند دقیقا باهاش چه کار باید کرد؟ فرض کنید تو یه صفحه باید 10 تا از این باکسها داشته باشم که توش متنم رو قرار بدم. مسئله دیگه ای که هست اینه که متنها کم و زیاد دارند حالا با این کم و زیاد شدن، با این عکسها چه رفتاری رو باید انجام داد.
http://psdblast.com/paper-style-feature-box-graphics

mehran63
سه شنبه 18 تیر 1392, 10:04 صبح
کسی هست راهنمایی کنه

mehbod.rayaneh
سه شنبه 18 تیر 1392, 12:54 عصر
سلام
زبان سمت سرورتون هر چی ک باشه باید برا طراحی قالب از css و html استفاده کنید دیگه! درسته؟
حالا شما 1 دیو میسازید و عکسی ک دوستان دادنو میذارید بکگراند! هر جند بار ک دوست دارید توی html اونو تکرار میکنید!
فک کنم دقیقا همین کارو تو اون سایتی ک دادید هم کردن!
موفق باشید!

mehran63
سه شنبه 18 تیر 1392, 19:25 عصر
سلام
زبان سمت سرورتون هر چی ک باشه باید برا طراحی قالب از css و html استفاده کنید دیگه! درسته؟
حالا شما 1 دیو میسازید و عکسی ک دوستان دادنو میذارید بکگراند! هر جند بار ک دوست دارید توی html اونو تکرار میکنید!
فک کنم دقیقا همین کارو تو اون سایتی ک دادید هم کردن!
موفق باشید!

مسئله موضوعیه که در پست شماره 5 اشاره کردم
فرض کنید تو یه صفحه باید 10 تا از این باکسها داشته باشم که توش متنم رو قرار بدم. مسئله دیگه ای که هست اینه که متنها کم و زیاد دارند حالا با این کم و زیاد شدن، با این عکسها چه رفتاری رو باید انجام داد.

mehbod.rayaneh
سه شنبه 18 تیر 1392, 19:50 عصر
درود
باید از background-size به صورت درصدی استفاده کنید
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size

بهزاد علی محمدزاده
سه شنبه 18 تیر 1392, 19:57 عصر
عکسها مطابق اون نیاز طراحی شدن , یعنی اینجا حاشیه ها رو کج گرفته , چون باکس ها تغییر نمی کنن و محتوی ثابت هست , برای دیدن بقیه مطلب باید لینک میشی به صفحه دیگه . شما اگر بخواید این و پیاده سازی کنید بار باکس ی که اندازه اش تغییر می کنه . بهتره که برای حاشیه چپ و راست دو عکس داشته باشی که بصورت عمود repeat بشند .

اگر متوجه منظور من نشدی , یه مقداری شاید css و خوب کار نکردی .

mehran63
چهارشنبه 19 تیر 1392, 19:36 عصر
کد زیر رو نوشتم ولی متن از کادر بیرون میزنه
اگه ممکنه با یه مثال یا با تغییر همین کد راهنماییم کنید
.box{
background-image: url("home_3erbox.png");
font-family: Tahoma;
overflow: hidden;
float:left;
direction: rtl;
text-align: right;
width: 290px;
height: 225px;
position: relative;
left: 50px;
padding-left: 35px;
padding-top: 20px;
}

mohamad_torabi
چهارشنبه 19 تیر 1392, 19:41 عصر
سلام
text-align رو center قرار بدید

mehran63
پنج شنبه 20 تیر 1392, 17:58 عصر
با کد زیر مشکل حل شد ولی دو مطلب را در آن متوجه نشدم
دانلود سورس (http://ashiyane.org/forums/attachment.php?attachmentid=80554&d=1373473362)

1- کد زیر برای چیست، من حذفش کردم، تغییرش دادم اتفاقی نیفتاد
#container{
width:90%;
}

2- در مورد کد زیر هم اگه یه توضیحی بدی ممنون میشم
display:block;