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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ساده ترین حالت شب

ساده ترین حالت شب

body {

    background: #FFF;

    filter: invert(1) hue-rotate(210deg);
}

توپ ببالا پایین رونده

توپ ببالا پایین رونده

سلام یک کد js اوردم براتون

خودم ننوشتمش

ولی باحاله

import { BounceBall } from './Ball';
const GRAVITY = 1;
const COLOR = 'deepskyblue'
BounceBall({
  color: COLOR,
  gravity: GRAVITY
});

 

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

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

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

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

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

BEFORE: و AFTER:

BEFORE: و AFTER:

سلام دوستان

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

تغییر بکگراند توسط بازدید کننده با جاوااسکریپت

تغییر بکگراند توسط بازدید کننده با جاوااسکریپت

ی کد کوتاه ولی جذاب

وقتی این کد رو وارد html قالبتو بکنید بازدید کننده میتونه رنگ بکگراند رو تغییر بده

آموزش گذاشتن باکس در وبلاگ

آموزش گذاشتن باکس در وبلاگ

سه تا باکس خفن هست  که می تونید توی وبتون استفاده کنید

باکس سبز-نام کلاس : bxs er

باکس زرد-نام کلاس : bxs ex 

باکس قرمز-نام کلاس : bxs er

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

اموزش در ادامه مطلب 

منوی کشویی با css

منوی کشویی با css

این منو کاملا با html و css نوشته شده ولی متاسفانه تو بیان بدون خرید امکان جاوا کار نمیکنه

چون از تگ بوتون استفادهع میشه