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

M

masoudssa

Member
سلام. من میخوام یه عکس کوچک در وبلاگم تکرار بشه. یه چیزی مثل بک گراند همین انجمن.
اگه کسی میتونه منو راهنمایی کنه.
 
Mr.Steres

Mr.Steres

Active Member
توی کد های بلاگت به دنبال تگ <body> بگرد و به صورت زیر تغییرش بده :

کد: 
<body background="Image URL" >

بجای image URL ، آدرس عکس رو می ذاری ...
 
E-Boy

E-Boy

کاربر فعال انجمن طراحی وب سایت
سلام دوست عزیز .
این کار رو از طریق کد های سی اس اس هم می تونید انجام بدید .
کد: 
<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 : این مقدار باعث میشه که عکس به صورت عمودی تکرار بشه .

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

echessdesign

مدیر انجمن طراحی وب
اگر می خوای عکس بکگراند ثابت باشه از این کد استفاده کن

نقل قول:
<body background="آدرس عکس" bgproperties="fixed">
کلیک کنید تا باز شود...
درود بر شما
با سپاس از راهنمایی شما ، اما لطفا کاربران را با کد های از رده خارج شده W3C راهنمایی نفرموده و با معادل CSS ان راهنمایی نمایید.
HTML: 
<body style="background-attachment:fixed">
 
keyvan4u

keyvan4u

Active Member
سلام دوستان
میدونم که تایپک قدیمی هست اما چون سوالم مربوط میشه از زدن یه تایپک جدید خودداری کردم .

حالا سوالم :
من نمیخوام برای بکگراند وبلاگ عکس بذارم فقط میخوام تو یه بلاک(بلوک) وبلاگ عکس بذارم البته پس زمینه ش ها .
 
restles20

restles20

Active Member
keyvan4u گفت:
من نمیخوام برای بکگراند وبلاگ عکس بذارم فقط میخوام تو یه بلاک(بلوک) وبلاگ عکس بذارم البته پس زمینه ش ها .
کلیک کنید تا باز شود...
خب دوست عزیز اینکه کاری نداره باید از دستورات 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>

به همین راحتی
 
M

masoud8840

New Member
سلام من یه مشکل دارم
مشکلم اینه که قالب وبلاگم به صورت پیش فرض یه بک گراند داره و هر کاری میکنم حذف نمیشه !
چیکار باید بکنم ؟؟؟
 
Graphessional

Graphessional

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

کد: 
background: url('tile.jpg') right top;

tile.jpg نام فایل تصویری شماست و مسیر اون هم باید با توجه به موقعیت فایل های شما تنظیم بشه ولی همین یک خط پاسخ شماست بهرحال.
این تصویر در پس زمینه تمام صفحه تکرار می شه.
اگر هم مایلی که بگراند در زمان اسکرول عمودی ثابت باشه و با بخش محتوای سند اسکرول نخوره می تونی بهش موقعیت ثابت بدی به این صورت:

کد: 
background: url('tile.jpg') right top; position: fixed;
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا