گرد كردن لبه هاي div

Printable View

دوستان نظرتون در مورد اين روش چيه؟
به نظرتون در وبسايت هايي كه ميسازم استفاده كنم؟

<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>

شنبه 30 شهریور 1387, 21:56 عصر
narsic

نقل قول: گرد كردن لبه هاي div

با سلام
دوست عزیز این کدی که نوشتید از زبان JQuery هستش و مسلما به زیبایی وب سایت شما خیلی کمک خواهد کرد .
موفق باشید
شنبه 30 شهریور 1387, 23:44 عصر
naser67

نقل قول: گرد كردن لبه هاي div

نقل قول:

دوست عزیز این کدی که نوشتید از زبان JQuery هستش

:lol: شوخی می کنی ؟

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

در ضمن jquery زبان نیست بلکه یه فریم ورک قدرتمند برای زبان جاوا اسکریپته
شنبه 30 شهریور 1387, 23:45 عصر
jaza_sa

نقل قول: گرد كردن لبه هاي div

یکی از امکاناتی که به CSS 3 اضافه شده ، همین کاره ، یعنی گرد کردن گوشه اشیاء
برای آشنایی با این امکانات میتونید به این سایت مراجعه کنید :
http://www.css3.info/preview/rounded-border/
یک شنبه 31 شهریور 1387, 08:17 صبح
bigcowboy

نقل قول: گرد كردن لبه هاي div
```
یکی از امکاناتی که به CSS 3 اضافه شده ، همین کاره
```
تو ie 6 كه كار نميكنه
تو opera mini هم كار نميكنه
تو netfront هم كار نميكنه
یک شنبه 31 شهریور 1387, 10:47 صبح
raravaice

نقل قول: گرد كردن لبه هاي div

نقل قول:

تو ie 6 كه كار نميكنه
تو opera mini هم كار نميكنه
تو netfront هم كار نميكنه

نقل قول:

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

موفق باشید
یک شنبه 31 شهریور 1387, 12:22 عصر
bigcowboy

نقل قول: گرد كردن لبه هاي div

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

نقل قول: گرد كردن لبه هاي div

سلام

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

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

http://malsup.com/jquery/corner

خوش باشید
یک شنبه 31 شهریور 1387, 22:12 عصر
m.hamidreza

نقل قول: گرد كردن لبه هاي div

قبلا فعالیت های نوینی دوستان در این زمینه ارائه کردن جستجو بفرمایید سمپل های تپلی خواهید یافت!
دوشنبه 01 مهر 1387, 00:45 صبح
bigcowboy

نقل قول: گرد كردن لبه هاي div

اين jquery خيلي جالبه تو opera mini هم كار ميكنه ولي تو netfront كار نميكنه
مساله بعد اينه كه اين كدي كه من نوشتم گرد نميكنه فقط دوتا ذوزنقه بالا و پايين هست.
چهارشنبه 07 مرداد 1388, 19:11 عصر
davood59

نقل قول: گرد كردن لبه هاي div

دوست عزیز سلام
کد جالبی نوشته اید. بخصوص که اطراف شکل رو هم گرد کرده بود. به نظر شما میشه از این کد برای سایر طرحهایی که میخوایم اطرافشون گرد باشن استفاده کنیم؟ در IE7 و firefox هم که درست جواب میده.
با تشکر
چهارشنبه 07 مرداد 1388, 19:45 عصر
emad_67

نقل قول: گرد كردن لبه هاي div

نقل قول:

کد جالبی نوشته اید. بخصوص که اطراف شکل رو هم گرد کرده بود. به نظر شما میشه از این کد برای سایر طرحهایی که میخوایم اطرافشون گرد باشن استفاده کنیم؟ در IE7 و firefox هم که درست جواب میده.

بله میتونی استفاده کنی، البته در این مورد گردی لبه ها خیلی کمه.
این تاپیک رو هم ببین در همین مورد:
https://barnamenevis.org/showthread.php?t=140669
چهارشنبه 06 بهمن 1389, 21:16 عصر
Javad.Kashi

نقل قول: گرد كردن لبه هاي div

سلام به همه :لبخندساده::لبخندساده::لبخن� �ساده:
حالا که بحث rounded border شد من هم 2 تا لینک معرفی کنم فکر کنم که مفید باشه

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

http://border-radius.com

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

یا علی مدد

واحد زمان برحسب ساعت لندن +4. ساعت هم اکنون 05:31 صبح است.