2 125 ۳ بهمن ۹۴ یه نام خدا و سلام در خدمت شما هستیم با حلسه 52 ام از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس. در این جلسه قصد داریم بخش option panel قالب رو پیاده سازی کنیم. در ابتدا و برای شروع با بحث option API آشنا میشیم و در ادامه میریم سراغ پیاده سازی option panel و گزینه های مختلف آن. منو ه...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی بسیار زیبایی داره و میتونین از اون ایده بگیرید و در پروژه های آیندتون از اون استفاده کنید. برای شروع وارد سایت amsterdam بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your content...

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800); * { box-sizing: border-box; } html, body { overflow-x: hidden; font-family: "Open Sans", sans-serif; font-weight: 300; color: #fff; background: #134A46; text-align: center; } span { position: relative; display: inline...

0 5 ۳ بهمن ۹۴ در قسمت دوم ما ادامه بحث شناخت و ساخت محتوای مناسب رو پیش میریم و سپس به تگ Canonical و اهمیت ساختار سایت میپردازیم و دو تا سایت بیتوته و دیجی کالا رو در این جلسه بررسی میکنیم که شما با ساختار درست یک سایت آشنایی داشته باشید. امیدوارم که این قسمت از آموزش هم براتون مفید واقع شده باشه. ...

در این قسمت میخوام یک کد ( Rainbow Grid ) جالب رو در اختیارتون بزارم. همونطور که دیدین یک استایل زیبا و رنگارنگ بصورت گریدبندی قرار داده شده و به زیبایی تغییر حالت میده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده...

*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { text-align: center; padding-top: 50px; } @font-face { font-weight: normal; font-style: normal; font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون راهنمای استفاده از React قرار گرفته و میتونین از اون استفاده کنید. برای شروع وارد سایت reactcheatsheet بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your content and you're readi...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش داده شده که چطور تصاویرتون رو با استفاده از SVG پیشرفته تر و زیباتر کنید. مثلا فرض کنید که تصویری دارید که درون اون افرادی هستن و میخاهید اونا رو معرفی کنید. با هاور کردن بر روی هر فرد، همه چیز بغیر از اون فرد سیاه و سفید میشه و نام اون فرد...

در این قسمت میخوام یک کد ( Redirecting Loader ) جالب رو در اختیارتون بزارم. همونطور که دیدین لودری برای ریدایرکت شدن قرار داده شده و میتونین از اون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. ...

2 بازدید ۳۰ دی ۹۴ در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره. موضوع 3 : المنتها و کار با DOM مورد 16 : دریافت استایلهای یک المنت اگر بخوایم در jQuery به استایلهای یک المنت دسترسی داشته باشیم، بصورت زیر عمل میکنیم: $(el).css(ruleName); می...

در این قسمت میخوام یک کد ( Reimagined Profile ) جالب رو در اختیارتون بزارم. همونطور که دیدین یک استایل زیبا برای پروفایل قرار داده شده و زمانی که بر روی عکس کاربر مورد نظر هاور میکنید حالت اون به زیبایی عوض میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دا...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی آیکون زیبا قرار داده شده که میتونین اونا رو بصورت رایگان دانلود کرده و استفاده کنید. برای شروع وارد سایت icon-font بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your conte...

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,800); * { box-sizing: border-box; } html, body { overflow-x: hidden; font-family: "Open Sans", sans-serif; font-weight: 300; color: #fff; background: #134A46; text-align: center; } span { position: relative; display: inline...

*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { text-align: center; padding-top: 50px; } @font-face { font-weight: normal; font-style: normal; font-family: 'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix...

در این قسمت میخوام یک کد ( Responsive movie app UI ) جالب رو در اختیارتون بزارم. همونطور که دیدین رابط کاربری زیبا برای سایت فیلم قرار داده شده و میتونین از اون استفاده کرده و ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که تصویر مورد نظر شما رو به بلاکهای 1 در 1 Lego تبدیل میکنه و اونو مثل وسایل بازی بچه ها میکنه. برای شروع وارد سایت Legofy بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your content and yo...

6 بازدید ۲۷ دی ۹۴ در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره. موضوع 3 : المنتها و کار با DOM مورد 12 : پیدا کردن المنتها اگر بخوایم در jQuery المنتهای خاصی رو پیدا و انتخاب کنیم، بصورت زیر عمل میکنیم: $('.my #awesome selector'); میبینید ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ابزاری برای ساخت مسیرهای SVG قرار داده شده و میتونین با استفاده از اون مسیرهای مورد نظرتون رو بسازید و خروجی بگیرید. برای شروع وارد سایت svg-path-builder بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS...

در این قسمت میخوام یک کد ( Shade ) جالب رو در اختیارتون بزارم. همونطور که دیدین سایه های زیبایی برای متون و ... قرار داده شده و میتونین از اونا در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده ...

53 بازدید ۲۶ دی ۹۴ به نام خدا و سلام. در خدمت شما هستیم با 51 ام جلسه از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس هستیم. در این جلسه با هم میریم سراغ پیاده سازی قسمت ادمین وردپرس قالب. برای شروع کار میریم سراغ بررسی نحوه اجرای درخواست های ودرپرس در سمت admin و اینکه چطوری کدها رو به طور مجزا در بخ...