تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 11

مقاله: آموزش گذاشتن برف روی Body_wrapper + پیش نمایش

    1. آموزش گذاشتن برف روی Body_wrapper + پیش نمایش »

      آموزش گذاشتن برف روی Body_wrapper + پیش نمایش

      نگارش: , by (مدیریت کل سایت)
      2012/12/22 01:51 PM
      امتیاز: 

      درود.

      با استفاده از کد های آماده ای که برای شما قرار میدهیم ، می توانید مقداری برف را در سمت راست وسط و سمت چپ قسمت Body_wrapper ( جایی که محتوای اصلی سایت شما آنجاست ) قرار دهید .

      برای انجام این کار به ادمین سی پی --> تنظیمات استایل و قالب --> جستجوی قالب --> additional.css بروید .

      به انتهای آن کد های زیر را اضافه کنید :

      کد:
      .body_wrapper:before {content:"";
      margin-top:-30px;
      position:absolute;
      width:99%;
      height:30px;
      z-index:99999999999;
      margin-right:-20px;
      background: url('http://up.vbiran.ir/images/4ce5lbcuaw9uye3cwunq.png') no-repeat 0% 0%, url('http://up.vbiran.ir/images/x2sdhbisztqw5sicit1f.png') no-repeat 50% 0%, url('http://up.vbiran.ir/images/lhjhgbz4yrs12ke2tnw.png') no-repeat 100% 0%;
      ;}
      نکات قابل توجه :

      1) این کد با استفاده از خاصیت :before و بکگراند چندگانه نوشته شده است و نیازی به تغییرات در قالب ندارد .

      2) ممکن است این کد برای هر قالب متفاوت باشد ! اگر برف ها دقیقاً روی بالای Body_wrapper شما نبود باید margin-top: را در کد های بالا کم یا زیاد کنید .

      اگر مقدار margin-top را منفی تر کنید برف ها به سمت بالاتر رفته و اگر آن را مثبت تر کنید به سمت پایین تر می آیند .

      3) اگر میخواهید به سمت راست تر منتقل شود مقدار margin-right را منفی تر کنید . اگر می خواهید به سمت جپ تر برود مقدار margin-right را مثبت تر کنید .

      نمونه :

      در صورتی که مشکلی داشتید میتوانید در همین تاپیک مطرح کنید ( همراه با تصویر ) .

      منبع : وی بی ایران / منبع ریسورس ها ( تصاویر برف ها ) : XenForo

      موفق باشید .
  1. Top | #2

  2. Top | #3
    کاندیدای مدیریت

    ورژن ویبولتین
    4.1.5
    نوشته ها
    928
    میزان امتیاز
    107

    پیش فرض

    علي جان روي قالب 4.1.5 برفي نيمد و به اين شكل بود

    http://img4up.com/up2/74719210426697602919.jpg

    از سمت راست صفحه هم بيرون زده


    مشكل از چي ميتونه باشه ؟!

    کاربر مقابل از mohammadhadi بابت این پست مفید تشکر کرده است:


  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    4.1.3
    نوشته ها
    734
    میزان امتیاز
    90

    پیش فرض

    نقل قول نوشته اصلی توسط mohammadhadi نمایش پست ها
    علي جان روي قالب 4.1.5 برفي نيمد و به اين شكل بود

    http://img4up.com/up2/74719210426697602919.jpg

    از سمت راست صفحه هم بيرون زده


    مشكل از چي ميتونه باشه ؟!
    الله


    2) ممکن است این کد برای هر قالب متفاوت باشد ! اگر برف ها دقیقاً روی بالای Body_wrapper شما نبود باید margin-top: را در کد های بالا کم یا زیاد کنید .

    اگر مقدار margin-top را منفی تر کنید برف ها به سمت بالاتر رفته و اگر آن را مثبت تر کنید به سمت پایین تر می آیند .

    3) اگر میخواهید به سمت راست تر منتقل شود مقدار margin-right را منفی تر کنید . اگر می خواهید به سمت جپ تر برود مقدار margin-right را مثبت تر کنید .

    3 تشکر توسط:


  4. Top | #5
    کاندیدای مدیریت

    ورژن ویبولتین
    4.1.5
    نوشته ها
    928
    میزان امتیاز
    107

    پیش فرض

    اقا درست شد

    من فكر كردم برف ميباره ولي اين برف ساكن هست


    ممنون علي جان عاليه

    فقط اگه ميشد اون درخت كاج يكم بزرگتر باشه تا به چشم بياد عالي ميشد

  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    5,334
    میزان امتیاز
    645

    پیش فرض

    علی خیلی عالی بود.

    اگه میشه یک آموزش هم بذار که برف بباره.

    کاربر مقابل از Dastyar بابت این پست مفید تشکر کرده است:


  6. Top | #7
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    علی خیلی عالی بود.


    اگه میشه یک آموزش هم بذار که برف بباره.
    حتماً .

    2 تشکر توسط:


  7. Top | #8
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    نقل قول نوشته اصلی توسط princo نمایش پست ها
    الله

    سلام
    ممنون ازین اموزش . جالبه خیلی ...

    اما روی قالب V4 کار نکرد تست کردم .
    کار میکنه ...

    من چک کردم داخل additional.css کد هارو کامل نریخته بودید.

    کاربر مقابل از Leberman بابت این پست مفید تشکر کرده است:


  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4.1.3
    نوشته ها
    734
    میزان امتیاز
    90

    پیش فرض

    نقل قول نوشته اصلی توسط Leberman نمایش پست ها
    کار میکنه ...

    من چک کردم داخل additional.css کد هارو کامل نریخته بودید.
    این کدو از توی additional.css خودم کپی کردم .

    کد:
    .body_wrapper:before {content:""; margin-top:-30px; position:absolute; width:99%; height:30px; z-index:99999999999; margin-right:-20px; background: url('http://up.vbiran.ir/images/4ce5lbcuaw9uye3cwunq.png') no-repeat 0% 0%, url('http://up.vbiran.ir/images/x2sdhbisztqw5sicit1f.png') no-repeat 50% 0%, url('http://up.vbiran.ir/images/lhjhgbz4yrs12ke2tnw.png') no-repeat 100% 0%; ;}
    خو این کم و کسری نداره که

  9. Top | #10
    مدیر ارشد

    ورژن ویبولتین
    All Versions
    نوشته ها
    3,176
    میزان امتیاز
    447

    پیش فرض

    این کدی هست که شما گذاشتید:

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

    کاربر مقابل از Leberman بابت این پست مفید تشکر کرده است:


صفحه 1 از 2 12 آخرینآخرین

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 0
    آخرين نوشته: 2012/10/19, 11:53 AM
  2. پاسخ: 7
    آخرين نوشته: 2012/10/15, 06:43 PM
  3. آموزش نوشتاری نصب وی بی کجا پیدا میشه؟
    توسط sgmy در انجمن پرسش و پاسخ
    پاسخ: 19
    آخرين نوشته: 2012/03/17, 02:52 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/01/28, 12:15 PM
  5. آموزش ایجاد متن چشمک زن روی پیام خصوصی
    توسط Mojtaba_6485 در انجمن هک و آموزش های مخصوص
    پاسخ: 4
    آخرين نوشته: 2011/10/23, 12:34 AM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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