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

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 4 از 4

مقاله: آموزش قرار دادن بکگراند برای عنوان پست و اطلاعات کاربر

    1. آموزش قرار دادن بکگراند برای عنوان پست و اطلاعات کاربر »

      آموزش قرار دادن بکگراند برای عنوان پست و اطلاعات کاربر

      نگارش: , by (کاربر اخراجی)
      2012/11/18 10:03 PM
      امتیاز: 

      درود
      شات:


      ابتدا دو عکسی رو که پیوست کردم در پوشه images هاست خود آپلود کنید.
      به مسیر زیر بروید:
      ادمین سی پی=====>استایل ها و قالب ها=====>جست و جو در قالب ها=====>postbit.css
      کد زیر را به آخر آن اضافه کنید:
      کد:
      .postbitlegacy .userinfo2 {
          float:{vb:stylevar left};
          position: relative;
          width:{vb:math {vb:stylevar postbitlegacy_userinfo_width}-{vb:math {vb:stylevar 
      padding}*2}}; 
          padding: 2px {vb:stylevar padding} {vb:math {vb:stylevar padding}/2};
          font-size: {vb:stylevar small_fontSize};
          display:block;
             background: url(images/userinfo.png) no-repeat;
             width:175px;
             height:400px;
              _margin-top: -{vb:math {vb:math 16px*{vb:stylevar line_height}} +  {vb:stylevar padding}-{vb:stylevar postbit_border.borderWidth}};
          clear:both;
      }
      .postbitlegacy .userinfo2 .postuseravatar img, .eventbit userinfo .eventuseravatar img {
          border: {vb:stylevar postbitlegacy_avatar_border};
           outline: {vb:stylevar postbitlegacy_avatar_outline};
           max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} -  {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar  postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar 
      
      
      postbitlegacy_avatar_border.borderWidth}*2}};
      }
      .postbitlegacy .userinfo2 a.username, .eventbit .userinfo a.username {
          clear:right;
          font-size:21px;
          font-weight:none;
          width: auto;
          max-width:{vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2} - 20px};
          word-wrap:break-word;
      }
      .postbitlegacy .userinfo2 .postuseravatar, .eventbit .userinfo .eventuseravatar {
          display:block;
          margin:{vb:math {vb:stylevar padding}/3} auto 0;
          text-align:center;
          width: auto;
      }
      .postbitlegacy dl.userinfo_extra2 dt, .postbitlegacy dl.user_rep dt {
          float: {vb:stylevar left};
          text-align: {vb:stylevar left};
          /*color: {vb:stylevar shade_color};*/
          margin-{vb:stylevar right}: {vb:stylevar padding};
          margin-{vb:stylevar left}: 0;
          min-width:60px;
          width:auto !important;
          width:60px;
      }
      ذخیره کنید.
      به مسیر زیر بروید:
      ادمین سی پی=====>استایل ها و قالب ها=====>جست و جو در قالب ها=====>postbit_legacy
      کد زیر را پیدا کنید:
      کد:
      <div class="userinfo">
      جایگزین کنید با:
      کد:
      <vb:if condition="is_member_of($post, 6)"><div class="userinfo2">
      <vb:else />
      <div class="userinfo">
      </vb:if><center>
      کدز یر را پیدا کیند:
      کد:
      <dl class="userinfo_extra">
      جایگزین کیند با:
      کد:
      <vb:if condition="is_member_of($post, 6)"><dl class="userinfo_extra2">
      <vb:else />
      <dl class="userinfo_extra">
      </vb:if><center>
      کد زیر را پیدا کنید:
      کد:
      <h2 class="title icon">
      بعد از کد بالا،کد زیر را اضافه کنید:
      کد:
      <vb:if condition="is_member_of($post, 6)">
      <img src="images/posttitle.png" alt="Admin Image"><br />
      </vb:if>
      کد زیر را پیدا کنید:
      کد:
      <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase  xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar,  {vb:raw post.username}}" />
      بعد از کد بالا،کد زیر را اضافه کنید:
      کد:
      </center>
      کد زیر را پیدا کنید:
      کد:
      <dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>
      بعد از آن کد زیر را اضافه کنید:
      کد:
      </center>
      به جای 6 آی دی گروه کاربری که می خواید وقتی پست میده مثل شات شه رو قرار دهید.
      منبع:وی بی ایران
      موفق باشید.
      تصاویر پیوست شده
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    6 ;)
    نوشته ها
    1,725
    میزان امتیاز
    208

    پیش فرض

    درود

    یه سوال؟

    این فقط برای ادمینه درسته؟ چون عکس مربوط به عنوان نوشته شده admin

    بعد اگه اون عکس مربوط به قسمت پست بیت رو استفاده کنیم پست بیت مانند شات از بین میره؟ یا طوری نمیشه؟

    ممنون

  2. Top | #3
    کاربر اخراجی

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

    پیش فرض

    درود
    این برای ادمین هست.
    شما می تونید یک عکس عمومی درست کنید که برای تمام گروه ها بشه استفاده کرد سپس آی دی گروه های کاربری مورد نظر رو بنویسید.

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


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

    ورژن ویبولتین
    5
    نوشته ها
    1,305
    میزان امتیاز
    139

    پیش فرض

    کاش کمی عکس های اماده برای ادمین درست میکردین و این که این کد فقط پست بیت رو تغییر میده یا کل پست های مدیر.

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

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

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

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

  1. پاسخ: 3
    آخرين نوشته: 2014/10/01, 06:13 PM
  2. آموزش زیبا سازی پست بیت (مخلوطی از چندین پست بیت و تغییرات)
    توسط sorathost در انجمن آموزش های وی بولتین
    پاسخ: 26
    آخرين نوشته: 2013/07/12, 07:18 AM
  3. آموزش قرار دادن ميانگين پست در روز در پست بيت
    توسط Dear-Amir در انجمن پرسش و پاسخ
    پاسخ: 6
    آخرين نوشته: 2012/12/23, 09:19 PM
  4. آموزش قرار دادن جعبه دانلود در پست ها
    توسط Danialskh در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2012/11/29, 03:09 AM
  5. پاسخ: 7
    آخرين نوشته: 2011/10/10, 05:50 PM

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

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

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

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

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