براي استفاده از امكانات انجمن مامبولرن بايد عضو شويد ، براي ثبت نام كليك كنيد




 Advertisement

هاستینگ جوملا مامبو اس ام اف - ثبت دامین
تبلیغات Advertising
صفحه: [1]   پایین

نویسنده موضوع: گرد کردن گوشه border  (دفعات بازدید: 2612 بار)

hmn566

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • ارسال: 252
گرد کردن گوشه border
« : یکشنبه, 25 مه 2008 - 19:18 »
با سلام.
میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.

یا علی
خارج شده است
شرکت مهندسی تیما شبکه - نصب و راه اندازی و فروش تجهیزات شبکه
http://www.timanet.com

سعید

  • تیم مامبولرن
  • *****
  • آنلاین آنلاین
  • جنسيت : پسر
  • ارسال: 4711
  • -> متهم به نیکی <-
    • WWW
پاسخ : گرد کردن گوشه border
« Reply #1 : یکشنبه, 25 مه 2008 - 19:23 »
این کا رو با عکس زمینه می شه انجام داد. اما با border استاندارد css نه.
خارج شده است
سؤالات خود را در انجمن مطرح کنید. سؤالات فنی که در پیام خصوصی مطرح شوند بی جواب خواهند ماند.
ارتقای Joomla 1.5.x به آخرین نسخه جوملا 1.5 فارسی تیم مامبولرن
قالب مهر 1 برای مامبو | ماژول اوقات شرعی | مامبوت تشکر | کامپوننت تشکر | ماژول جستجو در وب | ماژول با ارزش ترین مطالب
gonapa.ws » Gonapa | peste.biz » Peste | iranianpistachio.biz » Pistachio | electronix.ir » Electronix

hmn566

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • ارسال: 252
پاسخ : گرد کردن گوشه border
« Reply #2 : یکشنبه, 25 مه 2008 - 22:16 »
روش ساده اش رو توضیح میدین؟
آیا باید گوشه رو عکس تعریف کنم یا عکس؟
و آیا اگر عکس بذارم مثلا در منوی راست، با افزایش تعداد آیتمها عکس به سمت پائین کش میاد؟
خارج شده است
شرکت مهندسی تیما شبکه - نصب و راه اندازی و فروش تجهیزات شبکه
http://www.timanet.com

سیامک

  • Hero
  • *****
  • آفلاین آفلاین
  • جنسيت : پسر
  • ارسال: 2373
  • همینه که هست.
    • WWW
پاسخ : گرد کردن گوشه border
« Reply #3 : دوشنبه, 26 مه 2008 - 00:05 »
عکس گوشه رو باید در CSS تعریف کنید. در CSS میتونید دقیقا مشخص کنید که هر فایلی در کودوم گوشه دیده بشه.
خارج شده است
لطفا قبل از ایجاد تاپیک جدید قوانین انجمن را مطالعه كنيد,بخش آموزش سایت و تاپیک های قبلی انجمن راهنمای شما هستند
آموزش نکات سودمند مامبو  | جستجو | قوانین انجمن
آزاد زندگی کنید

mr_aliagha

  • Hero
  • *****
  • آفلاین آفلاین
  • جنسيت : پسر
  • ارسال: 1041
    • WWW
پاسخ : گرد کردن گوشه border
« Reply #4 : دوشنبه, 26 مه 2008 - 01:32 »
بهترین کار اینه که شما تو فوتوشاپ ، بردار دلخواهتون رو رسم کنید ، بعد با slice اون رو ببرید و گوشه هاشو جدا کنید ، بعد تو کلاس css مربوطه ، این ها رو کنار هم به عنوان بک گراند قرار بدید.
خارج شده است
مامبو + مامبو سرور

سایت دوستم هم با بدبختی های بسیار راه اندازی شد!
www.shirazdvdstore.biz

amir.d

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • جنسيت : پسر
  • ارسال: 371
پاسخ : گرد کردن گوشه border
« Reply #5 : دوشنبه, 26 مه 2008 - 09:40 »
سلام دوستان
برای گرد کردن روش های زیادی وجود داره . با عکس ، بدون عکس ، CSS/HTML ، HTML ...

به این لینک ها یه سری بزنید بدون عکس (البته یکی از روش ها رو ) توضیح داده 
گرد کردن جدول بدون عکس
نمونه

نمونه های مختلف زیادی وجود داره (حتی با توضیح فارسی)  با انواع روش ها ،  فقط کافیه یه سرچ کوچولو بکنید  ;)
rounded corners without images
یه نمونه از برنامه های جالب برای این کار (کلاس و کد رو با این سایت تولید کنید )
انواع و اشکال مختلف

موفق باشید
خارج شده است

hmn566

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • ارسال: 252
پاسخ : گرد کردن گوشه border
« Reply #6 : دوشنبه, 26 مه 2008 - 14:43 »
عکس گوشه رو باید در CSS تعریف کنید. در CSS میتونید دقیقا مشخص کنید که هر فایلی در کودوم گوشه دیده بشه.
میشه یک کم بیشتر توضیح بدین؟
کد ها چیه و کجا باید بذارم؟

بهترین کار اینه که شما تو فوتوشاپ ، بردار دلخواهتون رو رسم کنید ، بعد با slice اون رو ببرید و گوشه هاشو جدا کنید ، بعد تو کلاس css مربوطه ، این ها رو کنار هم به عنوان بک گراند قرار بدید.
علی آقا بیشتر توضیح میدین؟

** دو پست شما یکی شد
« آخرين ويرايش: دوشنبه, 26 مه 2008 - 14:47 توسط فیروزمندان »
خارج شده است
شرکت مهندسی تیما شبکه - نصب و راه اندازی و فروش تجهیزات شبکه
http://www.timanet.com

فیروزمندان

  • مدیر سایت
  • *****
  • آفلاین آفلاین
  • جنسيت : پسر
  • ارسال: 11316
  • Information Is Power
    • WWW
پاسخ : گرد کردن گوشه border
« Reply #7 : دوشنبه, 26 مه 2008 - 14:48 »
سلام دوستان
برای گرد کردن روش های زیادی وجود داره . با عکس ، بدون عکس ، CSS/HTML ، HTML ...

به این لینک ها یه سری بزنید بدون عکس (البته یکی از روش ها رو ) توضیح داده 
گرد کردن جدول بدون عکس
نمونه

نمونه های مختلف زیادی وجود داره (حتی با توضیح فارسی)  با انواع روش ها ،  فقط کافیه یه سرچ کوچولو بکنید  ;)
rounded corners without images
یه نمونه از برنامه های جالب برای این کار (کلاس و کد رو با این سایت تولید کنید )
انواع و اشکال مختلف

موفق باشید

سلام

در مطلب بالا که کاملا توضیح داده شده ... همراه با مثال !
مشکل شما چیه ؟

یا علی

mr_aliagha

  • Hero
  • *****
  • آفلاین آفلاین
  • جنسيت : پسر
  • ارسال: 1041
    • WWW
پاسخ : گرد کردن گوشه border
« Reply #8 : دوشنبه, 26 مه 2008 - 15:25 »
توضیح بشتر که برابره با آموزش فوتوشاپ ، اما به نظرم وقتی با css می شه اون کارا رو کرد ، چرا آدم بره سراغ عکس؟!
تست نکردم هنوز اما به نظر که خیلی جالب میاد کارایی که با css انجام داده بود...
خارج شده است
مامبو + مامبو سرور

سایت دوستم هم با بدبختی های بسیار راه اندازی شد!
www.shirazdvdstore.biz

hmn566

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • ارسال: 252
پاسخ : گرد کردن گوشه border
« Reply #9 : سه‌شنبه, 27 مه 2008 - 13:03 »

[/quote]

سلام

در مطلب بالا که کاملا توضیح داده شده ... همراه با مثال !
مشکل شما چیه ؟

یا علی
[/quote]

1- لینک اول زمینه رو رنگی میکرد و 4 تا گوشه گرد 4 گوشه کل سایت مینداخت نه 4 گوشه ماجول
2- لیتک یعدی فقط زیمنه رو رنگی میکنه، میخوام کادر دور رنگی باشه.
3- لیناهای دیگه کاملا گیج کنندده بود و انجام نشد.

فقط یک کادر گوشه گرد میخوام دور مطلب بندازم، یعنی هیچ راه ساده و عملی  نیست؟!؟!
خارج شده است
شرکت مهندسی تیما شبکه - نصب و راه اندازی و فروش تجهیزات شبکه
http://www.timanet.com

amir.d

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • جنسيت : پسر
  • ارسال: 371
پاسخ : گرد کردن گوشه border
« Reply #10 : سه‌شنبه, 27 مه 2008 - 14:10 »
سلام دوست عزیز

برای گردکردن دور ماژول بهترین را اینکه که در کلاس table.moduletable th یه عکس قرار بدی که دو طرف بالاش گرد باشه .

و بعد در کلاس table.moduletable یه Back Ground قرار بدی که در پایین تیبل یه عکس دیگه قرار بگیره . (برعکس تصویر اول)
به این کلاس Border چپ و را یک پیکسلی بدید و تمام .  ;)

موفق باشید
خارج شده است

سعید

  • تیم مامبولرن
  • *****
  • آنلاین آنلاین
  • جنسيت : پسر
  • ارسال: 4711
  • -> متهم به نیکی <-
    • WWW
پاسخ : گرد کردن گوشه border
« Reply #11 : سه‌شنبه, 27 مه 2008 - 19:53 »
نقل قول
توضیح بشتر که برابره با آموزش فوتوشاپ ، اما به نظرم وقتی با css می شه اون کارا رو کرد ، چرا آدم بره سراغ عکس؟!

واسه این :  :)

نقل قول
میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.

نقل قول
2- لیتک یعدی فقط زیمنه رو رنگی میکنه، میخوام کادر دور رنگی باشه.

همونطور که ی بینید این کار معایبی داره. به صورت استاندارد با استفاده از css نمیشه کادر رو گرد. چون border های css  معمولی هستند.
مواردی هم که آوردی شده بود، به نحوی ترفند و خلاقیت بود ( سال شکوفایی و نوآوری!)
و از دستورات html برای گردن گوشه استفاد شده. نه css
در اصل ، ساختار کار اینطور هست که قسمت هایی(سلول) تشکیل میشن یا با ارتفاع یا عرض 1 پیکسل. و هر ستون مساحت خودش رو داره.
ولی یک سلول واحد نمی شه که گوشه گرد داشته باشه.

ضمنا یک مشکل دیگه هم داره که به border  ها به صورت smooth نیستند. و اینجا خیلی مشخص نیست چون زمینه داخل قسمتی که متن داخلش هست و حاشیه، با زمینه صفحه اختلاف رنگ چندانی نداره. ولی اگر اختلاف رنگ زیاد بشه، خودش رو نشون میده.

در مورد گرد کردن فقط خط دور border  هم میشه. به شرط اینکه در اطراف (نقاطی که جزء خط دور هستند) سلول هایی به طول و عرض 1 تعریف بشن که کار سختی هست.

پس همون عکس ، ساده ترین، بهترین و زیباترین راه ممکن هست.  ;)
خارج شده است
سؤالات خود را در انجمن مطرح کنید. سؤالات فنی که در پیام خصوصی مطرح شوند بی جواب خواهند ماند.
ارتقای Joomla 1.5.x به آخرین نسخه جوملا 1.5 فارسی تیم مامبولرن
قالب مهر 1 برای مامبو | ماژول اوقات شرعی | مامبوت تشکر | کامپوننت تشکر | ماژول جستجو در وب | ماژول با ارزش ترین مطالب
gonapa.ws » Gonapa | peste.biz » Peste | iranianpistachio.biz » Pistachio | electronix.ir » Electronix

hmn566

  • Sr. Member
  • ****
  • آفلاین آفلاین
  • ارسال: 252
پاسخ : گرد کردن گوشه border
« Reply #12 : سه‌شنبه, 27 مه 2008 - 21:01 »
با تشکر از همه دوستان که با راهنمائی هاشون کمک زیادی کردن.
یک سایت پیدا کردم که خودش زحمت تولید عکس و کادر و همه چی رو میکشه و کادر رو همره با کد HTML و CSS و خود عکسهای گوشه ها میکشه.
روش بسیار راحت بود و نکته مهم اینکه کار کرد!
سایت رو اینجا میذارم تا دوستانی که در آینده به مشکل مشابه برخورد کردن براحتی بتونن این کار رو انجام بدن.
http://www.roundedcornr.com
هر نوع کادری که بخواین، تو پر،تو خالی و با رنگهای مختلف برای کادر و زمینه تحویل میده.
خارج شده است
شرکت مهندسی تیما شبکه - نصب و راه اندازی و فروش تجهیزات شبکه
http://www.timanet.com
صفحه: [1]   بالا
 

انجمن تخصصی مامبو و جوملا فارسی RSS - آر اس اس Bookmark and Share