۳۹ مطلب با موضوع «css» ثبت شده است

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

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

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

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

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

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

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

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

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

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

کد فونت صمیم

@font-face {
    font-family: 'Samim';
    src: url('Samim.eot');
    src: url('Samim.eot?#iefix') format('embedded-opentype'),
         url('Samim.woff2') format('woff2'),
         url('Samim.woff') format('woff'),
         url('Samim.ttf') format('truetype');
    font-weight: normal;
}

روش استفادع:

مانند مطلب قبلی

ب جای vazir بنویسید samim :)))))

کد فونت وزیر برای وبلاگ:

در این مطلب کد فونت وزیر رو براتون اوردم :)

همراه اموزش استفادعه

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

Element {
  word-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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