ایجاد یک پیام شناور در انجمن

شایان آباد · 21 بهمن، ۱۳۹۵

با عرض سلام و احترام

به درخواست یکی از کاربران آموزش ایجاد یک پیام شناور در صفحات انجمن با من همراه هستید.

ابتدا به بخش : شخصی سازی ها ← پوسته ← قالب مورد نظر شما ← مراجعه کنید و روی گزینه ویرایش css و html بزنید.
حال وارد قسمت CSS بشید (قالب ها - CSS) هست.
بعد از ورود به بخش CSS ← فایل custom.css باز کنید. کدهای زیر را قرار بدید :

#stickymsg {
  position: fixed;
  line-height: 1.2;
  z-index: 30000;
  width: auto;
  height: auto;
  background-color: #fff;
  color: #2980b9;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
  padding: 10px;
  font-size: 13px;
  font-family: "Irsans", "Bhoma", Arial, Sans-serif, Tahoma;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}

#stickymsg a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#stickymsg:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  color: #c0392b;
}

#stickymsg:hover a {
  color: #c0392b;
}

روی دکمه ذخیره کلیک و سپس فایل GlobalTemplate باز کنید و بعد از تگ کد :

<head>

کد زیر را اضافه کنید :

<div id="stickymsg"><p>پیام شناور</p></div>

باتشکر از همراهی شما

ویرایش شده شنبه در ۱۷:۱۰ توسط شایان آباد

ورود

ایجاد یک پیام شناور در انجمن

ارسال‌های توصیه شده

شایان آباد 281

لینک ارسال

به اشتراک گذاری در سایت های دیگر

کاربران آنلاین در این صفحه 0 کاربر

صفحه اصلی

بخش دریافت

فعالیت ها

فهرست بخش ها

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