تبلیغات :
آکوستیک ، فوم شانه تخم مرغی، صداگیر ماینر ، یونولیت
دستگاه جوجه کشی حرفه ای
فروش آنلاین لباس کودک
خرید فالوور ایرانی
خرید فالوور اینستاگرام
خرید ممبر تلگرام

[ + افزودن آگهی متنی جدید ]




نمايش نتايج 1 به 4 از 4

نام تاپيک: قراردادن پس زمینه برای تگ body

  1. #1
    داره خودمونی میشه
    تاريخ عضويت
    Mar 2010
    پست ها
    25

    پيش فرض قراردادن پس زمینه برای تگ body

    سلام خدمت دوستان
    من می خوام برای پس زمینه صفحه و یا به طور کل تگ بادی از یک عکس استفاده کنم اما مشکل اینجاست که تمام عکس به صورت کامل قرار نمیگیره و در واقع عکس بزرگ شده و گوشه ای از عکس در پس زمینه قرار گرفته و کل عکس در چارچوب نیست برای نمونه ادرس زیر رو یه نگاه بندازید :
    [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
    کدی که استفاده کردم به شکل زیره :
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {
    background-image: url("ali1.jpg");
    }
    </style>
    </head>
    <body>


    </body>
    </html>
    با تشکر از همه دوستان

  2. #2
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    پيش فرض

    سلام علیکم و رحمـۀ الله : دی

    ببینید مرورگر خودش به طور خودکار وقتی عکسی رو واسه پس زمینه میزاریم تکرارش میکنه و کلا چندتا بلا به صورت دلخواه سرش میاره.
    میدونم چه حالتی رو میگید !

    برای اینکه اندازه عکس دقیقا به اندازه صفحه و یا عنصر مورد نظرمون بشه و در چارچوب قرار بگیره باید کد زیر رو اضافه کنید :
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    واسه دونستن بیشتر :

    برای اینکه عکس تکرار نشه ( یعنی اگه یه عکس گذاشتیم واسه پس زمینه مرورگر 100 تا عکس نشونمون داد : دی) باید کد زیر رو اضافه کنید :
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    برای اینکه عکس به صورت افقی تکرار بشه کد زیر :
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    برای اینکه عکس به صورت عمودی تکرار بشه :
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    برای اینکه تصویر اسکرول نشه و یه جورایی حس کنید دارید توی هوا راه می رید : دی ! باید کد زیر رو اضافه کنید :
    کد:
    برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
    و دیگر هیچ ...

    باتشکر
    Last edited by kian98; 22-06-2015 at 10:35.

  3. #3
    داره خودمونی میشه
    تاريخ عضويت
    Mar 2010
    پست ها
    25

    پيش فرض

    سلام ممنون از راهنماییتون
    ولی من کد background-size:cover رو اضافه کردم و تصویر به نظر عرضی کمی جمعو جور شد ولی بازم کامل تو فریم نیستش بخصوص از نظر طولی یا عمودی

  4. #4
    کاربر فعال انجمن طراحی صفحات وب kian98's Avatar
    تاريخ عضويت
    Jan 2014
    محل سكونت
    در لباس هایم
    پست ها
    1,845

    پيش فرض

    اگه اینطور هم نشد به جای cover بزارید %100

    راستی گفتی فریم؟ خو اگه از فریم استفاده کرده باشی معلومه که تصویر دقیق اندازه نشه. فریم خودش مثل یه صفحه وب جداگونه عمل میکنه.
    اگه بخوای کاری کنی که تصویر کل فریم رو بگیره باید عنصری که توی فریم گذاشتی رو width ـش رو %100 کنی!

Thread Information

Users Browsing this Thread

هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)

User Tag List

قوانين ايجاد تاپيک در انجمن

  • شما نمی توانید تاپیک ایحاد کنید
  • شما نمی توانید پاسخی ارسال کنید
  • شما نمی توانید فایل پیوست کنید
  • شما نمی توانید پاسخ خود را ویرایش کنید
  •