مشکل سر ریز شدن متن

تا حالا در قالب هایی دیدی که متن سر ریز میکنه و میریزه بیرون، این اتفاق در اثر کلمات بلند یا لینک ها اتفاق میوفته که با کد زیر میشه رفعش کرد.
کافیه این کد رو برای شیء ای که سریز میکنه بزارید تا دیگر سر ریز نشود

Element {
  word-wrap: break-word;
}

نسخه ی دوستونه ی قالب ستون (واکنش گرا)

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

برای مشاهده ی پیشنمایش زنده اینجا کلیک کنید

همانطور که دیدید این قالب در عین سادگی و استفاده از چند رنگ ساده بسیار زیبا هست.

ویزگی های این قالب: سرعت لود عالی، واکنش گرا، دارای بالابر نرم، فونت یکان، رنگ بندی آرامش بخش، استقاده از ایکون های زیبا و چندین ویژگی دیگر

کار های این قالب تموم شده، من خدایی واسه این قالب زحمت کشیدم بیشتر ریزه کاری ها شو انجام دادم ولی چیزی نمی خوام جز این که این قالب رو منتشر کنید و لینک لینک این صفحه رو قرار در وبلاگتون قرار بدید.

لینک دانلود به دستور کارگروه مصادقین مجرمانه حذف گردید

شوخی کردم

استفاده کردی نظر بزار

برای دانلود اینجا کلیک کنید

دانلود قالب واکنش گرا شده ی تنش

قالب تنش قالبی زیبا با پس زمینه ای تیره هست . متاسفانه این قالب واکنش گرا نیست ولی به دست ما واکنش گرا شده.

ویژگی ها ی اضافه شده : واکنش گرا در چند قالب / بالا بر نرم بدون جاوا اسکریپت / اضافه شدن فونت وزیر/ عوض شدن هدر / حجم کم و چندین ویژگی جدید.

توجه داشته باشید این قالب اگر مشکلی داشته باشه اپدیت میشه

آخرین بروز رسانی: ۱۶ / ۳ / ۱۳۹۹

برای مشاهده ی دمو اینجا کلیک کنید

برای دانلود قالب اینجا کلیک کنید

دانلود قالب واکنش گرا شده ی ایران

قالب ایران قالبی دوستونه زیبا و سایده هست . متاسفانه این قالب در حالب پیش فرض واکنش گرا نیست ولی امروز به دست ما واکنش گرا شده.

آخرین بروز رسانی: ۱۶ / ۳ / ۱۳۹۹

پیش نمایش در حالب دسکتاپ

پیش نمایش در حالب مبایل

ویزگی های اضافه شده : واکنش گرا بودن ، اضافه شدن فونت وزیر ، اضافه شدن بالابر بدون جاوا اسکریپت و . . .

دانلود قالب اسمارتاف

قالب اسمارتاف قالب وبلاگ قبلی من هست که میتونید دموی اون رو در لینک زیر ببینید.

ویزگی های قالب: واکنش گرا نسبت به اندازه ی صفحه، بالابر نرم، بهینه شده، دارای فونت وزیر، و . . .

آخرین بروز رسانی: ۱۶ / ۳ / ۱۳۹۹

مشاهده دمو

برای دانلود قالب اسمارتاف اینجا کلیک کنید

در صورت مشاهده هرگونه باگ اطلاع رسانی کنید تا رفع شود

آموزش عبارات با قاعده

دانلود pdf آموزش عبارات با قاعده در java script

منبع pdf: روکسو

دانلود قالب sadradl ؛ دانلود بازی و برنامه

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

تغییر رنگ آدرس بار در اندروید

برای تغییر رنگ ادرس بار شما در تگ <head> متا تگ زیر را قرار دهید:

<meta name="theme-color" content="#yor_favorite_color">

فقط بجای #yor_desired_color رنگ مورد نظرتون رو وارد کنید مثال:

<meta name="theme-color" content="#FF3600">

نتیجه: می شود

اسکریپت لینک کوتاه

سلام اول از همه وارد این ادرس بشید. s80h.ir/bf.html
لینک بالا لینک کوتاه blogfont.blog.ir هست.
ساخت این لینک کوتاه خیلی ساده هست. به کد زیر نگاه کنید

<script>
	var gotourl = window.open('http://blogfont.blog.ir',"_self");
</script>

کلا یه خط جاوا اسکریپت هست، ولی جز لینک کوتاه کار دیگه مثل شمارش و از اینجور چیزا نمیکنه.

اگر می خواهید بعد جند سانیه این کار رو بکنه باید کد زیر رو وارد کنید

<script>
	var go = setTimeout(function(){link()} , 2000);
	function link(){
		var gotourl = window.open('http://blogfont.blog.ir',"_self");
	}
</script>

برای تغییر زمان لینک کوتاه مقدار "2000" رو به عدد دلخواه تغییر دهید. (عدد مورد نظر حتما باید به میلی سانیه باشه)

استفاده از دستور !important +آپدیت

آپدیت در اخر مطلب

طراحان با تجربه، از کاربرد این دستور اطلاع دارند، اما معمولا تازه کارها، از این دستور !important در CSS بی اطلاع هستند و تعجب می کنند. با افزودن دستور !important به انتهای دستور css تان، اولویت دستور مورد نظر را نسبت به دستورات دیگر که با آن در تضاد هستند، افزایش می دهید.
در کد زیر، رنگ زمینه، به دلیل وجود !important آبی خواهد بود (و نه قرمز)

.page {
  background-color: blue !important;
  background-color: red;
}

کاربرد روش فوق وقتی است که شما یک css rule می نویسید، اما متوجه می شوید که هیچ تاثیری ندارد! دلیل این مسئله احتمالا این است که یک دستور دیگر با اولویت بالاتر وجود دارد که اثر دستور شما را خنثی می کند.
برای این که دستور شما اولویت بالا تری داشته باشد و اثر دستورات دیگر را خنثی کند، می توانید از !important استفاده کنید.

اپدیت: این دستور وقتی استفاده میشه ک نخوایم ارث بری اتفاق بیفته

+اپدیت رو من (صدرا) نوشتم