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

کد فونت صمیم

@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;
}

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

یک کد کوتاه که باگ های var برای متغیر رو حل میکنه

var nam = "test"
const name = "test"

به دلیل باگ های var ما زین پس از const استفاده میکنیم

چگونه برای فرم ارسال نظر بکگراند بگذاریم؟

تازگیا داشتم تو وب یادداشت های یک پسر نظر میدادم

که دیدم برای فرم ارسال نظر بکگراند گذاشته

منم گفتم یاد بدم:

کد دکمه ی دانلود

مستفیم سر اصل مطلب:

کد های زیر رو در بخش ویرایش css قالب فعلی بزارید 

.btndl {
    background: #00AF66;
    border: 5px solid #07563E;
    border-radius:20px;
    padding: 4px 16px;
    color: #fff !important;
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    transition: all .4s;
}.btndl:hover {box-shadow: 0 0 10px #00AF66}

بعد به لینکی که می خواهید شبیه دکمه ی دانلود بشه کلاس "btndl" بدید، مثال: 

<a href="#dl" class="btndl">دانلود</a>

نتیجه ی کد بالا :

دانلود

آموزش استفاده از Font Awesome

ابتدا شما باید به سایت "سافت 98" بروید و "Font Awesome" رو دانلود کنید، از فایل فشرده دربیارید و به پوشه ی "FontAwesome.Pro.5.13.0.Web\css" و فایل "all.min.css" رو فضای اختصاصی وبلاگتون جای گذاری گنید .

اگر هم می خواهید به صورت افلاین استفاده کنید فایل "all.min.css" در مکان دلخاه جای گذاری کنید.

خب ،،، یه فایل "html" درست کنید و در تگ "<head>" کد زیر را بزارید.

<link rel="stylesheet" type="text/css" href="Your css file link">

Animate.css

چراق قرمز شد وایسادم!
سفر خوبی بود
توی این دوره ی کرونایی یه دوری زدیم

برای نمایش دکمه ی "F5" رو بزنید یا اگر در گوشی مشاهده می کنید از بالا سمت راست دکه ی فلش دایره ای را انتخاب کنید

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

دکمه های خفن در بوت استرپ (بدون تگ باتن)

دکمه های خفن در بوت استرپ (بدون تگ باتن)

سلاممممم

بازم اومدم با بوت استرپ

(گیر دادم بهش ول نمیکنم خخخخ)

باکس های پیام در بوت استرپ

باکس های پیام در بوت استرپ

یه سری باکس قبلا گذاشته بودیم...حالا مدل جدیدشو با بوت استرپ دادم