این منو کاملا با html و css نوشته شده ولی متاسفانه تو بیان بدون خرید امکان جاوا کار نمیکنه
چون از تگ بوتون استفادهع میشه
تا حالا در قالب هایی دیدی که متن سر ریز میکنه و میریزه بیرون، این اتفاق در اثر کلمات بلند یا لینک ها اتفاق میوفته که با کد زیر میشه رفعش کرد.
کافیه این کد رو برای شیء ای که سریز میکنه بزارید تا دیگر سر ریز نشود
Element {
word-wrap: break-word;
}
قالب تنش قالبی زیبا با پس زمینه ای تیره هست . متاسفانه این قالب واکنش گرا نیست ولی به دست ما واکنش گرا شده.
ویژگی ها ی اضافه شده : واکنش گرا در چند قالب / بالا بر نرم بدون جاوا اسکریپت / اضافه شدن فونت وزیر/ عوض شدن هدر / حجم کم و چندین ویژگی جدید.
.
توجه داشته باشید این قالب اگر مشکلی داشته باشه اپدیت میشه
آخرین بروز رسانی: ۱۶ / ۳ / ۱۳۹۹
.
برای مشاهده ی دمو اینجا کلیک کنید
.
قالب ایران قالبی دوستونه زیبا و سایده هست . متاسفانه این قالب در حالب پیش فرض واکنش گرا نیست ولی امروز به دست ما واکنش گرا شده.
آخرین بروز رسانی: ۱۶ / ۳ / ۱۳۹۹
ویزگی های اضافه شده : واکنش گرا بودن ، اضافه شدن فونت وزیر ، اضافه شدن بالابر بدون جاوا اسکریپت و . . .
این قالب مال وب قبلیم بودش ک جمعش کردم
آپدیت در اخر مطلب
طراحان با تجربه، از کاربرد این دستور اطلاع دارند، اما معمولا تازه کارها، از این دستور !important در CSS بی اطلاع هستند و تعجب می کنند. با افزودن دستور !important به انتهای دستور css تان، اولویت دستور مورد نظر را نسبت به دستورات دیگر که با آن در تضاد هستند، افزایش می دهید.
در کد زیر، رنگ زمینه، به دلیل وجود !important آبی خواهد بود (و نه قرمز)
.page {
background-color: blue !important;
background-color: red;
}
کاربرد روش فوق وقتی است که شما یک css rule می نویسید، اما متوجه می شوید که هیچ تاثیری ندارد! دلیل این مسئله احتمالا این است که یک دستور دیگر با اولویت بالاتر وجود دارد که اثر دستور شما را خنثی می کند.
برای این که دستور شما اولویت بالا تری داشته باشد و اثر دستورات دیگر را خنثی کند، می توانید از !important استفاده کنید.
.
.
اپدیت: این دستور وقتی استفاده میشه ک نخوایم ارث بری اتفاق بیفته
+اپدیت رو من (صدرا) نوشتم
سلام دوستان
خیلی از شما تا ب حال اسم کتابخونه یا فریم وورک رو شنیدید
در این قسمت میپردازیم به اینکه اصلا چی هست :)
در این مطلب میخوانید:
فریم ورک یا کتابخانه چیه؟
معرفی کتابخانه ی بوت استرپ در 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>
نتیجه ی کد بالا :
ابتدا شما باید به سایت "سافت 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">
اقای عرفان تقریبا 50 قالب زدن که 80 درصد بیانی ها ازش استفاده میکنن
ولی یه مشکلی داره...اونم اینکه پروفایل پاسخ دهنده به نظر با پروفایل کسی که پست رو گذاشته قاطی میشه
در ادامه مشکل رو حل میکنیمه
سفارشات خود را از بخش سفارشات در منوی بالا دریافت کنید
مطالب پیشنهادی
- آموزش مقدماتی طراحی قالب وبلاگ
- خاندن کد رنگ نوع # (هگز) +آپدیت
- منوی Drop down واکنش گرا
- یه اپلود سنتر خفن با لینک مستقیم کاملا رایگان
- روش استفاده از کلاس در وبلاگ بیان
- بوردر (حاشیه) در css | خط کشی دور عناصر | درخواستی
- ایکون آپارات در FontAwesome
- ابزار جست و جوی گوگل برای وبلاگ (js)
- نرم افزار کد رنگ html
طبقه بندی موضوعی
خلاصه آمار
کلمات کلیدی
قالب واکنش گرا
js
java script
Animate.css
grid در html
grid در css
grid in html
grid in css
grid css
grid
تکنیکcss
جاوااسکریپت
جاوا
css
فونت برای وبلاگ
فونت
font
متغیر ها
روش نوشتن متغیر
روش فراخانی متغیر
جاواسکریپت
java
قالب وبلاگ
قالب بلاگ بیان
html
کتابخانه
فریم ورک
Animate
Font Awesome
دکمه ی دانلود
تبادل لینک