با سلام.
میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.
یا علی
نمایش نسخه قابل چاپ
با سلام.
میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.
یا علی
این کا رو با عکس زمینه می شه انجام داد. اما با border استاندارد css نه.
روش ساده اش رو توضیح میدین؟
آیا باید گوشه رو عکس تعریف کنم یا عکس؟
و آیا اگر عکس بذارم مثلا در منوی راست، با افزایش تعداد آیتمها عکس به سمت پائین کش میاد؟
عکس گوشه رو باید در CSS تعریف کنید. در CSS میتونید دقیقا مشخص کنید که هر فایلی در کودوم گوشه دیده بشه.
بهترین کار اینه که شما تو فوتوشاپ ، بردار دلخواهتون رو رسم کنید ، بعد با slice اون رو ببرید و گوشه هاشو جدا کنید ، بعد تو کلاس css مربوطه ، این ها رو کنار هم به عنوان بک گراند قرار بدید.
سلام دوستان
برای گرد کردن روش های زیادی وجود داره . با عکس ، بدون عکس ، CSS/HTML ، HTML ...
به این لینک ها یه سری بزنید بدون عکس (البته یکی از روش ها رو ) توضیح داده
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
نمونه های مختلف زیادی وجود داره (حتی با توضیح فارسی) با انواع روش ها ، فقط کافیه یه سرچ کوچولو بکنید ;)
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
موفق باشید
[quote author=سیامک link=topic=13726.msg72754#msg72754 date=1211744116]
عکس گوشه رو باید در CSS تعریف کنید. در CSS میتونید دقیقا مشخص کنید که هر فایلی در کودوم گوشه دیده بشه.
[/quote]
میشه یک کم بیشتر توضیح بدین؟
کد ها چیه و کجا باید بذارم؟
[quote author=mr_aliagha link=topic=13726.msg72755#msg72755 date=1211749335]
بهترین کار اینه که شما تو فوتوشاپ ، بردار دلخواهتون رو رسم کنید ، بعد با slice اون رو ببرید و گوشه هاشو جدا کنید ، بعد تو کلاس css مربوطه ، این ها رو کنار هم به عنوان بک گراند قرار بدید.
[/quote]
علی آقا بیشتر توضیح میدین؟
** دو پست شما یکی شد
[quote author=amir.d link=topic=13726.msg72760#msg72760 date=1211778615]
سلام دوستان
برای گرد کردن روش های زیادی وجود داره . با عکس ، بدون عکس ، CSS/HTML ، HTML ...
به این لینک ها یه سری بزنید بدون عکس (البته یکی از روش ها رو ) توضیح داده
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
نمونه های مختلف زیادی وجود داره (حتی با توضیح فارسی) با انواع روش ها ، فقط کافیه یه سرچ کوچولو بکنید ;)
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
موفق باشید
[/quote]
سلام
در مطلب بالا که کاملا توضیح داده شده ... همراه با مثال !
مشکل شما چیه ؟
یا علی
توضیح بشتر که برابره با آموزش فوتوشاپ ، اما به نظرم وقتی با css می شه اون کارا رو کرد ، چرا آدم بره سراغ عکس؟!
تست نکردم هنوز اما به نظر که خیلی جالب میاد کارایی که با css انجام داده بود...
[/quote]
سلام
در مطلب بالا که کاملا توضیح داده شده ... همراه با مثال !
مشکل شما چیه ؟
یا علی
[/quote]
1- لینک اول زمینه رو رنگی میکرد و 4 تا گوشه گرد 4 گوشه کل سایت مینداخت نه 4 گوشه ماجول
2- لیتک یعدی فقط زیمنه رو رنگی میکنه، میخوام کادر دور رنگی باشه.
3- لیناهای دیگه کاملا گیج کنندده بود و انجام نشد.
فقط یک کادر گوشه گرد میخوام دور مطلب بندازم، یعنی هیچ راه ساده و عملی نیست؟!؟!
سلام دوست عزیز
برای گردکردن دور ماژول بهترین را اینکه که در کلاس table.moduletable th یه عکس قرار بدی که دو طرف بالاش گرد باشه .
و بعد در کلاس table.moduletable یه Back Ground قرار بدی که در پایین تیبل یه عکس دیگه قرار بگیره . (برعکس تصویر اول)
به این کلاس Border چپ و را یک پیکسلی بدید و تمام . ;)
موفق باشید
واسه این : :)نقل قول:
توضیح بشتر که برابره با آموزش فوتوشاپ ، اما به نظرم وقتی با css می شه اون کارا رو کرد ، چرا آدم بره سراغ عکس؟!
نقل قول:
میخواستم بدونم میشه گوشه های BORDER رو با کمک css گرد کرد؟
یعنی کادری که دور ماجول ها میفته گوشه هاش گرد باشه.
همونطور که ی بینید این کار معایبی داره. به صورت استاندارد با استفاده از css نمیشه کادر رو گرد. چون border های css معمولی هستند.نقل قول:
2- لیتک یعدی فقط زیمنه رو رنگی میکنه، میخوام کادر دور رنگی باشه.
مواردی هم که آوردی شده بود، به نحوی ترفند و خلاقیت بود ( سال شکوفایی و نوآوری!)
و از دستورات html برای گردن گوشه استفاد شده. نه css
در اصل ، ساختار کار اینطور هست که قسمت هایی(سلول) تشکیل میشن یا با ارتفاع یا عرض 1 پیکسل. و هر ستون مساحت خودش رو داره.
ولی یک سلول واحد نمی شه که گوشه گرد داشته باشه.
ضمنا یک مشکل دیگه هم داره که به border ها به صورت smooth نیستند. و اینجا خیلی مشخص نیست چون زمینه داخل قسمتی که متن داخلش هست و حاشیه، با زمینه صفحه اختلاف رنگ چندانی نداره. ولی اگر اختلاف رنگ زیاد بشه، خودش رو نشون میده.
در مورد گرد کردن فقط خط دور border هم میشه. به شرط اینکه در اطراف (نقاطی که جزء خط دور هستند) سلول هایی به طول و عرض 1 تعریف بشن که کار سختی هست.
پس همون عکس ، ساده ترین، بهترین و زیباترین راه ممکن هست. ;)
با تشکر از همه دوستان که با راهنمائی هاشون کمک زیادی کردن.
یک سایت پیدا کردم که خودش زحمت تولید عکس و کادر و همه چی رو میکشه و کادر رو همره با کد HTML و CSS و خود عکسهای گوشه ها میکشه.
روش بسیار راحت بود و نکته مهم اینکه کار کرد!
سایت رو اینجا میذارم تا دوستانی که در آینده به مشکل مشابه برخورد کردن براحتی بتونن این کار رو انجام بدن.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
هر نوع کادری که بخواین، تو پر،تو خالی و با رنگهای مختلف برای کادر و زمینه تحویل میده.