0 3 ۱۲ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم انواع نقشه هایی که گوگل از اونا پشتیبانی میکنه رو خدمتتون معرفی کنیم. انواع نقشه برای Google Maps گوگل از انواع زیر پشتیبانی میکنه: ROADMAP : این مورد نوع پیش فرض هست. اگر هیچ نوعی برای نقشه مشخص نکنید، این مور...

0 60 ۱۳ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه سوم از آپدیت های دوره مجازی قالب وردپرس. در این جلس و در ادامه بحث responsive کردن قالب مواردی رو آموزش خواهیم داد. در ابتدا منوی اصلی رو تغییر میدیم تا حالت بهتری برای نمایش داشته باشه و سپس تب های بخش مطالب اصلی رو استایلش رو تغییر میدیم ...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار رایگان و Open Source قرار داده شده و میتونین با استفاده از اون قالبی رو ویرایش کنید، عکس مورد نظرتون رو اضافه کنید، عناوین رو عوض کنید، سایزهای رو تغییر بدین و هر استایل دیگه ای که مدنظرتون هست رو اعمال کنید و از اون خروجی بگیرید. با است...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون میتونین یک استایل زیبا برای Adobe Illustrator دریافت کنید و با نصب اون میتونید از یک قلم یا Brush با استایل طناب مانند استفاده کنید و مسیرها و شکلهایی که در Illustrator تولید میکنید رو به این حالت طنابی در بیارید و زیبایی طرحتون رو دوچندان بکنید....

@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 3 ۱۰ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم اولین نقشه رو از ابتدا با هم دیگه در سایتمون لود کنیم و مراحل اون رو به ترتیب خدمتتون بگیم. مرحله 1 : ساخت صفحه HTML در ابتدا یک فایل با نام مثلا index.html بسازید و کدهای ساده زیر رو درون اون قرار بدین: 1 2 3 ...

0 3 ۹ تیر ۹۵ Google Maps یا نقشه گوگل یکی دیگه از امکانات Google هست که اون رو بصورت رایگان در اختیار کاربران قرار میده و کاربران میتونین از قدرت اون بهره مند بشن. گوگل با استفاده از این ابزار اطلاعات گوناگون و متنوعی در مورد زمین و مکانهای موجود بر روی اون در اختیارتون قرار میده که به احتمال زیاد ت...

0 6 ۱۰ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با قسمت اول آموزش جاوا. توی این جلسه در مورد مفاهیم پایه برنامه نویسی در جاوا صحبت می کنیم. در این جلسه خواهیم دید : معرفی زبان جاوا ساختار کد نویسی در جاوا مفهوم identifier مفهوم پکیج مفهوم modifier تعریف کلاس در جاوا تعریف متد در جاوا انواع داده د...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 20 آیکون زیبا مربوط به روز ولنتاین قرار داده شده و شما میتونین اونا رو در دو فرمت SVG و Sketch دانلود کرده و استفاده کنید. برای دانلود بر روی لینکهایی که در زیر تصویر وجود داره استفاده کنید. برای شروع وارد سایت Valentine-Day بشین. امیدوارم بدردتو...

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

<html> <head> <title>Highcharts Tutorial</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="https://code.highcharts.com/highcharts.js"></script> <script src="https://code.highcharts.com/highcharts-more.js"></script> <script src="https://code....

*, *: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...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی و زیبایی فوق العاده ای داره و میتونین از اون ایده بگیرید و ازش استفاده کنید. وقتی که بین صفحات جابجا میشید، اون خطوط موج مانندی که در پس زمینه وجود دارن به زیبایی جابجا میشن و حس خوبی رو به آدم میدن. برای شروع وارد سایت spotify-valentines بشین. ام...

0 84 ۹ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با قسمت 25 ام از دوره مجازی پلاگین نویسی وردپرس. در این قسمت قصد داریم تا نحوه ایجاد یک محصول جدید در قسمت vip را آموزش دهیم. در ابتدا یک فرم ایجاد می کنیم و ورود های آن را بر اساس جدول plans که در جلسه قبل ایجاد کردیم درست می کنیم. سپس در سمت سرور ...

<html> <head> <title>Highcharts Tutorial</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/modules/treemap.js"></script> <script src="http://code.hig...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 72 آیکون زیبا قرار داده شده و میتونین اونا رو بصورت رایگان دانلود کرده و در سایتتون از اونا استفاده کنید. این آیکونها در فرمتهای Ai و CSH و EPS و SVG و Web font و sketch قرار داده شده است. حجم این مجموعه آیکون تقریبا 100 مگابایت هست و در لینکی که...

@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: ...

<html> <head> <title>Highcharts Tutorial</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> <script src="http://code.highcharts.com/modules/data.js"></script> <script src="http://code.highch...

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