واضح آرشیو وب فارسی:سایت ریسک: تبريك + مستطيل گوشه گرد a.gh.n 24 شهريور 1385, 14:57سلام! اول تبريك به مناسبت اين فرم بعدش آقا حسين echeess/ زحمت كشيدن آموزش ساخت مستطيل گوشه گرد رو دادن! من خوندم ولي نتونستم اجراش كنم! حالا هم كه فرم تخصصي css اومد (يا شايدم اومده بود) من خواستم از اينجا بپرسم ببينم كدشون درسته كامل؟ Elfin-D 25 شهريور 1385, 10:39سلام دوست عزيز شما سه راه داريد استفاده از css3 كه البته هنوز برخي از بروزرها اون رو ساپورت نميكنن استفاده از اموزش ي كه البته گفتيد نتونستيد اجراش كنيد اجراي اموزش بنده: اين روش رو بساري از سايتهاي بزرگ مثل ياهم براي گرد كردن گوشه هاي مستطسلي استفاده مينكنن فرض كنيد شما چهر گوشه داريد به نامهاي: .tr .tl .br .bl كه به ترتيب گوشه هاي سمت چپ و راست بالا و پايين رو مشخص ميكنند اين كدهاي كه مربوط به كليت گوشه ها هست رو در قسمت استايلهاي صفحتون كپي كنيد: .tr, .tr .tl, .br, .br .bl { display:block; font-size:0; line-height:0; margin:0; height:6px; position:relative; } اين كدها با فرض اين هستند كه ارتفاع عكس شما 6 پيكسل و سل پد 2 پيكسل هست كدهاي زير مربوط به ريز جزءهاي گوشه ها هست كه ادرس عكسها و ديگر مشخصات اونها درش مشخصه: .tr, .br {width:100%;right:-2px} .tr .tl, .br .bl{width:100%;left:0px;left:-4px } .tr{ background:transparent url(top right image address) no-repeat bottom right;top:+2px} .tr .tl{ background:transparent url(top left image address) no-repeat bottom left;} .br{ background:transparent url(bottom right image address) no-repeat bottom right; top:-2px} .br .bl{ background:transparent url(bottom left image address) no-repeat bottom left;} حالا كافيه در ابتدا و انتهاي تيبل خودتون از تگهاي div به صورت زير استفاده كنيد: <table border="0" cellspacing="0" cellpadding="2"> <tr> <td><span class="tr"><span class="tl"></span></span>Your data<span class="br"><span class="bl"></span></span></td> </tr> </table> موفق و پيروز باشيد a.gh.n 25 شهريور 1385, 11:44ممنون ولي مثل اين كه شما از اين كد ها استفاده كردين كه چندتا عكس داره كه گوشه هاش گرده! ولي من كد cssبدون نياز به عكس رو لازم داشتم! ;-) Elfin-D 25 شهريور 1385, 11:46دوست عزيز اون اموزشي رو كه شما فرموديد هم با استفاده از عكس بود!بدون عكس ممكن نيست مگر با استفاده از css3 a.gh.n 25 شهريور 1385, 12:01فكر نمي كنم! يه بار بريد به : من قبلا" هم تو سايت محسن طالب تيتر آموزش ش رو ديده بودم كه اتفاقا" جزو پر بازديد ترين ها بود ولي بالا نمياد ديگه! Elfin-D 25 شهريور 1385, 13:07شما ميتونيد براي ff opera , ... از css3 استفاده كنيد و به وسيله ي لينكي كه داديد(البته به شكل ديگه اي)براي ie از عكس استفاده كنيد اين رو هم بگم كه اگر روشي بهتر از اين موجود بود هيچ وقت ياهم از اين روش استفاده نميكرد مرسي از توجه شما a.gh.n 25 شهريور 1385, 13:50ياهم ؟؟؟ منظورتون رو متوجه نشدم!! Elfin-D 25 شهريور 1385, 14:02ياهو هم(ادغام شد:دي) a.gh.n 25 شهريور 1385, 14:11خوب ياهو كجاي سايتش از css استفاده كرده كه اينجا استفاده كنه؟؟؟ tabib_m 25 شهريور 1385, 19:59مگه ياهو هميشه از بهترين ها استفاده ميكنه؟ روي چه اساسي بايد از ياهو برداشت بهترين ها رو كرد؟ Ali_ix 26 شهريور 1385, 08:17برای کادرهای لبه گرد بدون عکس یا باید از خصوصیات vendor specific مثل -moz-border-radius و ... استفاده کنید. یا اینکه خودتون رو بکشید و با کلی کد نویسی اضافی پیکسل به پیکس اون لبه گرد مورد نظرتونو بازسازی کنید. مثلا میتونید div های یک پیکسلی داشته باشید و کنار هم بچینید ! (برای یک گوشه) یا اگر میخواید دو سر سک کادر گرد بشه میشه بسته به مقدار گردی مورد نظر n تا div داشت که به ترتیب یک پیکسل - یک پیکسل (یا شادیم دوتا دوتا) عرضشون کم بشه و چنین حالتی ایجاد کنه.... ولی کلا نسبت به انرژی و وقتی که میبره اصلا توجیه عقلی نداره که از این روش دوم استفاده بشه. (مگر برای نشون دادن قدرت طراحی یا یک نکته و تکنینک خاص در خلال این موضوع) / من شخصا اگر خیلی برام مهم باهش که لبه گرد داشته باشم از چهار div تو در تو با عکس استفاده میکنم... اگر هم زیاد برام مهم نباشه از همون moz استفاده میکنم. ;) موفق باشید mazoolagh 26 شهريور 1385, 08:37سلام استاد من هم از همون تکنیک قدیمی class همراه با کد جاوااسکریپت استفاده میکنم و چون کاملا" پارامتری هست هیچ تغییری در طراحی اصلی لازم نداره. mazoolagh 26 شهريور 1385, 08:38ضمنا" غیر از گرد کردن پخ هم میشه زد! a.gh.n 26 شهريور 1385, 12:18دستت درد نكنه علي آقا Ali_ix 26 شهريور 1385, 22:33سلام استاد من هم از همون تکنیک قدیمی class همراه با کد جاوااسکریپت استفاده میکنم و چون کاملا" پارامتری هست هیچ تغییری در طراحی اصلی لازم نداره. استاد شما از همون قدیم کارتون خیلی درست بوده .... الان دیگه درست تر ! ما رو از این گنجینه کدهای به درد بخور جاوا اسکریپتتون بی نصیب نگذارید ! :cool: amirlol 31 شهريور 1385, 21:06من که نفهمیدم آخرش لیلی زن بود یا مرد siavashmusic 01 مهر 1385, 05:42برای نیجه بخش بودن اموزش های اینچنینی مثال +فایل های پیوست شده رکن مهمی هستند شما خیلی کلی توضیح دادید دوستانی که اشنایی ندارد نمیتونند کار کنند اکثر اوقات دوستان نیازمند رفع مشکل هستند تا یادگیری اونوقت بدون اطلاعات اولیه و چنین اموزش کلی (رو به حرفه ای) مسلما نمیتونند بهره کوچکی از این زحمات شما ببینند پیوست:این انجمن رو توی توضیحات مدیر کل انجمن دیدم ایجاد شده منم یه جورایی دستی بر Css دارم یعنی یه جورایی خیلی دوسش دارم انشالله کم کم آموزش ها شروع میشه mazoolagh 02 مهر 1385, 22:55آموزش چی؟ mehdi_25 04 مهر 1385, 14:22ببخشید ها ولی چی شروع میشه ؟ مگه تا حالا شروع نشده منظور شما اینه که بچه هایی که آموزش میدن مثال هایی مرتبط هم به صورت فایل اینجا بزارن ؟ آره ؟ amirlol 04 مهر 1385, 15:18داش مهدی با اینکه از قیافت می ترسم میگم ولی اینو خوب اومدی magserver 04 مهر 1385, 17:10مهدي جون پيتي چه خبر ؟ شما هم اسباب كشي كردي ؟ mehdi_25 04 مهر 1385, 22:21مهدي جون پيتي چه خبر ؟ شما هم اسباب كشي كردي ؟ سلام عزیزم نه اسباب کشی که نه ولی اینجا هم کماکان هستم . راستی ظاهراً پی تی دوباره فیلتر شده ...! امروز من اصلاً نتونستم وارد بشم . می دونی چی شده siavashmusic 07 مهر 1385, 02:55ببخشید ها ولی چی شروع میشه ؟ مگه تا حالا شروع نشده منظورم از آموزش- مثال هایی هست که میتونم برای دوستان اینجا بزارم بود وگرنه مسلمه که اینجا آموزشها شروع شده . . !!! . . . منظور شما اینه که بچه هایی که آموزش میدن مثال هایی مرتبط هم به صورت فایل اینجا بزارن ؟ آره ؟ در مورد فایل پیوست هم منظورم اینه که هر کس اموزشی میده نمونه رو بصورت یک فایل برای دانلود بزاره pooyanmahdavi 08 مهر 1385, 06:38گرد کردن لبه ی جداول : CSS echessdesign 08 مهر 1385, 16:01با عرض سلام خدمت دوستان گرامی گویا توضیحاتی که در باره طراحی مستطیلی با گوشه های گرد دادم، کافی و کامل نبوده است. یه مدتی سرم خیلی شروغ بود. کامپیوترم که مین بورد او سوخت، پروژه سریع وب داشتم و دارم سایتم رو: به صورت کامل با ساختار CSS طراحی می کنم. در اولین فرصت مقالات جزابی که تا کنون در کمتر فرمی مطرح شده است را، ارسال می کنم. موفق باشید. amirlol 09 مهر 1385, 00:38دوست من css که همه سایت ها دارند مهم ابتکاراتی هست که توش انجام می دیم و خواهیم داد ساییت رو دیدم بنظرم من ( می دونم تو پست بعدی می زنی کی نظر تو رو خواست ) ولی من دلم می خواد و می گمگم سایتت زیبا هست ولی دلنشین نیست خسته کنندست echessdesign 10 مهر 1385, 01:14amirlol جان شما با من بودید؟ اگر بودید که مثلما از استفاده از نظرات ارزشمند شما بهره خواهم جست. و در باره CSS که فرمودید ، این مطلب رو هم در نظر داشته باشید که CSS مطالب متنوع بساری داره، از جمله CSS map,... mehdi_25 12 مهر 1385, 21:21آقایون کسی میدونه Gmail چطوری گوشه های جداولش رو گرد کرده ؟ وارد که میشی سمت چپ هر گزینه که سلکت باشه رو بک گراندشو آبی میکنه و گوشه هاش رو هم گرد . amirlol 13 مهر 1385, 01:24مهدی جان اصلآ حرف gmail رو نزن که داره دیونممی کنه با اون کد نویسیش amirlol 13 مهر 1385, 01:26دوست من من جسارتی کردم و امیدوارم مرا ببخشید راجب css میشه گفت مدت زمان زیادیه دارم روش فکر می کنم و کار و بجاهای خوبی رسیدم نظرمم هم به عنوان یه دوست بود همین mehdi_25 13 مهر 1385, 03:54امیر جان پس ایمیل جدید یاهور رو دیدی ؟ تازه ورژن بتاشه . لعنتی درست مثل صفحه ویندوز میتونی یه ایمیل رو با موس برداری بندازی تو یه شاخه دیگه . آخ که من از دیشب دیونه شدم . اینا دارن چی کار می کنن . اونوقت ما یکی میزنیم تو سر خودمون یکی هم تو سر این برنامه های فکستنی که درست شو دیگه ... Helen_Farhani 06 بهمن 1385, 23:16سلام استاد من هم از همون تکنیک قدیمی class همراه با کد جاوااسکریپت استفاده میکنم و چون کاملا" پارامتری هست هیچ تغییری در طراحی اصلی لازم نداره. میشه بگید که در کدام قسمت میشه در مورد این روش توضیحاتی بدست آورد؟ NabiKAZ 25 مرداد 1387, 04:38سلام ببخشید تاپیک قدیمی رو بالا میارم. اما چون دیدم بحث خیلی طولانی شده و به نتیجه درستی هم نرسیده خواستم با یک لینک خاتمش بدم. A collection of techniques for creating boxes and layouts with rounded corners using CSS. مجموعه ای بی نظیر از تکنیک های ایجاد گوشه های گرد این مجموعه بی نظیره، تمامی ترفندها برای ایجاد مستطیل های لبه گرد رو یکجا جمع آوری کرده. تکنیک های با css و با javascript رو از هم تفکیک کرده. و مشخص کرده هر تکنیک از چه تعداد تکه عکس استفاده کرده و یا نکرده. امکان تغییر اندازه خودکار (Liquid) دارد و یا اندازه ثابت (Fixed) دارد. همچنین در مورد ساختن منو این مجموعه هم بسیار مفیده: خوش باشید نبی
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 2171]