رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

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

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

لینک به ارسال

اها

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

<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}
}

 

ویرایش شده توسط majid1889
لینک به ارسال

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

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

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

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

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

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

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

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

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

لینک به ارسال

مثلا اینجوری :D

.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>

 

لینک به ارسال

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

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

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

لینک به ارسال
  • 1 سال بعد...
در در 1/1/2017 at 18:39، majid1889 گفته است :

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

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

سلام

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

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

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

ممنون

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...