آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آرشیو تگ HTML 5 ( 16 مورد )

HTML5 "classList" API - دستکاری آسان کلاس ها

به نام خدا با سلام خدمت دوستان عزیز سون‌لرنی. اغلب هنگام ساخت یک برنامه یا جلوه برای قسمت های مختلف صفحه، نیاز داریم تا در کلاس های عناصر تغییراتی چون اضافه کردن، حذف کردن، toggle کردن انجام دهیم و یا از وجود یک کلاس آگاهی پیدا کنیم. معمولا همه کتابخانه های جاوااسکریپت، متد هایی برای …

۳۰ شهریور ۱۳۹۳ ادامه ی مطلب »

HTML5 "querySelector" API: جستجوی آسان‌تر عناصر در درخت DOM

به نام خدا با سلام خدمت دوستان عزیز سون لرنی. HTML5 با ورود خود به دنیای وب، API (رابط برنامه کاربردی)های زیادی با خود به ارمغان آورد. میتوان گفت بعد از ورود HTML5، کدنویسان بسیاری برنامه های کوچکی را که به کمک کتابخانه های JavaScript(برای مثال jQuery) مینوشتند، از این پس با جاوااسکریپت خالص(pure javascript) مینویسند. …

۱۹ شهریور ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 12 (آخر) - صفحه نمایش مطلب - بخش دوم

سلام. بالاخره به قسمت آخر این سری رسیدیم. همونطور که گفته بودم قراره در این قسمت، بخش نظرات رو درست کنیم. اول قسمت دیدگاه های ارسال شده رو باهم درست میکنیم و بعد هم فرم ارسال دیدگاه. فایل single.html رو باز کنید. مثل جلسه قبل که یه panel-body دیگه برای قسمت اطلاعات نوشته اضافه کردیم، …

۲۳ تیر ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 11 - صفحه نمایش مطلب - بخش اول

سلام دوستان در این قسمت قراره فایل single.html رو طراحی کنیم. این فایل مربوط میشه به صفحه ای که فقط یک مطلب در اون نشون داده میشه. در سایت ها و وبلاگ ها اگر دقت کرده باشید وقتی روی " ادامه مطلب " یه مطلب کلیک میکنید وارد صفحه ای میشید که مربوط به همون …

۱۳ تیر ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 10 - شمارنده صفحات و فوتر

سلام. در قسمت قبلی بخش مطالب رو طراحی کردیم که البته ناقص موند یعنی شمارنده صفحات رو درست نکردیم. در این قسمت شمارنده صفحات و بعد فوتر رو هم درست میکنیم تا فایل index.html رو کامل کنیم و برای قسمت بعدی هم بریم سراغ فایل single.html فایل index.html رو باز کنید و داخل row که …

۲۶ خرداد ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 9 - محتوا

سلام دوستان. جلسه قبلی اسلایدشو رو طراحی کردیم و الان همونطور که از عنوان مطلب پیداست میخوایم بخش مطالب رو طراحی کنیم. اینم بگم که این بخش رو با استفاده از thumbnail ها طراحی میکنیم پس اگر اطلاعاتی راجع بهش ندارید قبل از خوندن ادامه ی آموزش، اینجارو بخونید. فایل index.html رو باز کنید و …

۱۹ خرداد ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 8 - اسلایدشو

سلام دوستان، اگر یادتون باشه در قسمت پنجم برای اسلایدشو و محتوامون یه بلاک ساختیم که در این قسمت میخوایم اون بلاک رو پر کنیم و اسلایدشو رو بسازیم. خب، برای اینکار اول فایل index.php رو باز کنید و دنبال عبارت content and slideshow will be here (که در قسمت پنجم نوشته بودیم) بگردید و …

۱۳ خرداد ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 7 - سایدبار - بخش 2

سلام. در قسمت قبلی سایدبار رو تا یه جاهایی درست کردیم و در این قسمت میخوایم تکمیلش کنیم. اگر دقت کرده باشید کلمه ی " آخرین مطالب " و " پربازدیدترین ها " بین تگ h5 قرار گرفته. پس میتونیم برای اینکه فونت این دو تا کلمه رو به DroidKufi تغییر بدیم، فونت heading ها …

۲۸ اردیبهشت ۱۳۹۳ ادامه ی مطلب »

طراحی قالب واکنش گرا با بوت استرپ 3 : قسمت 6 - سایدبار - بخش 1

سلام. قسمت قبلی، بلاک های محتوا و سایدبارمون رو ایجاد کردیم و قرار شد در این قسمت سایدبار رو درست کنیم. همون طور که در دمو هم دیدید داخل سایدبار، باکس آخرین مطالب و پربازدیدترین مطالب رو به صورت pill حاضر کردیم. بوت استرپ tab ها و pill ها رو درون کامپوننت Navs قرار داده …

۱۳ اردیبهشت ۱۳۹۳ ادامه ی مطلب »

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram