PDA

View Full Version : گرد كردن لبه هاي div


bigcowboy
شنبه 30 شهریور 1387, 18:49 عصر
دوستان نظرتون در مورد اين روش چيه؟
به نظرتون در وبسايت هايي كه ميسازم استفاده كنم؟

<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><br />
<br>
<br>
<br>
<br>
<br>
<br>
<div class="brdb"></div>
</div>
</body>
narsic
شنبه 30 شهریور 1387, 21:56 عصر
با سلام
دوست عزیز این کدی که نوشتید از زبان JQuery هستش و مسلما به زیبایی وب سایت شما خیلی کمک خواهد کرد .
موفق باشید
naser67
شنبه 30 شهریور 1387, 23:44 عصر
دوست عزیز این کدی که نوشتید از زبان JQuery هستش
:lol: شوخی می کنی ؟

فکر کنم اسم css رو یادت رفت یهو گفتی jquery

در ضمن jquery زبان نیست بلکه یه فریم ورک قدرتمند برای زبان جاوا اسکریپته
jaza_sa
شنبه 30 شهریور 1387, 23:45 عصر
یکی از امکاناتی که به CSS 3 اضافه شده ، همین کاره ، یعنی گرد کردن گوشه اشیاء
برای آشنایی با این امکانات میتونید به این سایت مراجعه کنید :
http://www.css3.info/preview/rounded-border/
bigcowboy
یک شنبه 31 شهریور 1387, 08:17 صبح
یکی از امکاناتی که به CSS 3 اضافه شده ، همین کاره
تو ie 6 كه كار نميكنه
تو opera mini هم كار نميكنه
تو netfront هم كار نميكنه
raravaice
یک شنبه 31 شهریور 1387, 10:47 صبح
تو ie 6 كه كار نميكنه
تو opera mini هم كار نميكنه
تو netfront هم كار نميكنه


یکی از امکاناتی که به CSS 3 اضافه شده ....

موفق باشید
bigcowboy
یک شنبه 31 شهریور 1387, 12:22 عصر
دوست من منم ميدونم CSS 3 ; منظورم چيزيه كه همه جا كارميكنه و حجمشم از همه كمتره
Ali100
یک شنبه 31 شهریور 1387, 16:19 عصر
سلام

کد جالبیه چون فقط از CSS استفاده میکنه رو همه Browser ها هم کار میکنه . Round Border
در CSS3 در IE7 و حتی 8 هم کار نمی کنه البته 8 هنوز Beta هست شاید وقتی نسخه اصلی
عرضه بشه پشتیبانی کنه .

ابته با Jquery هم می تونید این کارو بشکلها و در طرحو رنگهای مختلف انجام بدین شاید
اون دوستمونم می خواست به همین اشاره کنه بد نیست نگاهی بکنید .

http://malsup.com/jquery/corner

خوش باشید
m.hamidreza
یک شنبه 31 شهریور 1387, 22:12 عصر
قبلا فعالیت های نوینی دوستان در این زمینه ارائه کردن جستجو بفرمایید سمپل های تپلی خواهید یافت!
bigcowboy
دوشنبه 01 مهر 1387, 00:45 صبح
اين jquery خيلي جالبه تو opera mini هم كار ميكنه ولي تو netfront كار نميكنه
مساله بعد اينه كه اين كدي كه من نوشتم گرد نميكنه فقط دوتا ذوزنقه بالا و پايين هست.
davood59
چهارشنبه 07 مرداد 1388, 19:11 عصر
دوست عزیز سلام
کد جالبی نوشته اید. بخصوص که اطراف شکل رو هم گرد کرده بود. به نظر شما میشه از این کد برای سایر طرحهایی که میخوایم اطرافشون گرد باشن استفاده کنیم؟ در IE7 و firefox هم که درست جواب میده.
با تشکر
emad_67
چهارشنبه 07 مرداد 1388, 19:45 عصر
کد جالبی نوشته اید. بخصوص که اطراف شکل رو هم گرد کرده بود. به نظر شما میشه از این کد برای سایر طرحهایی که میخوایم اطرافشون گرد باشن استفاده کنیم؟ در IE7 و firefox هم که درست جواب میده.بله میتونی استفاده کنی، البته در این مورد گردی لبه ها خیلی کمه.
این تاپیک رو هم ببین در همین مورد:
http://barnamenevis.org/forum/showthread.php?t=140669
Javad.Kashi
چهارشنبه 06 بهمن 1389, 21:16 عصر
سلام به همه :لبخندساده::لبخندساده::لبخن ساده:
حالا که بحث rounded border شد من هم 2 تا لینک معرفی کنم فکر کنم که مفید باشه

http://www.css3.info/preview/rounded-border/

http://border-radius.com (http://border-radius.com/)

که این آخری برای تست کردن border ها به صورت آنلاین به درد می خوره

یا علی مدد