0 114 ۲۰ تیر ۹۵ به نام خدا و سلام. با جلسه 27 ام از دوره مجازی پلاگین نویسی در خدمت شما هستیم. در این جلسه قصد داریم تا مدیریت کاربران در پلاگین vip رو آموزش بدیم. در ابتدا لیست کاربران رو با توجه به جدول vip_users که قبلا ایجاد کردیم دریافت می کنیم و توضیحاتی در مورد روش های مختلف این کار چه با است...

در این مطلب نمونه 13 برای هاور بر تصاویر با عنوان CSS Image Hover رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. کد HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <h2 id="demo13">13. Flashing</h2> <div class="hover13 column"> <div> <figure><im...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار Javascript قرار داده شده که با استفاده از اون میتونین بلاکهای با عرض ثابت و ارتفاع متفاوت رو در کنار همدیگه قرار بدین. این ابزار از تکنولوژی های جدید استفاده کرده و خیلی خیلی سریع هست و در زمان کمی میتونه این کار رو برای شما انجام بده. ا...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی زیبا و فوق العاده ای داره در بیشتر جاهای اون از افکت چسبان یا Gooey Effect استفاده شده. برای مثال اگه بر روی آیکون سه خط یا همبرگر در بالای سایت مورد نظر کلیک کنید، منوها به زیبایی باز میشن. همچنین اگر بر روی ANIMAL کلیک کنید، یک آهنگ پخش میشه و ح...

@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-family: 'Martel Sans', sans-serif; background-color: #000; } section { height: 350px; width: ...

0 57 ۱۶ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه 26 ام از دوره مجازی پلاگین نویسی حرفه ای وردپرس. در این قسمت قصد داریم تا کدهای مربوط به بخش مدیریت محصولات پلاگین vip رو بنویسیم. در ابتدا قسمت ویرایش یک محصول رو ایجاد می کنیم و برای این کار نیاز داریم تا صفحه اضافه کردن محصول رو ویرایش ک...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل فرآیند طراحی لوگوی Arriva رو قرار داده و شما میتونین از اون چیزهای زیادی رو یاد بگیرید. این آموزش به نکات کلی که شما باید در مورد اونا اطلاع داشته باشید، اشاره کرده. برای شروع وارد سایت Arriva-logo بشین. امیدوارم بدردتون بخوره. موفق با...

0 8 ۱۵ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در جلسه قبل توضیحاتی در مورد روش فعال و غیر فعال کردن کنترلرهای Google Maps دادیم و در این جلسه مباحث رو جلو میبریم. برای اینکه کنترلر Zoom رو بردارید باید بصورت زیر عمل کنید: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21...

در این مطلب نمونه 12 برای هاور بر تصاویر با عنوان CSS Image Hover رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. کد HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <h2 id="demo12">12. Opacity #2</h2> <div class="hover12 column"> <div> <figure><...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی Accessible کردن لایت باکس قرار داده شده و با استفاده از ابزاری که معرفی میکنه میتونین لایت باکس ها و Modal هاتون رو از نظر Accessibility بهبنه سازی کنید و ویژگی های لازم رو برای المنتهای مختلف در نظر بگیرید تا کدهای شما برای Screen ...

<!DOCTYPE html> <html> <head> <title>7Lea .com - Stu ing Hover Effect Part 8</title> <meta charset="utf-8"> <style type="text/css"> /* http://codepen.io/caraujo */ @import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { -webkit-box-sizing: border-b...

0 11 ۱۴ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. Google Maps کنترلرها و گزینه های زیادی رو قرار داده که کاربر با استفاده از اونا میتونه با نقشه تعامل داشته باشه و با اون ارتباط برقرار کنه. ما میتونیم این موارد رو اضافه کنیم و یا در اونا دستکاری انجام بدیم و یا حتی اونا رو حذف ...

0 4 ۱۴ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با قسمت دوم آموزش جاوا. در جلسه ی دوم راجع به مفاهیم شی گرایی صحبت کردیم، در این جلسه قصد داریم مفاهیم شی گرایی را در جاوا پیاده سازی کنیم تا بیشتر با کاربرد آن ها و نحوه ی پیاده سازی شان آشنا شویم. مطالب مطرح شده در این جلسه عبارتند از : ساختن Cons...

در این مطلب نمونه 11 برای هاور بر تصاویر با عنوان CSS Image Hover رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. کد HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <h2 id="demo11">11. Opacity #1</h2> <div class="hover11 column"> <div> <figure><...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار بنام okayNav قرار داده شده و همونطور که از اسمش معلومه منو سایت شما رو اوکی میکنه و واقعا اون رو واکنشگرا میکنه. الان شما اگه بخاید منوی سایتتون رو واکنشگرا کنید چکار میکنید؟ در بیشتر موارد افراد در سایز بزرگ منو رو بصورت کامل قرار میدن ...

0 19 ۱۳ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم در مورد بزرگنمایی یا Zoom و همچنین تغییر زبان نقشه گوگل صحبت کنیم. شما میتونین با تغییر دادن مقدار ویژگی zoom بزرگنمایی بر روی نقشتون رو کم و زیاد کنید. این ویژگی اجباری هست و حتما باید یک مقدار رو برای بزرگنم...

در این مطلب نمونه 11 برای هاور بر تصاویر با عنوان CSS Image Hover رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. کد HTML : 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <h2 id="demo11">11. Opacity #1</h2> <div class="hover11 column"> <div> <figure><...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار بنام okayNav قرار داده شده و همونطور که از اسمش معلومه منو سایت شما رو اوکی میکنه و واقعا اون رو واکنشگرا میکنه. الان شما اگه بخاید منوی سایتتون رو واکنشگرا کنید چکار میکنید؟ در بیشتر موارد افراد در سایز بزرگ منو رو بصورت کامل قرار میدن ...

0 3 ۱۳ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم در مورد بزرگنمایی یا Zoom و همچنین تغییر زبان نقشه گوگل صحبت کنیم. شما میتونین با تغییر دادن مقدار ویژگی zoom بزرگنمایی بر روی نقشتون رو کم و زیاد کنید. این ویژگی اجباری هست و حتما باید یک مقدار رو برای بزرگنما...

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section { font-family: 'Open Sans', sans-serif; height: 350px; position: relative; background-clip: fixed; background-repeat: no-repeat; background-size: cover; background-position: center c...