تبلیغات
تبلیغات متنی
محبوبترینها
معرفی و فروش بوته گرافیتی ریخته گری
بهترین بروکر برای معاملات فارکس در سال 2024
تجربه رانندگی با لندکروز در جزیره قشم؛ لوکس‌ترین انتخاب
اکسپرتاپ: 10 شغل پردرآمد برای مهاجران کاری در کانادا
بهترین سایتهای خرید تیک آبی رسمی اینستاگرام در ایران
کدام رنگ کاغذ دیواری مناسب فضای شماست؟
چه چیزهایی دیگر در دکوراسیون مد نیست؟!
بررسی قیمت تیرچه + قیمت تیرچه کرومیت + قیمت یونولیت
خرید و قیمت ورق در مشاوران آهن + [مشاوره رایگان]
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1813271088
لیست وب سایت های ایرانی طراحی شده بر پایه Css -
واضح آرشیو وب فارسی:سایت ریسک: لیست وب سایت های ایرانی طراحی شده بر پایه Css echessdesign 07 فروردين 1386, 01:07با درورد جهت اطلاع کاربران از پیشرفت و استفاده روز افزون CSS در بین طراحان وب سایت ایرانی، تصمیم به معرفی آنها گرفتیم. دوستان وب سایتی رو که با CSS طراحی شده است را به لیست زیر بیفزایند: ------ وب سایت های طراحی شده توسط بنده: ------------------ وب سایت ها و وبلاگهای طراحان وب ایرانی بر پایه CSS: nabi.ir () () wwe.ir () () () () () () mohammad-ali 07 فروردين 1386, 17:09شما چه گیر عجیبی دادید به این سی اس اس! تازه کار هستید؟ mohseni12345 07 فروردين 1386, 19:18شما چه گیر عجیبی دادید به این سی اس اس! تازه کار هستید؟ :D ایشون استاد ما هستند echessdesign 07 فروردين 1386, 20:40شما چه گیر عجیبی دادید به این سی اس اس! تازه کار هستید؟ بنده شاگرد شما هستم. دوست عزیز، شما از سایت microsoft, nero, msn,... گرفته تا،... همه در طراحی ساختار صفحه، CSS رو بر جدول ترجیح دادند. شما اگر بدونید (که حتما می دونید) که با این CSS چه کار هایی میشه انجام داد که زیبایی و سرعت لود صفحه شما افزایش پیدا کنه، شاید تا این حد از پست های مبتدی بنده شاکی نمیشدید. ارادتمند mohammad-ali 07 فروردين 1386, 22:00من تنها کاری که میتونم با سی اس اس انجام بدم اینه که سایتم رو شکل و شمایلش رو با این سی اس اس بسازم! البته دیدم جاهایی رو که باهاش بازی و ... ساختن! در ضمن ، منظورتون چیه که سی اس اس رو بر تیبل ترجیح میدن؟ منظورتون اینه که از دیو بجای تیبل استفاده میکنن یا... در ضمن ، اگه از حرفم ناراحت شدید متاسفم. اگه دقت کرده باشید تازه کارا وقتی به یه چیزی گیر میدن دیگه ول نمیکنن. ( هرچند خودم هم تازه کار هستم ، ولی میتونم خودم رو کنترل کنم! ) echessdesign 08 فروردين 1386, 10:36من تنها کاری که میتونم با سی اس اس انجام بدم اینه که سایتم رو شکل و شمایلش رو با این سی اس اس بسازم! البته دیدم جاهایی رو که باهاش بازی و ... ساختن! در ضمن ، منظورتون چیه که سی اس اس رو بر تیبل ترجیح میدن؟ منظورتون اینه که از دیو بجای تیبل استفاده میکنن یا... در ضمن ، اگه از حرفم ناراحت شدید متاسفم. اگه دقت کرده باشید تازه کارا وقتی به یه چیزی گیر میدن دیگه ول نمیکنن. ( هرچند خودم هم تازه کار هستم ، ولی میتونم خودم رو کنترل کنم! ) بله دوست عزیز علاوه بر فرمت کردن علمان های صفحه توسط CSS ، شما می تونید ساختار صفحه خودتون رو هم با CSS طراحی کنید. (به قول شما: "از دیو به جای تیبل") یه نگاهی به سورس سایت هایی که در بالا معرفی شد بندازید، آیا اثری از کدهای جداول هست!!!؟؟ mohammad-ali 09 فروردين 1386, 12:53الان وقت ندارم ، بعدا نگاه میکنم. 1Gharibe 09 فروردين 1386, 14:08css فناوری فوق العاده ای هستش و سرعت بارگزاری صفحات رو شدیدا افزایش میده ولی بعضی مشکلات هم داره مثلا طراحی یک فرم سفارش با جدول عملا از css اسون تره یا برای مثال css در بعضی جاها با وسط چین کردن مشکل داره Shouli 09 فروردين 1386, 17:56بیشتر وبسایت ها و وبلاگها با Css طراحی شدن ؟ خودمم بلدم بسازم ! echessdesign 09 فروردين 1386, 21:08css برای مثال css در بعضی جاها با وسط چین کردن مشکل داره متشکرم از توضیح شما، لطفا بفرمایید چه جاهایی مشکل داره تا ترفند هایی جهت حل مشکل بیابیم. جادوي سبز 11 فروردين 1386, 11:44مثلا طراحی یک فرم سفارش با جدول عملا از css اسون تره یا برای مثال css در بعضی جاها با وسط چین کردن مشکل داره از نظر طراحي فرم حق با شماست، کار با جدول هم راحت تر و هم بهينه تر هستش. اما من تا به حال هيچ اشکال ديگه‌اي در div و css نديدم. به فرض مثال اونطوري که شما فرموديد که در وسط چين کردن مشکل داره، اگر منظور محتوي تگ هستش براحتي با text-align ميشه طراز بنديش رو عوض کرد. اما اگر در مراحل خارجي ميگيد. ميشه با margin به شکل زير اين مشکل رو حل کرد. <div> <div style="width: 50px; background-color: red; margin: 0 auto;"> This is a test. </div> </div> خدا رو شکر div با هيچ کدوم از خواص css مشکلي نداره. echessdesign 14 ارديبهشت 1386, 21:31درود بر شما سایت به جمع وب سایت های CSS Base پیوست. فعلا در مرحله آزمایش هست، لطفا نظری و انتقادی در باره این سایت دارین بفرمایید pesare-tanha 14 ارديبهشت 1386, 22:24سایت من هم هست کاملا css هست drritalin 08 ارديبهشت 1387, 23:55سلام. من هم سالهاست فقط با سی اس اس کار می کنم. اینم آخرین سایتی که دارم: meysamz 12 ارديبهشت 1387, 14:28منم اکثر کارام فول CSS هستند و دو سالی هست که از استفاده از جداول متنفر شدم:wink: در کل تا جای ممکنه باید از HTML به سوی CSS بریم. من برای کسانی که هنوز که هنوزه سنتی کار می کنند چند تا دلیل استفاده از سی اس اس را می یارم: 1- لود شدن جداول در مرورگر ها سه مرحله ای هست(لود ساختار، لود محتویات، لود اشیاء) در صورتی که DIV در یک مرحله لود می شود. 2- استفاده از سی اس اس کد شما را خیلی کم تر می کند. حتی سی اس اس را هم می توانید خلاصه تر کنید. 3- سی اس اس یکبار در تمام سایت لود می شوند در صورتی که کد های HTML هر بار دوباره لود می شوند. 4- در صورت اسفاده بیشتر از سی اس اس به علت سادگی و عدم وجود متون غیر قابل استفاده کمی امتیازات سئو را بدست می آورید. 5- وقتی بخواهید بنا بر هر دلیلی یک تغییر ظاهری در کل سایت بدهید، زحمت خیلی خیلی کمتری می کشید. 6- می توانید سایتی طراحی کنید که دارای چند Template باشد، بدون هیچ تغییری در HTML یا صفحات. به نظر قسمت سخت کار بهینه شدن برای تمام مرورگر هاست، که اکثرا آدم را مجبور به استفاده از CSS HACK میکنه. sunrise 13 خرداد 1387, 13:34من هم تقريبا يک سال و نيم ميشه که ديگه استفاده از جداول رو براي طراحي صفحات وب گذاشتم کنار و مبناي کارم رو CSS قرار دادم و به همه عزيزاني که در زمينه طراحي صفحات وب فعاليت دارند اما زياد با CSS ميونه خوبي ندارند توصيه مي کنم هرچه زودتر به اين سمت بروند. چند نمونه کار Full CSS از بنده رو هم مي تونيد در وب سايت هاي زير ملاحظه بفرماييد: البته وب سايت اولي کمي با IE6 مشکل داره که به دليل مشغله هاي کاري فعلا فرصت نشده مشکلش رو حل کنم. آخرين کار CSS که انجام دادم (و خودم واقعا ازش خوشم مياد) براي يک محصول نرم افزاري هست که هنوز نسخه جديد اون ريليز نشده و به محض اينکه ريليز شد نمونه اون کارمم همينجا معرفي مي کنم. DaRiOuShJh 13 خرداد 1387, 14:49این وبلاگه منم تا حدوده زیادی بر پایه css هست **************************** البته خوب سایت هایی که با cms کار میکنن باید از css و div استفاده کنن چون حجمشون میره بالا در غیره اینصورت همونطور که میثم جان هم به نکاته خوبی اشاره کردن echessdesign 16 خرداد 1387, 00:58درود بر شما به خطاهای وب سایت طراحی شده خود توجه کنید: () () () aboutlinks.ir () sunrise 16 خرداد 1387, 09:14درود بر شما به خطاهای وب سایت طراحی شده خود توجه کنید: () () () aboutlinks.ir () البته اين سايت به دليل پيچيدگي هايي که در طراحي صفحات وب وجود داره هيچوقت درست عمل نمي کنه و هر چيزي رو بعنوان خطا محسوب مي کنه!!! Ali_ix 16 خرداد 1387, 13:47البته اين سايت به دليل پيچيدگي هايي که در طراحي صفحات وب وجود داره هيچوقت درست عمل نمي کنه و هر چيزي رو بعنوان خطا محسوب مي کنه!!! عجب!! sunrise 16 خرداد 1387, 14:49عجب!! اينو ببينيد، براي سايت ياهو هست: (detect+automatically)&doctype=Inline&group=0 براي گيم اسپات، براي سي نت و خيلي سايت هاي ديگه که واقعا حرفه اي کار مي کنند هم اگه با اين سايت تست کنيد مي بينيد که زياد هم نميشه بهش اطمينان کرد. (detect+automatically)&doctype=Inline&group=0 Ali_ix 16 خرداد 1387, 14:59اينو ببينيد، براي سايت ياهو هست: (detect+automatically)&doctype=Inline&group=0 براي گيم اسپات، براي سي نت و خيلي سايت هاي ديگه که واقعا حرفه اي کار مي کنند هم اگه با اين سايت تست کنيد مي بينيد که زياد هم نميشه بهش اطمينان کرد. (detect+automatically)&doctype=Inline&group=0 چرا فکر میکنید یاهو یا هر سایت دیگه‌ای چون بزرگه نباید خطا داشته باشه و کدش درسته؟ استانداردها رو w3c مشخص میکنه و validatorش هم موارد استاندارد syntax رو بررسی میکنه. که متاسفانه یا خوشبختانه بزرگ و کوچیک بودن یک سایت و یک مجموعه براش اهمیتی نداره! :) این validator کاملا قابل اطمینان هست! و اگر خطایی از سایتی بگیره مشخصه که جایی کد نادرستی بوده. و الته توجه داشته باشید که سطح خطاها متفاوته (error, warning, notice و ...) اما خب، کاملا درست بودن syntax یک صفحه دلیل بر حرفه‌ای و خوب بودن اون کد نیست و بالعکس. اصولا برای سایتهای پویای بزرگ، کنترل محتوا از نظر درست بودن syntax خیلی ساده نیست و همچنین مواردی پیش میاد که باید validity رو فدای compatibilty یا accessibilty کرد. shirini_forush 16 خرداد 1387, 15:09نوشتن یک css بدون خطا به تنهایی هنر نیست. اگر یه وبسایت زیبا و حرفه ای داشتیم که code هاش کاملا بدون خطا بود جایی برای حرف زدن هست. در غیر این صورت این جور لیست ها فقط وسیله ای برای تبلیغ و ایجاد لینک از وبسایت های خودمون و دوستانمون خواهد بود. sunrise 16 خرداد 1387, 15:21چرا فکر میکنید یاهو یا هر سایت دیگه‌ای چون بزرگه نباید خطا داشته باشه و کدش درسته؟ استانداردها رو w3c مشخص میکنه و validatorش هم موارد استاندارد syntax رو بررسی میکنه. که متاسفانه یا خوشبختانه بزرگ و کوچیک بودن یک سایت و یک مجموعه براش اهمیتی نداره! :) این validator کاملا قابل اطمینان هست! و اگر خطایی از سایتی بگیره مشخصه که جایی کد نادرستی بوده. و الته توجه داشته باشید که سطح خطاها متفاوته (error, warning, notice و ...) اما خب، کاملا درست بودن syntax یک صفحه دلیل بر حرفه‌ای و خوب بودن اون کد نیست و بالعکس. اصولا برای سایتهای پویای بزرگ، کنترل محتوا از نظر درست بودن syntax خیلی ساده نیست و همچنین مواردی پیش میاد که باید validity رو فدای compatibilty یا accessibilty کرد. درسته علي جان، من هم نميگم چون سايت ياهو يک سايت بزرگ هست دليل بر بي خطا بودنش ميشه ، اين رو هم ميدونم که w3c استاندارد وب سايت ها رو تعيين مي کنه اما اين رو هم نبايد فراموش کرد که گاهي اوقات ناچاريم براي اينکه طرح CSS خوب در بياد از هک هاي CSS استفاده کنيم و اکثر اين هک ها رو Validator بعنوان خطا شناسايي ميکنه. در مجموع به عقيده من کاري خوب هست که وقتي با چندين مرورگر مختلف تست شد مشکلي نداشته باشه نه اينکه بخاطر ابزارها به اين باور برسم که کارم نقص داره چون هميشه نميشه به ابزارها هم اطمينان کرد! DaRiOuShJh 16 خرداد 1387, 17:53دقیقا منم همین مشکل رو دارم یعنی شبیهش رو همینطور که میدونید IE 6 عکس های png رو نمیتونه tramsparent رندر کنه من از یه مد براش استفاده میکنم که بتونه ترنسپرنت نشون بده ولی ولیدیتر ها به عنوان خطا میشناسنش منم چون سایتم بک گراند داره از png آستفاده کردم توش ولس access denied میده به نظره شما مشکل چیه؟ DaRiOuShJh 16 خرداد 1387, 17:58هه هه هه! آخه ببینید چه ایرادایه بنی اسراییلی ای گرفته! خوده کدهای html و پاراگرافهاش رو مشکل گرفته amirabbas_p30magazine 16 خرداد 1387, 19:53هه هه هه! این یعنی چی ؟ آخه ببینید چه ایرادایه بنی اسراییلی ای گرفته! این ایراد ها بنی اسرائیلی نیست. صفحه شما کلی مشکل داره. دلیلش هم اینه که کلی از کارهایی که نباید می کردید رو انجام دادید. اگر با دقت کد نویسی کنید و هر تکه کدی که می نویسید یه بار تو ولیدیتور چک کنیدش از این مشکلات پیش نمیاد. درسته که استفاده از یک سری چیزها باعث میشه که صفحه شما ولید نباشه ولی شما میتونید با صرف وقت بیشتر مشکلات رو طوری حل کنید که صفحه شما ولید باقی بمونه. مثلا میشه همون مشکل فایل های PNG رو با javascript هم حل کرد که این مشکل ولید نبودن رو هم نداشته باشه Ali_ix 16 خرداد 1387, 20:09دقت کنید که valid بودن فقط برای کلاس گذاشتن یا محض شاد بودن نیست! valid بودن کد شما پیش نیاز استاندارد بودن و compatible بودن و accessible بودن هست! الان که جو Ajax بازی هم خیلی داغ شده، حداقل برای داشتن یک DOM تمیز هم باید کدهاتون درست باشه! DaRiOuShJh 17 خرداد 1387, 12:48این ایراد ها بنی اسرائیلی نیست. صفحه شما کلی مشکل داره. دلیلش هم اینه که کلی از کارهایی که نباید می کردید رو انجام دادید. اگر با دقت کد نویسی کنید و هر تکه کدی که می نویسید یه بار تو ولیدیتور چک کنیدش از این مشکلات پیش نمیاد. درسته که استفاده از یک سری چیزها باعث میشه که صفحه شما ولید نباشه ولی شما میتونید با صرف وقت بیشتر مشکلات رو طوری حل کنید که صفحه شما ولید باقی بمونه. مثلا میشه همون مشکل فایل های PNG رو با javascript هم حل کرد که این مشکل ولید نبودن رو هم نداشته باشه به به به امیر عباس جان! اینورا:wink: این هم بیشتر با فرمته XHTML مشکل داره و جاهایی که اینطوره: " />البته برای meta ها احتیاج نداره نمیدونم این چرا گزاشته بقیه هم که فک کنم بیشترشون به خاطره اینه که بعضا یه space اضافه بینه کدها هست امیر جان ولیدیتور آفلاین چیزی سراغ داری؟ البته این کدها چون قالب برای بیلاگ فا درست شده بعضی هاش مربوط به کدهای اون سیستم میشه و باید یقه اونو چسبید برای ولید شدن میشه مقادیری بیشتر من رو منور و مفیوض کنید؟ یعنی مثلا چه کارهاتیی بیتر تاثیر داره تو این مورد و .... :cry: (وهمینطور بقیه دوستان) حالا نمیدونم اینجا جاش هست یا نه و یه چند تا از اون کارهایی که نباید بکنم رو هم اشاره کنید بی زحمت والا کدهای مختلفی رو برایه اون موضوعه png و تذنسپرنت بودنش تست کردم و این از همه بهتر جواب داد(ولی متاسفانه به صورته آفلاین) و آنلاینش ارور میده دیگه چیزی به فکرم نرسید:sad: هر چند IE 6 هم از رده داره خارج میشه ولی باید صفحات حدالامکان طوری باشه که با اکثره مرورگرها و رزولیشن ها مشکل نداشته باشه دقت کنید که valid بودن فقط برای کلاس گذاشتن یا محض شاد بودن نیست! valid بودن کد شما پیش نیاز استاندارد بودن و compatible بودن و accessible بودن هست! الان که جو Ajax بازی هم خیلی داغ شده، حداقل برای داشتن یک DOM تمیز هم باید کدهاتون درست باشه! :wink:مرسی ولی این ولید بودن هم واقعا معضلی!!! شده برایه طراحای امروزی ها همونطور که دوستمون هم اشاره کردن گوگل و یاهو و ... هم که از سایت های مطرح هستند چند ده تایی مشکل دارن:wink: با این تفاضیل حداقل تو cms ها نمیشه کدی در آورد که 100 درصد ولید باشه یا اینکه ولید بمونه چون بعضی از مشکلاته صفحه ی من هم مربوط به لینک های گوگل و translate اش و این چیزاش که جزوه مطالبه! parsinet 17 خرداد 1387, 18:03از نظر طراحي فرم حق با شماست، کار با جدول هم راحت تر و هم بهينه تر هستش. اما من تا به حال هيچ اشکال ديگه‌اي در div و css نديدم. به فرض مثال اونطوري که شما فرموديد که در وسط چين کردن مشکل داره، اگر منظور محتوي تگ هستش براحتي با text-align ميشه طراز بنديش رو عوض کرد. اما اگر در مراحل خارجي ميگيد. ميشه با margin به شکل زير اين مشکل رو حل کرد. <div> <div style="width: 50px; background-color: red; margin: 0 auto;"> This is a test. </div> </div> خدا رو شکر div با هيچ کدوم از خواص css مشکلي نداره. فکر ممیکنم منظور این دوست عزیز این بوده که با استفاده از div نمیشه یه شی رو روی صفحه ثابت نگه داشت که در parsinet 17 خرداد 1387, 18:08از نظر طراحي فرم حق با شماست، کار با جدول هم راحت تر و هم بهينه تر هستش. اما من تا به حال هيچ اشکال ديگه‌اي در div و css نديدم. به فرض مثال اونطوري که شما فرموديد که در وسط چين کردن مشکل داره، اگر منظور محتوي تگ هستش براحتي با text-align ميشه طراز بنديش رو عوض کرد. اما اگر در مراحل خارجي ميگيد. ميشه با margin به شکل زير اين مشکل رو حل کرد. <div> <div style="width: 50px; background-color: red; margin: 0 auto;"> This is a test. </div> </div> خدا رو شکر div با هيچ کدوم از خواص css مشکلي نداره. من فکر کنم این دوست خوبم منظورش این هست که استفاده از div نمیشه یه عکس در تمام حالات نمایش ثابت نگه داشت بطوریکه هنگام Maximize صفحه جاش تغییر نکنه البته شاید راهی وجود داشته باشه اگر هم هست دوستان راهنمایی کنند . ولی استفاده از جدول این امکان رو میده که در همه حالات نمایش جای تصاویر و ... ثابت بمونه Ali_ix 17 خرداد 1387, 18:16من فکر کنم این دوست منظورش این هست که استفاده از div نمیشه یه مثلا عکس در تمام حالات نمایش در یک قسمت از صفحه قرار داد بطوریکه جاش هنگام Maximize صفحه جاش تغییر نکنه شما البته شاید راهی وجود داشته باشه اگر هم هست دوستان راهنمایی کنند . ولی استفاده از جدول این امکان رو میده که در همه حالات نمایش جای تصاویر و ... ثابت بمونه شما خوبی کلا؟ sunrise 17 خرداد 1387, 18:28من فکر کنم این دوست خوبم منظورش این هست که استفاده از div نمیشه یه عکس در تمام حالات نمایش ثابت نگه داشت بطوریکه هنگام Maximize صفحه جاش تغییر نکنه البته شاید راهی وجود داشته باشه اگر هم هست دوستان راهنمایی کنند . ولی استفاده از جدول این امکان رو میده که در همه حالات نمایش جای تصاویر و ... ثابت بمونه ولي به نظر من هيچ محدوديتي براي طراحي توسط CSS نسبت به Table وجود نداره و يا حتي در شرايطي امکاناتي بس گسترده تر در اختيار ما هست و تنها چيزي که نياز داره خلاقيت و پشتکار هست تا بتونيد کار خوبي رو ارائه کنيد. parsinet 18 خرداد 1387, 00:05شما خوبی کلا؟ سلام ... بخشید اون موقعه که داشتم این پست میزدم 48 ساعت بیدار بودم با استفاده از Div میشه یه عکس رو در تمام حالات نمایش ثابت نگه داشت که جاش تغییر نکنه ؟ مثلا وقتی صفحه بزرگ یا کوچک میکنیم جاش تغییر نکنه و به چپ یا راست منحرف نشه ؟ لطفا راهنمایی کنید ممنون echessdesign 18 خرداد 1387, 10:08سلام ... بخشید اون موقعه که داشتم این پست میزدم 48 ساعت بیدار بودم با استفاده از Div میشه یه عکس رو در تمام حالات نمایش ثابت نگه داشت که جاش تغییر نکنه ؟ مثلا وقتی صفحه بزرگ یا کوچک میکنیم جاش تغییر نکنه و به چپ یا راست منحرف نشه ؟ لطفا راهنمایی کنید ممنون خدا position:fixed را برای طراحان وب حفظ نماید. پیتر جان در این رابطه در انجمن توضیح داده شده است. پاینده باشید. parsinet 18 خرداد 1387, 11:11خدا position:fixed را برای طراحان وب حفظ نماید. پیتر جان در این رابطه در انجمن توضیح داده شده است.
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 3053]
-
گوناگون
پربازدیدترینها