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

فریم ورک چیست؟ ... معرفی سه فریم ورک css ... معرفی فریم ورک جی کوئری در js .... روش ساخت و استفاده ی فریم ورک

سلام دوستان

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

در این قسمت میپردازیم به اینکه اصلا چی هست :)

در این مطلب میخوانید:

فریم ورک یا کتابخانه  چیه؟

معرفی کتابخانه ی بوت استرپ در css

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

معرفی کتابخانه ی انیمیت در css 

معرفی کتابخانه ی جی کوئری

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

چطوری یه کتابخونه بسازیم؟

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

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

کد های زیر رو در بخش ویرایش 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" رو بزنید یا اگر در گوشی مشاهده می کنید از بالا سمت راست دکه ی فلش دایره ای را انتخاب کنید

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

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

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

سلاممممم

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

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

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

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

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

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

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

سلام تو این مطلب یاد میگیرید چطور بالا بر برای وبلاگتون بزارید

برای دیدن کد ها بیاید به ادامه ی مطلب

ساختار یک صفحه html چگگونه است؟؟؟

اینو باید اول میزاشتم...ولی نزاشتم....اشکال نداره...الان گذاشتم

برید ادامه

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

قالب اثبات قالبی ساده در عین حال زیبا هستش ، این قالب سه ستون داره که با تغییر اندازه ی اسکرین به دو و در نهایت ( در حالت گوشی ) به 1 ستون تبدیل میشه

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

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

چند تا تگ بوت استرپ

چند تا تگ بوت استرپ

بسی جذابن این تگ هااااا