PDA

View Full Version : به نظر شما کدام روش بهتر است؟


maktab
پنج شنبه 10 آذر 1390, 09:54 صبح
جدیدا بعضی از افراد برای گرد کردن گوشه ها، سایه دار کردن و... از برخی روش های جدید (که مرورگر IE ساپورت نمی کنه) استفاده می کنند.
حالا نظر شما چیه؟ از همان روش های قدیمی استفاده کنم مثلا برای سایه دار کردن و گرد کردن از عکس استفاده کنم یا از روش جدید؟ یا از هر دو روش! (تویه مرورگر IE از عکس و بقیه از روش های جدید)
این نکته رو توجه کنید که نمی شه مرورگر IE رو مدنظر نگرفت حتی ورژن های پایین اون رو!
hamid_shrk
پنج شنبه 10 آذر 1390, 10:27 صبح
توی همین سایت توضیح داده شده که چجوری میشه این کار رو (دور گرد کردن و سایه دار کردن و .. بدون عکس)تو IE هم انجام داد.
این لینک (http://barnamenevis.org/showthread.php?243924-%D8%B1%D9%88%D8%B4%DB%8C-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-Css3-%D8%AF%D8%B1-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1%D9%87%D8%A7%D B%8C-ie6-8&highlight=pie.htc)رو بخونید
maktab
پنج شنبه 10 آذر 1390, 10:42 صبح
من با استفاده از سایتی که توی تاپیکی که معرفی کردید امتحان کردم ie جواب نداد!! ولی یه روشی برای گرد کردن پیدا کردم که تویه ie و فایرفاکس برام جواب داد (بقیه رو تست نکردم)
این هم لینکش : http://pmedia3.persiangig.com/rounded-border-box.txt

دوستان تست کنن ببینن جواب می ده.
hamid_shrk
پنج شنبه 10 آذر 1390, 10:47 صبح
امکان نداره جواب نده ، حتما فایل pie.htc رو خوب آدرس دهی نکردین، تو این روش هم می تونید گرد کنید هم سایه دار کنید و هم رنگ گرادیان بدین ،یکم بیشتر تلاش کنید خیلی ساده توضیح دادن دوستان.
famarini
پنج شنبه 10 آذر 1390, 11:01 صبح
با سلام

این مقاله رو نوشتم، خودم از این روش استفاده می کنم :
استفاده از css3 در اینترنت اکسپلورر (http://www.famarini.com/?p=9)

موفق و پیروز باشید
ravand
پنج شنبه 10 آذر 1390, 13:22 عصر
من اين روش رو امتحان كردم حتي با اكسپلورر 5.5 هم كار كرد حالا شما هم يه تستي بكنيد.

<head>
<title></title>
<style type="text/css">
.brdb {border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; border-top: 3px solid #FF3300;}
.brdt {border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; border-bottom: 3px solid #FF3300;}
</style>
</head>
<body>
<div style="background-color:#FF3300; width:150px">
<div class="brdt"></div>

<div class="brdb"></div>
</div>
</body>
ravand
پنج شنبه 10 آذر 1390, 13:27 عصر
من با استفاده از سایتی که توی تاپیکی که معرفی کردید امتحان کردم ie جواب نداد!! ولی یه روشی برای گرد کردن پیدا کردم که تویه ie و فایرفاکس برام جواب داد (بقیه رو تست نکردم)
این هم لینکش : http://pmedia3.persiangig.com/rounded-border-box.txt

دوستان تست کنن ببینن جواب می ده.

من روش شما رو با برنامه ي IEtester كه ميشه باهاش تمام نسخه هاي اكسپلورر رو تست كرد، تست كردم ولي جواب نداد.
maktab
پنج شنبه 10 آذر 1390, 20:58 عصر
من اين روش رو امتحان كردم حتي با اكسپلورر 5.5 هم كار كرد حالا شما هم يه تستي بكنيد.

<head>
<title></title>
<style type="text/css">
.brdb {border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; border-top: 3px solid #FF3300;}
.brdt {border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; border-bottom: 3px solid #FF3300;}
</style>
</head>
<body>
<div style="background-color:#FF3300; width:150px">
<div class="brdt"></div>

<div class="brdb"></div>
</div>
</body>

این روش که گرد نمیکنه!! خط کج درست می کنه. من می خوام خطش خمیده باشه (گرد)
ravand
جمعه 11 آذر 1390, 09:00 صبح
اين روش رو تست كن:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.round_corners .line_1,
.round_corners .line_2,
.round_corners .line_3,
.round_corners .line_4,
.round_corners .line_5 {
line-height: 0px;
font-size: 1px;
overflow: hidden;
}

.round_corners .line_1 {
margin-left: 6px;
margin-right: 6px;
background-color: black;
height: 1px;
}

.round_corners .line_2 {
margin-left: 4px;
margin-right: 4px;
border-left: 2px solid black;
border-right: 2px solid black;
height: 1px;
}

.round_corners .line_3 {
margin-left: 3px;
margin-right: 3px;
border-left: 1px solid black;
border-right: 1px solid black;
height: 1px;
}

.round_corners .line_4 {
margin-left: 2px;
margin-right: 2px;
border-left: 1px solid black;
border-right: 1px solid black;
height: 1px;
}

.round_corners .line_5 {
margin-left: 1px;
margin-right: 1px;
border-left: 1px solid black;
border-right: 1px solid black;
height: 2px;
}

.round_corners .content {
border-left: 1px solid black;
border-right: 1px solid black;
padding: 10px;
}
</style>
</head>
<body>
<div class="round_corners">
<div class="line_1"></div>
<div class="line_2"></div>
<div class="line_3"></div>
<div class="line_4"></div>
<div class="line_5"></div>
<div class="content">Content</div>
<div class="line_5"></div>
<div class="line_4"></div>
<div class="line_3"></div>
<div class="line_2"></div>
<div class="line_1"></div>
</div>
</body>
</html>
maktab
جمعه 11 آذر 1390, 09:30 صبح
برای سایه دار کردن هم روشی دارید؟ که تویه همه مرورگرها جواب بده