ایجاد باکس شناور در گوشه سایت وردپرس بدون افزونه

</p> <p><div class=”fixedbox”> <br /> <div class=”reldiv”> <br /> <h6>آیا به مشاوره نیاز دارید؟</h6> <br /> <p>تماس بگیرید<span class=”number”>0933-399-9033</span>(مشاوره رایگان)</p> <br /> </div> <br /> <div class=”call-telegram”><a href=”https://t.me/iebrahimitelegram” target=”_blank” rel=”nofollow”><i class=”fa fa-paper-plane-o” aria-hidden=”true”></i>ارسال پیام در تلگرام</a></div> <br /> </div></p> <p>

</p> <p>.fixedbox { <br /> font-family: tahoma; <br /> background: #ffffff; <br /> border-radius: 5px; <br /> position: fixed; <br /> right: 10px; <br /> bottom: 10px; <br /> width: 220px; <br /> border: 1px solid #D9DEE1; <br /> z-index: 100; <br /> width:auto; <br /> } <br /> .fixedbox .reldiv { <br /> padding: 20px; <br /> } <br /> .fixedbox .call-telegram { <br /> background: #f6f9fc; <br /> padding: 20px; <br /> text-align: center; <br /> } <br /> .fixedbox .call-telegram a { <br /> background: #0088cc; <br /> padding: 5px 18px; <br /> display: inline-block; <br /> cursor: pointer; <br /> border-radius: 3px; <br /> margin: 0 auto; <br /> color: #ffffff; <br /> font: 300 15px/30px Tahoma; <br /> text-decoration:none; <br /> } <br /> .fixedbox p .number { <br /> color: #f13a56; <br /> font: 500 19px/38px tahoma; <br /> display: block; <br /> } <br /> .fixedbox h6 { <br /> font: 500 12pt/18px tahoma; <br /> border-bottom: 1px solid #D9DEE1; <br /> color: #526066; <br /> padding: 0 0 15px 0; <br /> margin: 0; <br /> text-align: center; <br /> } <br /> .fixedbox p { <br /> color: #333; <br /> font: 500 11pt/18px tahoma; <br /> margin: 20px 0 0px 0; <br /> text-align: center; <br /> }</p> <p>