قرار دادن بنر شناور برای حالت موبایل

[boy0311 17]

درود دوستان خسته نباشید

به کد بنر شناور در قسمت فوتر احتیاج دارم که در حالت موبایل فعال بشه ، مثل سایت زومیت و ...

ممنون میشم راهنماییم کنید

[majid1889 733]

چیزی تو سایت زومیت ندیدم

میشه بیشتر توضیح بدید ک چی میخواید دقیق ؟

[boy0311 17]

در 16 دقیقه قبل، majid1889 گفته است :

چیزی تو سایت زومیت ندیدم

میشه بیشتر توضیح بدید ک چی میخواید دقیق ؟

ممنون از توجهتون

با موبایل برید یه بنر تبلیغاتی فعال میشه که تبلیغ تلگرامشون هست

یک بنر افقی شناور که با اسکرول بالا و پایین میشه و فیت مرورگر هست 

[boy0311 17]

البته تو صفحات پست هاشونه 

[majid1889 733]

اها

خوب یه همچین چیزی باس بسازید :

<img class="banner" src="image.png" >

بعد ی همچین استایلی باس بش بدید :

.banner{
  position: fixed;
  display: none;
  bottom: 0px;
  right: 0px;
}
@media only screen and (max-width : 480px) {
  .banner{display: block}
}

 

ویرایش شده دی 95 توسط majid1889

[majid1889 733]

البته اینی که زومیت گذاشته ی عکس نیست

ی متن و ی عکسه ک اگه اونطوری میخواید بگید

[boy0311 17]

در 48 دقیقه قبل، majid1889 گفته است :

البته اینی که زومیت گذاشته ی عکس نیست

ی متن و ی عکسه ک اگه اونطوری 

در 48 دقیقه قبل، majid1889 گفته است :

البته اینی که زومیت گذاشته ی عکس نیست

ی متن و ی عکسه ک اگه اونطوری میخواید بگید

ممنون میشم آقا مجید ، تشکر 

[majid1889 733]

مثلا اینجوری

.banner{
  position: fixed;
  display: none;
  background: #e7e7e7;
  bottom: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
}
.banner img,.banner p {display: inline-block; margin: 0;}
@media only screen and (max-width : 480px) {
  .banner{display: block}
}

<div class="banner">
  <p>متن دلخواه</p>
  <img src="http://forum.wp-parsi.com/uploads/profile/photo-2975.jpg">
</div>

 

[boy0311 17]

ممنونم

الان موبایل رو براش تعریف کردین ؟ اگه 480 بزرگ تر بود چی ، مثل فبلت ها و تبلت ها . 

[majid1889 733]

واسه بزرگتر نمایش داده نمیشه

اون عدد 480 رو به مقدار دلخواه خودتون تغییر بدید

شما خواستید واسه موبایل باشه من 480 رو درنظر گرفتم

[samen 1]

در در 1/1/2017 at 18:39، majid1889 گفته است :

البته اینی که زومیت گذاشته ی عکس نیست

ی متن و ی عکسه ک اگه اونطوری میخواید بگید

سلام

نوشته نیست؛ عکس رو تو فتوشاپ همین طوری طراحی کردند

این کدهایی که فرمودید دقیقا تو کدوم قسمت قرار بدیم؟

مثلا تو style.css و footer.php باید باشه؟

ممنون