قرار دادن اجزا در مرکز تمامی محور ها

نویسنده: حمید فرجی 18. سبتمبر 2013 12:29
همه ما برای قرار دادن اجزا در مرکز محور X از دستور Margin:0 Auto استفاده میکنیم اما با خودتون فکر کردید برای قرار دادن عنصر در مرکز محور Y باید چه کار کنیم ؟! راه های کاربردی هست که هر کدوم اشکالات خاص خودشون رو دارند مثلا:   استفاده از جی کوئری و جاوا اسکریپت (عیب : ممکنه جاوااسکریپت رو مرورگر کاربر غیر فعال باشد یا اصلا پشتیبانی نشود) استفاده از CSS3 Flex Box (عیب : در مرورگر های قدیمی پشتیبانی نمیشه) استفاده از کد نویسی سمت سرور Server Side (عیب : شاید اصلا وبسایت ما وبسایت پویا نباشد) مشاهده دمو دانلود سورس کامل   اما ما در اینجا یک ترفند خارق العاده به شما آموزش می ... [بیشتر]

آموزش ساخت منوهای Accordion با جی کوئری

نویسنده: حمید فرجی 26. أوت 2013 15:36
استفاده درست از فضا در طراحی وب یک مزیت به شمار می رود.منو های Accordion یکی از راه های استفاده خوب از فضا است. این منو چند سربرگ دارد که با کلیک روی سربرگ محتوای مربوط به آن به صورت انمیشنی باز میشود و محتوای های دیگر بسته می شود.     همانطور در تصویر دیدید این منو شامل 3 بخش است هر بخش شامل یک بخش محتوا و یک بخش عنوان که با کلیک روی بخش عنوان باید محتوای دیگر بخش ها بسته شده و فقط محتوای آن بخش نمایش داده شود بسته به نیازتان می توانید محتوای ها رو تغییر دهید.   خوب کارمان را با کد نویسی بخش ابتدایی HTML آغاز میکیم.ابتدا یک عنصر Div به عنوان والد تمام منو میسازیم و به آن ش... [بیشتر]

آموزش ساخت پنجره پاپ آپ با استفاده از jQuery

نویسنده: حامد میرزایی 9. مارس 2012 17:24
پنجره های پاپ آپ امروزه به یکی از پرکاربردترین عناصر صفحات وب تبدیل شده اند. یکی از دلایل محبوبیت این پنجره های مودال، کاهش تعداد postback ها یا رفتن از صفحه ای به صفحه دیگر است. لزومی ندارد برای نمایش یک پیغام چند خطی و یا یک فرم کوچک مانند فرم لاگین که تنها چند فیلد دارد، کاربر را به صفحه دیگری هدایت کنیم. در این ارسال نحوه ساخت یک پنجره مودال پاپ آپ بسیار کم حجم را شرح خواهم داد. سادگی این پنجره پاپ آپ به شما امکان میدهد به راحتی آن را برای وبسایت خود سفارشی کنید. [بیشتر]

استایل دهی چک باکس، دکمه رایویی و لیست های انتخابی

نویسنده: حامد میرزایی 27. أوت 2011 22:17
در این آموزش قصد داریم با استایل دهی و سفارشی سازی عناصر مورد استفاده در صفحات وب مانند دکمه های رادیویی (Radio Button) ، جعبه انتخاب (Checkbox) و یا لیست های پائین افتادنی (Select List) ، فرم های زیبا و متفاوتی را ایجاد کنیم. اینکار به سادگی توسط کد جاوااسکریپت تولید شده توسط Ryan Fait و یک قطعه تصویر انجام می دهیم. همچنین با یکبار انجام موارد آموزش، استایل اعمال شده در تمامی فرم های صفحات مختلف وبسایت نمایان خواهد شد. در مورد نمایش در مرورگرهای مختلف باید بگویم میتوانید با خیال آسود از این روش استفاده کنید؛ چراکه تمامی مرورگرهای فایرفاکس، کروم، سافاری، اپرا و +IE7 از آن پشتیبانی میکنند و چنانچه به هر دلیلی مانند غیر فعال بودن جاوااسکریپت مرورگر، این استایل ها اعمال نشوند، حالت معمول عناصر نمایش داده خواهد شد. [بیشتر]

استایل دهی و ساخت تکست باکس های سفارشی و زیبا

نویسنده: حامد میرزایی 24. أوت 2011 21:52
در ارسال قبلی مجموعه ای گرافیکی از اشیاء طراحی سایت شامل انواع دکمه، منو، دکمه های رادیویی، چک باکس و تکست باکس هایی را به اشتراک گذاشتم و در پی آن تعداد زیادی از دوستان در مورد چگونگی استفاده عملی از آنها در وبسایت خود، سئوالاتی را مطرح کردند که تصمیم گرفتم یک آموزش کامل در این زمینه تهیه کنم. بنابراین در این ارسال چگونگی استایل دهی و ساخت جعبه متن های گرافیکی مانند آنچه در بخش جستجوی اکثر وبسایتها مشاهده می کنید را شرح می دهم و در ارسال بعدی چگونگی استایل دهی عناصری مانند چک باکس ها و دکمه های رادیویی را آموزش خواهم داد. [بیشتر]

مجموعه زیبا اشیاء طراحی سایت شامل انواع دکمه، منو و غیره

نویسنده: حامد میرزایی 21. أوت 2011 17:22
در این ارسال یک بسته بسیار شیک از عناصر مورد نیاز در طراحی واسط های کاربری را به شما تقدیم میکنم. این مجموعه حاوی تمامی اشیاء قابل استفاده در یک فرم مانند منو، انواع دکمه های فشاری، دکمه های رادیویی، برچسب، نوارهای کشویی، چک باکس، لیست های پائین افتادنی، تولتیپ، شمارنده و همچنین جعبه کامل جستجو است. این بسته با فرمت psd ارائه شده است که می توانید پس از باز کردن آن در برنامه فتوشاپ، بخش های مورد نیاز خود را از آن برداشته و تغییرات خود را اعمال نمائید. [بیشتر]

3 افزونه برتر و کامل SEO برای مرورگر گوگل کروم

نویسنده: حامد میرزایی 18. أوت 2011 14:56
بهینه سازی وبسایت برای موتورهای جستجو (SEO) یکی دیگر از شاخه های لذت بخش طراحی و توسعه وبسایتها است که به عنوان یک طراح وب باید به آن بپردازیم. هنگامی که وبسایتی را پیاده سازی میکنیم و نوبت به معرفی آن به ساکنان دنیای مجازی می رسد، بدون شک اولین و بهترین محل برای عرضه و معرفی، بازار بزرگ موتورهای جستجو است. ابزارهای بسیار زیادی در این راه پیش روی شماست اما سریعترین و آسان ترین آنها، افزونه ها هستند. در این ارسال 3 افزونه SEO برای مرورگر کروم را به شما معرفی خواهم کرد که توسط آنها می توانید در هر لحظه وبسایتهای خود را پایش کرده و برای بهینه سازی آنها اقدامات لازم را انجام دهید. [بیشتر]
سرویس plus one گوگل

تازه ترین ارسال ها

تبلیغات متنی

طراحي سايت
گروه طراحی سایت وب طراح
طراحی وب سایت
زفره مدیا، طراحی وب سایت
طراحي سايت
مقالات مفيد طراحي سايت,سئو وبرنامه نويسي

تبلیغات

تازه ترین نظرات

Comment RSS

استفاده از مطالب این سایت تنها با درج لینک فعال به مقالۀ مبدا، مجاز است.    Copyright © 2010-2012 Websiteha طراحی حامد میرزایی Powered by BlogEngine.NET 2.5.0.6