# تنظیم تصویر شناور برای به صورت ثابت در تمام صفحات وب سایت

**URL:** <https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691>\
**Category:** وردپرس\
**Tags:** وردپرس, سی-پنل, افزونه\
**Created:** [اوت 10، 2020، 2:44ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691 "2020-08-10T14:44:16Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![max1music](https://forums.7ho.st/user_avatar/forums.7ho.st/max1music/32/3597_2.png) [@max1music](https://forums.7ho.st/u/max1music)\
**Post date:** [اوت 10، 2020، 2:44ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/1 "2020-08-10T14:44:16Z")

</div>

سلام دوستان چطور میتونم صفحه مشابه به تصویر زیر برای وب سایت ایجاد کنم که یک تصویر به صورت اسکرول قرار بدم و امکان حذف این تصویر برای کاربران امکان داشته باشه؟

 ![annotation-2020-08-05-184917_cafz99](https://forums.7ho.st/uploads/default/original/2X/2/2d89178fbbc6721fded68693f7978c4b6af6f894.png)

مچکرم از شما عزیزان @Angel @arash @arta @Hosein @Meysam_Kiani

---

<div class="post-metadata">

**Author:** ![Angel](https://forums.7ho.st/user_avatar/forums.7ho.st/angel/32/4663_2.png) [@Angel](https://forums.7ho.st/u/Angel)\
**Post date:** [اوت 10، 2020، 3:16ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/2 "2020-08-10T15:16:20Z")

</div>

سلام ، این دوتا افزنه برای وردپرس هست من خودم اعلان ترافیک نیم بها رو با این افزونه ها داشتم و خوب بودن  
[https://wordpress.org/plugins/wp-cta-top-bar/](https://wordpress.org/plugins/wp-cta-top-bar/)  
[https://wordpress.org/plugins/top-bar/](https://wordpress.org/plugins/top-bar/)

---

<div class="post-metadata">

**Author:** ![max1music](https://forums.7ho.st/user_avatar/forums.7ho.st/max1music/32/3597_2.png) [@max1music](https://forums.7ho.st/u/max1music)\
**Post date:** [اوت 10، 2020، 3:32ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/3 "2020-08-10T15:32:01Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Angel](https://forums.7ho.st/user_avatar/forums.7ho.st/angel/32/4663_2.png) [@Angel](https://forums.7ho.st/u/Angel)\
**Post date:** [اوت 10، 2020، 3:35ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/4 "2020-08-10T15:35:01Z")

</div>

خواهش میکنم علی جان  
راستش عکس رو تست نزدم ، متن رو تست کردم دکمه لینک دار و … هم میشه اینارو میدونم FontAwosame و… اینارم میدونم میشه اما خود تصویر و مطمئن نیستم ی تست بزنید احتمال داره بشه

---

<div class="post-metadata">

**Author:** ![max1music](https://forums.7ho.st/user_avatar/forums.7ho.st/max1music/32/3597_2.png) [@max1music](https://forums.7ho.st/u/max1music)\
**Post date:** [اوت 11، 2020، 4:09ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/5 "2020-08-11T16:09:33Z")

</div>

افزونه های خوبی بودن ولی برای تصویر حالت بدی داشتن و قابلیت ضربدر هم نداشت برای اینکه کاربر دچار مشکل نشه به هر حال مچکرم از معرفی تون 🙏 🙏

---

<div class="post-metadata">

**Author:** ![Angel](https://forums.7ho.st/user_avatar/forums.7ho.st/angel/32/4663_2.png) [@Angel](https://forums.7ho.st/u/Angel)\
**Post date:** [اوت 11، 2020، 4:13ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/6 "2020-08-11T16:13:49Z")

</div>

خواهش میکنم اما اولی ک دادم این قابلیت رو داره فکر میکنم

 ![image](https://forums.7ho.st/uploads/default/original/2X/f/f193a20718edd9af933f6c86db771a8628bf5b27.jpeg)

---

<div class="post-metadata">

**Author:** ![max1music](https://forums.7ho.st/user_avatar/forums.7ho.st/max1music/32/3597_2.png) [@max1music](https://forums.7ho.st/u/max1music)\
**Post date:** [اوت 11، 2020، 4:14ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/7 "2020-08-11T16:14:59Z")

</div>

اره ولی حیف که نمیشه اسکرول کرد و اوردن تصویر پاین صفحه!

---

<div class="post-metadata">

**Author:** ![Angel](https://forums.7ho.st/user_avatar/forums.7ho.st/angel/32/4663_2.png) [@Angel](https://forums.7ho.st/u/Angel)\
**Post date:** [اوت 11، 2020، 4:24ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/8 "2020-08-11T16:24:58Z")

</div>

پس ببین با کد در بیارش من این یه نمونه کد هست میزارم برات خودت چیزایی ک میخوای اضافه کن و بزار داخل فوتر آخر کد های فوتر قبل از بسته شدن تگ body

> `> <div style="z-index:99999999999999999999999999;background:#2ea5dd;color:#fff;text-align:center;width:100%;position:fixed;bottom:0px;"><a style="font-size:14px;padding:0px 0px;width:100%;display:block;color:#fff;font-weight:bold;" href="https://forums.7ho.st/" target="_blank" rel="nofollow">برای ورود به انجمن بزرگ سون هاست کلیک کنید</a></div>`

---

<div class="post-metadata">

**Author:** ![max1music](https://forums.7ho.st/user_avatar/forums.7ho.st/max1music/32/3597_2.png) [@max1music](https://forums.7ho.st/u/max1music)\
**Post date:** [اوت 11، 2020، 4:47ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/9 "2020-08-11T16:47:09Z")

</div>

خیلی ممنون ازت الان دارم از همین کد استفاده میکنم با تصویر فقط ی مشکل ریز داره اینکه امکان ضربدر نداره که کاربر اینا حذف کنه راهی هست برای چنین کاری؟

---

<div class="post-metadata">

**Author:** ![Meysam\_Kiani](https://forums.7ho.st/user_avatar/forums.7ho.st/meysam_kiani/32/2273_2.png) [@Meysam\_Kiani](https://forums.7ho.st/u/Meysam_Kiani)\
**Post date:** [اوت 12، 2020، 8:44ق.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/10 "2020-08-12T08:44:00Z")

</div>

سلام خوب هستید این کدهایی که تقدیمتون میکنم رو ازشون استفاده کنید. نکته اول باید بخش html رو درست کنید نکته دوم هم باید بخش css :  
**بخش HTML :**

```
<div class="fixedbox">
    <div class="reldiv">
        <h6>آیا به مشاوره نیاز دارید؟</h6>
  </div>

```

**نکته : میتونید اینجا عکس قرار بدید یا اینکه متن یا هرچیزی که دوست دارید.**

بخش CSS :

```
.fixedbox {
    font-family: tahoma;
    background: #ffffff;
    border-radius: 5px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 100%;
    border: 1px solid #D9DEE1;
    z-index: 100;
    text-align: center;
}
.fixedbox .reldiv {
    padding: 20px;
}

.fixedbox h6 {
    font: 500 12pt/18px tahoma;
    border-bottom: 1px solid #D9DEE1;
    color: #526066;
    padding: 0 0 15px 0;
    margin: 0;
    text-align: center;
}
.fixedbox p {
    color: #333;
    font: 500 11pt/18px tahoma;
    margin: 20px 0 0px 0;
    text-align: center;
}

```

خب تا به اینجا ما یه همچین چیزی پایین صفحه اضافه کردیم :  
 ![Capture](https://forums.7ho.st/uploads/default/original/2X/b/b1b77a741b0d4e97bdc99c893c01ef5e77c60008.png)

بخش مورد نظر شما که میخوایین گزینه حذف رو هم داشته باشه باید. این بخش رو باید بعد از بخش html وارد کنید :

```
function hide() {
document.getElementById("imgbox2").style.visibility = "hidden";
}

```

**کد نهایی به این صورت هست.**  
کد HTML : (میتوانید در بخش هدر یا فوتر سایت قرار بدید)

```
<div class="fixedbox" id="imgbox2">
  <button onclick="hide()" style="float: left; ">Close</button>
  <div> </div>
    <div class="reldiv">
        <h6>آیا به مشاوره نیاز دارید؟</h6> 
  </div>
  <script> 
  function hide() {
    document.getElementById("imgbox2").style.visibility = "hidden";
}
</script>

```

**کد CSS**

```
.fixedbox {
    font-family: tahoma;
    background: #ffffff;
    border-radius: 5px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 100%;
    border: 1px solid #D9DEE1;
    z-index: 100;
    text-align: center;
}
.fixedbox .reldiv {
    padding: 20px;
}

.fixedbox h6 {
    font: 500 12pt/18px tahoma;
    border-bottom: 1px solid #D9DEE1;
    color: #526066;
    padding: 0 0 15px 0;
    margin: 0;
    text-align: center;
}
.fixedbox p {
    color: #333;
    font: 500 11pt/18px tahoma;
    margin: 20px 0 0px 0;
    text-align: center;
}

.imgbox {
 text-align: left;
 width: 200px;
 border: 2px solid #607D8B;
 margin: 5px;
 padding: 6px;
 height:80px;
 overflow:hidden;
}

```

موفق باشید

---

<div class="post-metadata">

**Author:** ![max1music](https://forums.7ho.st/user_avatar/forums.7ho.st/max1music/32/3597_2.png) [@max1music](https://forums.7ho.st/u/max1music)\
**Post date:** [اوت 12، 2020، 3:48ب.ظ UTC](https://forums.7ho.st/t/%D8%AA%D9%86%D8%B8%DB%8C%D9%85-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1-%D8%B4%D9%86%D8%A7%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AB%D8%A7%D8%A8%D8%AA-%D8%AF%D8%B1-%D8%AA%D9%85%D8%A7%D9%85-%D8%B5%D9%81%D8%AD%D8%A7%D8%AA-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA/4691/11 "2020-08-12T15:48:43Z")

</div>

سلام میثم جان خلیلی ممنون که وقت گذاشتد و بنده را راهنمایی کردید خیلی ممنونم ازت 🙏 👍