قرار دادن عکس در بک گراند وبلاگ.

شروع موضوع توسط masoudssa ‏15 ژانویه 2010 در انجمن زبان HTML

  1. masoudssa

    masoudssa Member

    ارسال‌ها:
    19
    تشکر شده:
    32
    امتیاز دستاورد:
    13
    سلام. من میخوام یه عکس کوچک در وبلاگم تکرار بشه. یه چیزی مثل بک گراند همین انجمن.
    اگه کسی میتونه منو راهنمایی کنه.
     
    نوشته شده توسط masoudssa در ‏15 ژانویه 2010
  2. Mr.Steres

    Mr.Steres Active Member

    ارسال‌ها:
    1,264
    تشکر شده:
    822
    امتیاز دستاورد:
    36
    توی کد های بلاگت به دنبال تگ <body> بگرد و به صورت زیر تغییرش بده :

    کد (Text):
    <body background="Image URL" >
    بجای image URL ، آدرس عکس رو می ذاری ...
     
    نوشته شده توسط Mr.Steres در ‏15 ژانویه 2010
    aliw111 و echessdesign از این پست تشکر کرده اند.
  3. E-Boy

    E-Boy کاربر فعال انجمن طراحی وب سایت

    ارسال‌ها:
    1,268
    تشکر شده:
    1,566
    امتیاز دستاورد:
    36
    سلام دوست عزیز .
    این کار رو از طریق کد های سی اس اس هم می تونید انجام بدید .
    کد (Text):
    <style type="text/css">
    body {
        background-image: url('Image URL');
        background-repeat: no-repeat OR repeat-x OR repaet-y;
    }
    </style>
     
    باید کد بالا رو بین بخش <head> و <head/> اضافه نمایید .
    در بخش Image URL باید آدرس عکس رو وارد کنید .
    در بخش background-repeat هم می تونید یکی از سه مقدار زیر رو اضافه کنید :

    no-repeat : این مقدار باعث میشه که عکس فقط یک بار نمایش داده بشه .
    repeat-x : این مقدار باعث میشه که عکس به صورت افقی تکرار بشه .
    repeat-y : این مقدار باعث میشه که عکس به صورت عمودی تکرار بشه .

    اگر که سوالی بود بنده در خدمتم .
    موفق باشید .
     
    نوشته شده توسط E-Boy در ‏15 ژانویه 2010
    aliw111 و echessdesign از این پست تشکر کرده اند.
  4. ninjaghaleb

    ninjaghaleb Member

    ارسال‌ها:
    290
    تشکر شده:
    203
    امتیاز دستاورد:
    16
    اگر می خوای عکس بکگراند ثابت باشه از این کد استفاده کن

     
    نوشته شده توسط ninjaghaleb در ‏17 ژانویه 2010
  5. echessdesign

    echessdesign مدیر انجمن طراحی وب

    ارسال‌ها:
    4,374
    تشکر شده:
    3,829
    امتیاز دستاورد:
    113
    درود بر شما
    با سپاس از راهنمایی شما ، اما لطفا کاربران را با کد های از رده خارج شده W3C راهنمایی نفرموده و با معادل CSS ان راهنمایی نمایید.
    HTML:
    <body style="background-attachment:fixed">
     
    نوشته شده توسط echessdesign در ‏18 ژانویه 2010
  6. keyvan4u

    keyvan4u Member

    ارسال‌ها:
    114
    تشکر شده:
    88
    امتیاز دستاورد:
    16
    سلام دوستان
    میدونم که تایپک قدیمی هست اما چون سوالم مربوط میشه از زدن یه تایپک جدید خودداری کردم .

    حالا سوالم :
    من نمیخوام برای بکگراند وبلاگ عکس بذارم فقط میخوام تو یه بلاک(بلوک) وبلاگ عکس بذارم البته پس زمینه ش ها .
     
    نوشته شده توسط keyvan4u در ‏30 مارس 2012
  7. vahidd.com

    vahidd.com Member

    ارسال‌ها:
    249
    تشکر شده:
    211
    امتیاز دستاورد:
    16
    کد قالبتون رو بذارید
     
    نوشته شده توسط vahidd.com در ‏30 مارس 2012
  8. restles20

    restles20 Active Member

    ارسال‌ها:
    241
    تشکر شده:
    95
    امتیاز دستاورد:
    28
    خب دوست عزیز اینکه کاری نداره باید از دستورات Css ای که در پست های قبلی دوستان قرار دادن استفاده کنی
    مثلا شما یه بلوکdiv با کلاس Post داری برای اینکه برای این بلوکت یه عکی بزاری از دستور css زیر باید استفاده کنی :

    HTML:
    <style type="text/css">
      .Post
      {
        background:#000 url('Image URL') no-repeat fixed left top;
      }
    </style>

    <div class="Post">
         ...
         ...
         ...
    </div>
    به همین راحتی
     
    نوشته شده توسط restles20 در ‏31 مارس 2012
  9. masoud8840

    masoud8840 New Member

    ارسال‌ها:
    7
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام من یه مشکل دارم
    مشکلم اینه که قالب وبلاگم به صورت پیش فرض یه بک گراند داره و هر کاری میکنم حذف نمیشه !
    چیکار باید بکنم ؟؟؟
     
    نوشته شده توسط masoud8840 در ‏24 جولای 2017
  10. Graphessional

    Graphessional Active Member

    ارسال‌ها:
    301
    تشکر شده:
    135
    امتیاز دستاورد:
    43
    بگراند بصورت پیشفرض تکرار شونده هست پس شما که با تکرارش موافقی، لازم نیست براش repeat تعریف کنی.
    کد هم خیلی خیلی ساده ست. کافیه بهش یک سی اس اس کوچک مثل زیر نسبت بدی:

    کد (Text):
    background: url('tile.jpg') right top;
    tile.jpg نام فایل تصویری شماست و مسیر اون هم باید با توجه به موقعیت فایل های شما تنظیم بشه ولی همین یک خط پاسخ شماست بهرحال.
    این تصویر در پس زمینه تمام صفحه تکرار می شه.
    اگر هم مایلی که بگراند در زمان اسکرول عمودی ثابت باشه و با بخش محتوای سند اسکرول نخوره می تونی بهش موقعیت ثابت بدی به این صورت:

    کد (Text):
    background: url('tile.jpg') right top; position: fixed;
     
    نوشته شده توسط Graphessional در ‏12 نوامبر 2017

به اشتراک بگذارید