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

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

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

چطوره؟

چطوره؟

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

اینو زدم

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

کلیک

کد بروزرسانی فایل های اکسترنال در صفحه ی وب

کد بروزرسانی فایل های اکسترنال در صفحه ی وب

سلام دوستان، شاید برایتان پیش آمده باشه مثلا فایل css را بروز رسانی کنید ولی همچنان فایل قایل قبلی را در صفحه ی وب به شما نمایش دهد. فایل ها در html یه خاصیتی دارن که می شه براش تغریف کرد که نسخه ی چندم هست. 

مثلا من در قایل css خود درج کردم که پس زمینه قرمز باشد، بعد تصمیم بگیرم که پس زمینه را به آبی تغییر بدم، بعد از تغییر هنوز نتیجه ی قبلی رو به من نمایش میده، دلیلش اینه که اون فایل در فضای مرورگر ذخیره شده و مرورگر فایل ذخیره شده را دوباره دانلود نمیکنه. برای همین بعد از لینک فایل باید شماره ی نسخه را بنویسید تا فایل دوباره دانلود شود مثال:

http://s80h.ir/style.css?ver=1.1

کد ?ver=1.1  به مرورگر می گوید که این فایل به نسخه ی 1.1 بروز شده است، پس دوباره ذخیره اش کن

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

خب امیدوارم این آموزش به دردتون خورده باشه نظرات، پیشنهادات و انتقادات خود را در بخش نظرات اعلام نماید

آموزش 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 که میزارمش

طنز برنامه نویسی

طنز برنامه نویسی

استفاده ی متفاوت گیمر و برنامه نویس از کیبورد XD

برید ادامه....

بوردر (حاشیه) در css | خط کشی دور عناصر | درخواستی

بوردر (حاشیه) در css | خط کشی دور عناصر | درخواستی

برای شما هم سوال شده چجوری دور یه عنصر خط بکشیم؟

سوال شده چجوری رنگ،شکل زخامت و... عوض کنیم؟

تو این مطلب جواب سوالتون رو پیدا کنید

BEFORE: و AFTER:

BEFORE: و AFTER:

سلام دوستان

میخوام با یکی از چیزهای جالب css آشناتون کنم

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

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

اول از همه برید به بخش html  قالب

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

از <box:ricent_post> تا <box:ricent_post/> رو کپی کنید

ی همچین کدی دارید (ممکنه چند تا تفاوت داشته باشه)