توضیحات وبلاگ خود را کشویی کنید

توضیحات وبلاگ خود را کشویی کنید

با این تکه کد میتونید به جای ی توضیح معمولی زیر عکس وبلاگ، ی توضیح کشویی داشته باشید!

چطوره؟

چطوره؟

مرسی از دی ماهی، سید علی طلوع، فری و بقیه که امید دادن !

اینو زدم

ببینید چطوره:

کلیک

با قدرت

با قدرت

کی گفته من استعداد ندارم؟ غلط کرده :/

با قدرت شروع میکنم

تو این وب ی چیزهایی میبینید که هیچ جای اینترنت نمونش رو نخواهید دید 

کتاب آموزشی : php (انگلیسی) جاوا ، js، اندروید استویدو (فارسی)

کتاب آموزشی : php (انگلیسی) جاوا ، js، اندروید استویدو (فارسی)

سلام 

تعداد زیادی کتاب انگلیسی php دارم

همچنین کتاب کامل اموزش جاوااسکریپت فارسی رو دارم

کتاب آموزش جاوا و اندروید استودیو هم دارم

اگه کامنتا 5 تا بشه میزارمشون

Atom ide | کم حجم ولی فوق العاده | آموزش دانلود،نصب،تکنیک هاو...

Atom ide | کم حجم ولی فوق العاده | آموزش دانلود،نصب،تکنیک هاو...

سلام امروز یکی از بهترین ide هارو معرفی میکنم بهتون

آموزش grid قسمت دوم

آموزش grid قسمت دوم

همونطور که قول داده بودم

قسمت اول آموزش گرید

قسمت اول آموزش گرید

سلام دوستان به قسمت اول خوش اومدید
این دوره دوره ی مقدماتی هستش و فقط در حد آشنایی اما با همین دوره هم میتونید صفحه بندی عالی داشته باشید

گرید رو توی مطلب قبل معرفی کردیم

grid چیه؟

grid چیه؟

کسایی که خیلی وقته با css آشنا هستن میدونن که صفحه بندی چقدر سخته -_-

با ابزار هایی مثل float  و margin باید این کار رو میکردیم -_-

خلاصه مدتی به این سختی گذشت که ابزاری به اسم فلیکس باکس اومد که فوق العاده کمکمون کرد

اما بازم یادگیریش نسبتا سخت بود

تا اینکه css3  ابزار grid  رو معرفی کرد

این ابزار عنصرمون  رو به شکل یک جدول تقسیم بندی میکنه

سپس ما فرزندان مستقیم عنصر رو (توجه کنید فقط فزندان مستقیم عنصر) توی اون ستون ها و ردیف های جدول میزاریم

نمونه ی زیر رو نگاه کنید

<div class="web">
<div class="header"></div>
<div class="main"><div class="post"></div></div>
<div class="footer"></div></div>

در این مثال web همون عنصریه که جدول بندی توش انجام میشه

ما گرید رو روی هدر فوتر و ماین انجام میدیم اما تاثیری روی دیو پست نداره

این یک توضیح مختصر از grid بود اما بزودی اموزش کاملشو میدم

ی نمونه قالب هم درست کردم با GRID که میزارمش

خاندن کد رنگ نوع # (هگز) +آپدیت

خاندن کد رنگ نوع # (هگز) +آپدیت

اگه میخواین یه بار برای همیشه از شر گشتن دنبال کد رنگ راحت شید این مطلب رو بخونید
برو به بخش  آپدیت

بزرگ شدن تصویر هنگام رفتن موس

بزرگ شدن تصویر هنگام رفتن موس

img {
    transition: all .4s ease;
}
img:hover {
    transform: scale(1.1);
}

دیدین وقتی رو تصاویر ویمون کلیک مزکنید یا موس رو میبرید روش بزرگ میشه؟

کافیه این کد رو توی css وبتون بزنید تا عکسای شما هم این مدلی بشه