استایل زیبا با scss برای هاور - Stunning Hover Effects (نمونه 8) : افکت نور خورشید - تاریخ: 1395/4/15 ساعت: 10:56
<!DOCTYPE html> <html> <head> <title>7Lea .com - Stunning 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 { xa0xa0-webkit-box-sizing: b...
آموزش استفاده از نقشه گوگل در صفحات وب - Google Maps (جلسه 5) - کنترلرهای رابط کاربری - قسمت 1 - تاریخ: 1395/4/15 ساعت: 10:56
0 11 ۱۴ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. Google Maps کنترلرها و گزینه های زیادی رو قرار داده که کاربر با استفاده از اونا میتونه با نقشه تعامل داشته باشه و با اون ارتباط برقرار کنه. ما میتونیم این موارد رو اضافه کنیم و یا در اونا دستکاری انجام بدیم و یا حتی اونا رو حذف ...
دوره مجازی اندروید: (جلسه 4): آموزش مفاهیم پایه برنامه نویسی در جاوا-قسمت دوم - تاریخ: 1395/4/15 ساعت: 0:54
0 4 ۱۴ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با قسمت دومxa0آموزش جاوا. در جلسه ی دوم راجع به مفاهیم شی گرایی صحبت کردیم، در این جلسه قصد داریم مفاهیم شی گرایی را در جاوا پیاده سازی کنیم تا بیشتر با کاربرد آن ها و نحوه ی پیاده سازی شان آشنا شویم. مطالب مطرح شده در این جلسه عبارتند از : ساختن Co...
استایل زیبا برای هاور بر تصاویر - CSS Image Hover ( نمونه 11) - تاریخ: 1395/4/14 ساعت: 9:25
در این مطلب نمونه 11xa0برای هاور بر تصاویر با عنوان 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 : ابزاری فوق العاده برای سایت منو واکنشگرا - تاریخ: 1395/4/14 ساعت: 9:25
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار بنام okayNav قرار داده شده و همونطور که از اسمش معلومه منو سایت شما رو اوکی میکنه و واقعا اون رو واکنشگرا میکنه. الان شما اگه بخاید منوی سایتتون رو واکنشگرا کنید چکار میکنید؟ در بیشتر موارد افراد در سایز بزرگ منو رو بصورت کامل قرار میدن ...
آموزش استفاده از نقشه گوگل در صفحات وب - Google Maps (جلسه 4) - بزرگنمایی نقشه و تغییر زبان - تاریخ: 1395/4/14 ساعت: 9:25
0 19 ۱۳ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم در مورد بزرگنمایی یا Zoom و همچنین تغییر زبان نقشه گوگلxa0صحبت کنیم. شما میتونین با تغییر دادن مقدار ویژگی zoom بزرگنمایی بر روی نقشتون رو کم و زیاد کنید. این ویژگی اجباری هست و حتما باید یک مقدار رو برای بزرگ...
استایل زیبا برای هاور بر تصاویر - CSS Image Hover ( نمونه 11) - تاریخ: 1395/4/14 ساعت: 2:05
در این مطلب نمونه 11xa0برای هاور بر تصاویر با عنوان 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 : ابزاری فوق العاده برای سایت منو واکنشگرا - تاریخ: 1395/4/14 ساعت: 2:05
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار بنام okayNav قرار داده شده و همونطور که از اسمش معلومه منو سایت شما رو اوکی میکنه و واقعا اون رو واکنشگرا میکنه. الان شما اگه بخاید منوی سایتتون رو واکنشگرا کنید چکار میکنید؟ در بیشتر موارد افراد در سایز بزرگ منو رو بصورت کامل قرار میدن ...
آموزش استفاده از نقشه گوگل در صفحات وب - Google Maps (جلسه 4) - بزرگنمایی نقشه و تغییر زبان - تاریخ: 1395/4/14 ساعت: 2:05
0 3 ۱۳ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم در مورد بزرگنمایی یا Zoom و همچنین تغییر زبان نقشه گوگلxa0صحبت کنیم. شما میتونین با تغییر دادن مقدار ویژگی zoom بزرگنمایی بر روی نقشتون رو کم و زیاد کنید. این ویژگی اجباری هست و حتما باید یک مقدار رو برای بزرگن...
استایل زیبا با less برای هاور - Stylish hover effects (نمونه 10) : افکت ضربان موسیقی - تاریخ: 1395/4/13 ساعت: 4:57
*, *:before, *:after { xa0xa0-webkit-box-sizing: border-box; xa0xa0-moz-box-sizing: border-box; xa0xa0box-sizing: border-box; } section { xa0xa0font-family: 'Open Sans', sans-serif; xa0xa0height: 350px; xa0xa0position: relative; xa0xa0background-clip: fixed; xa0xa0background-repeat: no-repeat; xa0xa...
آموزش نقشه گوگل - Google Maps (جلسه 3) - انواع نقشه های گوگل مپ - تاریخ: 1395/4/13 ساعت: 4:57
0 3 ۱۲ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم انواع نقشه هایی که گوگل از اونا پشتیبانی میکنه رو خدمتتون معرفی کنیم. انواع نقشه برای Google Maps گوگل از انواع زیر پشتیبانی میکنه: ROADMAP : این مورد نوع پیش فرض هست. اگر هیچ نوعی برای نقشه مشخص نکنید، این مور...
دوره مجازی قالب وردپرس (آپدیت 3) : responsive کردن قالب - قسمت دوم - تاریخ: 1395/4/13 ساعت: 4:57
0 60 ۱۳ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه سوم از آپدیت های دوره مجازی قالب وردپرس. در این جلس و در ادامه بحث responsive کردن قالب مواردی رو آموزش خواهیم داد. در ابتدا منوی اصلی رو تغییر میدیم تا حالت بهتری برای نمایش داشته باشه و سپس تب های بخش مطالب اصلی رو استایلش رو تغییر میدیم ...
استایل زیبا برای هاور بر تصاویر - CSS Image Hover ( نمونه 10) - تاریخ: 1395/4/12 ساعت: 8:22
در این مطلب نمونه 10xa0برای هاور بر تصاویر با عنوان 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> ...
grapesjs : ویرایشگر رایگان برای قالب وبسایت - تاریخ: 1395/4/12 ساعت: 8:22
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار رایگان و Open Source قرار داده شده و میتونین با استفاده از اون قالبی رو ویرایش کنید، عکس مورد نظرتون رو اضافه کنید، عناوین رو عوض کنید، سایزهای رو تغییر بدین و هر استایل دیگه ای که مدنظرتون هست رو اعمال کنید و از اون خروجی بگیرید. با است...
rodeo : دانلود رایگان استایل طناب برای قلم در Illustrator - تاریخ: 1395/4/11 ساعت: 4:26
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون میتونین یک استایل زیبا برای Adobe Illustrator دریافت کنید و با نصب اون میتونید از یک قلم یا Brush با استایل طناب مانند استفاده کنید و مسیرها و شکلهایی که در Illustrator تولید میکنید رو به این حالت طنابی در بیارید و زیبایی طرحتون رو دوچندان بکنید....
استایل زیبا با scss برای هاور - Stunning Hover Effects (نمونه 7) : افکت شهر متحرک - تاریخ: 1395/4/11 ساعت: 4:26
@import url(http://fonts.googleapis.com/css?family=Martel+Sans:200,300,400,800,900); *, *:before, *:after { xa0xa0-webkit-box-sizing: border-box; xa0xa0-moz-box-sizing: border-box; xa0xa0box-sizing: border-box; } body { xa0xa0font-family: 'Martel Sans', sans-serif; xa0xa0background-color: #000; } se...
آموزش نقشه گوگل - Google Maps (جلسه 2) - راه اندازی اولین نقشه - تاریخ: 1395/4/11 ساعت: 4:26
0 3 ۱۰ تیر ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در این جلسه میخایم اولین نقشه رو از ابتدا با هم دیگه در سایتمون لود کنیم و مراحل اون رو به ترتیب خدمتتون بگیم. مرحله 1 : ساخت صفحه HTML در ابتدا یک فایل با نام مثلا index.html بسازید و کدهای ساده زیر رو درون اون قرار بدین: 1 2 3 ...
آموزش نقشه گوگل - Google Maps (جلسه 1) - مقدمه - تاریخ: 1395/4/10 ساعت: 16:32
0 3 ۹ تیر ۹۵ Google Maps یا نقشه گوگل یکی دیگه از امکانات Google هست که اون رو بصورت رایگان در اختیار کاربران قرار میده و کاربران میتونین از قدرت اون بهره مند بشن. گوگل با استفاده از این ابزار اطلاعات گوناگون و متنوعی در مورد زمین و مکانهای موجود بر روی اون در اختیارتون قرار میده که به احتمال زیاد ت...
دوره مجازی اندروید: آموزش مفاهیم پایه برنامه نویسی در جاوا - قسمت اول - تاریخ: 1395/4/10 ساعت: 16:32
0 6 ۱۰ تیر ۹۵ به نام خدا و سلام. در خدمت شما هستیم با قسمت اول آموزش جاوا. توی این جلسه در مورد مفاهیم پایه برنامه نویسی در جاوا صحبت می کنیم. xa0 در این جلسه خواهیم دید : معرفی زبان جاوا ساختار کد نویسی در جاوا مفهوم identifier مفهوم پکیج مفهوم modifier تعریف کلاس در جاوا تعریف متد در جاوا انواع دا...
Valentine-Day : دانلود رایگان 20 آیکون مربوط به ولنتاین - تاریخ: 1395/4/10 ساعت: 11:35
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 20 آیکون زیبا مربوط به روز ولنتاین قرار داده شده و شما میتونین اونا رو در دو فرمت SVG و Sketch دانلود کرده و استفاده کنید. برای دانلود بر روی لینکهایی که در زیر تصویر وجود داره استفاده کنید. برای شروع وارد سایتxa0Valentine-Dayxa0بشین. امیدوارم بد...