/ Background
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 3 از 3

موضوع: Background

  1. #1
    saharh708 آنلاین نیست.
    saharh708
    کاربر سايت
    3نوشته1مورد پسند

    تاریخ عضویت
    Aug 2015
    شماره عضویت
    9455
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    11
    No Set

    Background

    در این بخش از آموزش css به توضیح ویژگی Background میپردازیم. ویژگی Background برای تعریف افکت های پس زمینه برای یک عنصر به کار میرود.این ویژگی در طراحی وب سایت به شکیل تر شدن سایت شما کمک میکند.

    انواع مختلفی از این ویژگی وجود دارد که به شرح هر یک از آنها میپردازیم

    background-color
    background-image
    background-repeat
    background-attachment
    background-position

    background-color : این خاصیت رنگ پس زمینه یک عنصر را مشخص میکند، برای مثال برای تنظیم رنگ پس زمینه بدنه سایت از کد زیر استفاده میکنیم :

    body {background-color:#b0c4de;}

    background-image : با استفاده از این ویژگی تصویر پس زمینه یک عنصر را مشخص میکنیم ،برای مثال برای تنظیم تصویر پس زمینه بدنه سایت از کد زیر استفاده میکنیم :

    body {background-image:url('paper.gif');}



    background-repeat : با استفاده از این ویژگی میتوانیم مشخص کنیم که تصویر چگونه تکرار شود.اگر میخواهیم تصویر ما به صورت افقی تکرار شود زمانی که خود تصویر نیز افقی است (برای جلوگیری از گذاشتن عکس سایز بزرگ که باعش کند شدن بالا آمدن سایت میشود و به هیچ عنوان در طراحی سایت پیشنهاد نمیشود ) :

    body

    {
    background-image:url('gradient2.png');
    background-repeat:repeat-x;
    }

    زمانی که بخواهیم تصویر فقط یک بار و بدون تکرار نمایش داده شود از دستور زیر استفاده میکنیم :

    body
    {
    background-image:url('img_tree.png');
    background-repeat:no-repeat;
    }

    background-attachment : برای اینکه بتوانیم تصویر پس زمینه را ثابت انتخاب کنیم از این ویژگی استفاده میکنیم. مقدار پیش فرض آن scroll میباشد.

    body
    {
    background-image:url('smiley.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    }

    background-position : این خاصیت موقعیت یک عنصر را مشخص میکند، برای مثال برای تنظیم موقعیت تصویر به گوشه سمت راست - بالا از کد زیر استفاده میکنیم :

    body
    {
    background-image:url('img_tree.png');
    background-repeat:no-repeat;
    background-position:top right;

    }

    این سه خط را میتوان به صورت خلاصه تر نوشت :

    body {background:#ffffff url('img_tree.png') no-repeat right top;}

    کاربر زیر پست saharh708 را پسندیده است:



  2. نوين وردپرس تبلیغات شما

  3. #2
    Mehrab JT آنلاین نیست.
    Mehrab JT
    کاربر فعال و مفيد
    1,240نوشته1,400مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1963
    پسندیده است
    2,945 پست
    بلاگ
    4 پست
    میزان امتیاز
    1408
    telegram.me/mehrab_jt
    درود دوست عزیز ممنون بابت کمکی که به دوستان تازه کار میکنید یک درخواست داشتم اگر در سری اموزش هاتون در تاپیک های جدید لینک اموزش های قبلی خودتون رو هم قرار بدید کارایی اموزش هاتون بیشتر خواهد بود مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #3
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    لطفا منبع هم ذکر کنید ، همچنین کد ها را در تگ مناسب قرار دهید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست CodeSaz را پسندیده است:


    Coming Soon New Project ■

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

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

موضوعات مشابه

  1. پاسخ: 9
    آخرين نوشته: 12-07-2014, 07:58 PM
  2. درخواست طراحی آواتار و BackGround
    توسط MILAD UNited در انجمن طرح های گرافیکی ویبولتین
    پاسخ: 4
    آخرين نوشته: 09-17-2014, 10:57 PM
  3. آموزش قرار دادن بی بی کد Css background Image (اختصاصی ویکی وی بی)
    توسط AminX در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 0
    آخرين نوشته: 09-07-2013, 07:21 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک