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

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

    1. آموزش قرار دادن مطالب کاربردی و مهم در صفحه ارسال پست

      آموزش قرار دادن مطالب کاربردی و مهم در صفحه ارسال پست

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      سلام
      با یک آموزش بسیار کاربردی در خدمتتون هستم, طبق عکس بالا میتونید با آموزش زیر میتونید کادر مطالب مهم و یا کاربردی رو در صفحه ارسال پست (بالای فیلد عنوان) قرار بدید
      برای انجمن خودم این باکس رو قرار دادن و دیدم بازدهش خیلی بیشتر از قرار دادن در ناوبار هست گفتم آموزشش رو بزارم بقیه هم فیض ببرندمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      یکی از مزایاش این هست که بیشتر مورد توجه کاربرانی قرار میگیره به خصوص برای مطالبی که میخواید قبل از ارسال تاپیک, کاربر اونو کامل مطاله کنه مثلا: قوانین ارسال پست و آموزش ارسال پست و ...

      خب قبل از آموزش شمارو دعوت میکنم تا دمو این کار رو ببینید:

      ::: برای مشاهده دمو کلیک کنید :::

      میرسیم به آموزش:

      جست و جو در قالب > additional.css رو پیدا کنید و انتهاش کد زیر رو قرار بدید:

      کد PHP:
      .mohem-bg{
      background-color#f1f0f0;
      border:2px solid #cfcfcf;
      width500px;
      height120px;
      floatnone;
      }
      .
      bg-icon1{
      background-color#c83333;
      border:3px solid #b02323;
      width50px;
      height112px;
      margin1px 1px 1px 1px;
      floatright;
      }
      .
      icon1{
      backgroundurl('http://upload.wikivb.ir/images/o3umx0hcp3p7b65d4wk2.png');
      width35px;
      height98px;
      margin-top12px;
      floatright;
      }
      .
      bg-text{
      background-color#e2e2e2;
      border:1px solid #d9d9d9;
      width400px;
      height20px;
      floatright;
      margin1px 1px;
      font-familyBYekan;
      font-size14px;
      text-alignright
      }
      .
      bg-text2{
      background-color#eaeaea;
      border:1px solid #d9d9d9;
      width400px;
      height20px;
      floatright;
      margin1px 1px;
      font-familyBYekan;
      font-size14px;
      text-alignright
      }
      .
      bg-text:hover .icon2{
      backgroundurl('http://upload.wikivb.ir/images/9cq55otadr0g3eul2pn.png');
      }
      .
      bg-text:hover{
      background-color#9d9d9d;
      font-familyBYekan;
      font-size14.1px;
      color:#e2e2e2;
      }
      .
      bg-text2:hover .icon2{
      backgroundurl('http://upload.wikivb.ir/images/9cq55otadr0g3eul2pn.png');
      }
      .
      bg-text2:hover{
      background-color#9d9d9d;
      font-familyBYekan;
      font-size14.1px;
      color:#e2e2e2;
      }
      .
      bg-icon2{
      background-color#d9d9d9;
      width21px;
      height20px;
      floatright;
      }
      .
      icon2{
      backgroundurl('http://upload.wikivb.ir/images/lhxw20sirll7czezomk.png');
      width17px;
      height18px;
      floatright;
      margin2px 2px;
      }
      .
      bg-icon3{
      background-color#c83333;
      border:1px solid #b02323;
      width34px;
      height20px;
      floatright;
      margin1px 1px;
      }
      .
      icon3{
      backgroundurl('http://upload.wikivb.ir/images/nwpij5847aph0z45uny.png');
      width32px;
      height17px;
      floatright;
      margin1px 1px;
      }
      .
      icon3:hover{
      backgroundurl('http://upload.wikivb.ir/images/l4zz3447o2p2q6l9e7j9.png');
      width32px;
      height17px;
      }
      .
      icon1:hover {
      backgroundurl('http://upload.wikivb.ir/images/xg0ur8fq5x9r87k3hpqy.png');
      -
      webkit-animation-namehvr-icon-buzz-out;
      animation-namehvr-icon-buzz-out;
      -
      webkit-animation-duration0.75s;
      animation-duration0.75s;
      -
      webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -
      webkit-animation-iteration-count1;
      animation-iteration-count1;
      }
      @-
      webkit-keyframes hvr-icon-buzz-out {
        
      10% {
          -
      webkit-transformtranslateX(3pxrotate(2deg);
          
      transformtranslateX(3pxrotate(2deg);
        }

        
      20% {
          -
      webkit-transformtranslateX(-3pxrotate(-2deg);
          
      transformtranslateX(-3pxrotate(-2deg);
        }

        
      30% {
          -
      webkit-transformtranslateX(3pxrotate(2deg);
          
      transformtranslateX(3pxrotate(2deg);
        }

        
      40% {
          -
      webkit-transformtranslateX(-3pxrotate(-2deg);
          
      transformtranslateX(-3pxrotate(-2deg);
        }

        
      50% {
          -
      webkit-transformtranslateX(2pxrotate(1deg);
          
      transformtranslateX(2pxrotate(1deg);
        }

        
      60% {
          -
      webkit-transformtranslateX(-2pxrotate(-1deg);
          
      transformtranslateX(-2pxrotate(-1deg);
        }

        
      70% {
          -
      webkit-transformtranslateX(2pxrotate(1deg);
          
      transformtranslateX(2pxrotate(1deg);
        }

        
      80% {
          -
      webkit-transformtranslateX(-2pxrotate(-1deg);
          
      transformtranslateX(-2pxrotate(-1deg);
        }

        
      90% {
          -
      webkit-transformtranslateX(1pxrotate(0);
          
      transformtranslateX(1pxrotate(0);
        }

        
      100% {
          -
      webkit-transformtranslateX(-1pxrotate(0);
          
      transformtranslateX(-1pxrotate(0);
        }
      }

      @
      keyframes hvr-icon-buzz-out {
        
      10% {
          -
      webkit-transformtranslateX(3pxrotate(2deg);
          
      transformtranslateX(3pxrotate(2deg);
        }

        
      20% {
          -
      webkit-transformtranslateX(-3pxrotate(-2deg);
          
      transformtranslateX(-3pxrotate(-2deg);
        }

        
      30% {
          -
      webkit-transformtranslateX(3pxrotate(2deg);
          
      transformtranslateX(3pxrotate(2deg);
        }

        
      40% {
          -
      webkit-transformtranslateX(-3pxrotate(-2deg);
          
      transformtranslateX(-3pxrotate(-2deg);
        }

        
      50% {
          -
      webkit-transformtranslateX(2pxrotate(1deg);
          
      transformtranslateX(2pxrotate(1deg);
        }

        
      60% {
          -
      webkit-transformtranslateX(-2pxrotate(-1deg);
          
      transformtranslateX(-2pxrotate(-1deg);
        }

        
      70% {
          -
      webkit-transformtranslateX(2pxrotate(1deg);
          
      transformtranslateX(2pxrotate(1deg);
        }

        
      80% {
          -
      webkit-transformtranslateX(-2pxrotate(-1deg);
          
      transformtranslateX(-2pxrotate(-1deg);
        }

        
      90% {
          -
      webkit-transformtranslateX(1pxrotate(0);
          
      transformtranslateX(1pxrotate(0);
        }

        
      100% {
          -
      webkit-transformtranslateX(-1pxrotate(0);
          
      transformtranslateX(-1pxrotate(0);
        }


      سپس جست و جو در قالب > newthread رو پیدا کنید و دنبال این کد بگردید:

      کد PHP:
      <label for="subject" class="full">{vb:rawphrase title}:</label
      بالاش کد زیر رو قرار بدید:

      کد PHP:
      <div class="mohem-bg">
      <
      div class="bg-icon1">
      <
      div class="icon1">
      </
      div>
      </
      div>


      <
      div class="bg-text">
      <
      div class="bg-icon2">
      <
      div class="icon2">
      </
      div>
      </
      div>
      عنوان پست مهم و یا کاربردی به زودی&nbsp;
      </
      div>
      <
      div class="bg-icon3">
      <
      a href="#" target="_blank" title="ورود به تاپیک" class="icon3"></a>
      </
      div>


      <
      div class="bg-text2">
      <
      div class="bg-icon2">
      <
      div class="icon2">
      </
      div>
      </
      div>
      عنوان پست مهم و یا کاربردی به زودی&nbsp;
      </
      div>
      <
      div class="bg-icon3">
      <
      a href="#" target="_blank" title="ورود به تاپیک" class="icon3"></a>
      </
      div>


      <
      div class="bg-text">
      <
      div class="bg-icon2">
      <
      div class="icon2">
      </
      div>
      </
      div>
      عنوان پست مهم و یا کاربردی به زودی&nbsp;
      </
      div>
      <
      div class="bg-icon3">
      <
      a href="#" target="_blank" title="ورود به تاپیک" class="icon3"></a>
      </
      div>


      <
      div class="bg-text2">
      <
      div class="bg-icon2">
      <
      div class="icon2">
      </
      div>
      </
      div>
      عنوان پست مهم و یا کاربردی به زودی&nbsp;
      </
      div>
      <
      div class="bg-icon3">
      <
      a href="#" target="_blank" title="ورود به تاپیک" class="icon3"></a>
      </
      div>

      <
      div class="bg-text">
      <
      div class="bg-icon2">
      <
      div class="icon2">
      </
      div>
      </
      div>
      عنوان پست مهم و یا کاربردی به زودی&nbsp;
      </
      div>
      <
      div class="bg-icon3">
      <
      a href="#" target="_blank" title="ورود به تاپیک" class="icon3"></a>
      </
      div>

      </
      div

      تمام! امیدوارم این آموزش به دردتون خورده باشهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط Ali.shafaey : 02-21-2015 در ساعت 10:30 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      13 نفر از اعضا پست Ali.shafaey را پسندیده اند


  1. #21
    mahmood.0131 آنلاین نیست.
    mahmood.0131
    کاربر سايت
    292نوشته35مورد پسند

    تاریخ عضویت
    Nov 2013
    شماره عضویت
    3413
    پسندیده است
    226 پست
    بلاگ
    1 پست
    میزان امتیاز
    45
    No Set
    عزیز واقعا دستت درد نکنه خیلی عالی شده خداییی واقعا ممنونم ازت... کاره خیلی قشنگی شدش خدایییی...

    فقط این عکس رو ببین این مشکلمه

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

    چون یکم کادر بندی هاش پسبیده ب خظر ادیتور میخوام یکم گوشه سمت چپش رو کم کنم کادر بندیشو و بالا پاینشو... کدشو نمیدونم کجاست و چی رو باید دستکاری کنم اوکی....

    اینم محبت کنید بهم بگید ممنون میشم...


  2. #22
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    مدير ارشد
    6,447نوشته8,337مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,638 پست
    بلاگ
    0 پست
    میزان امتیاز
    8343
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط mahmood.0131 نمایش پست ها
    عزیز واقعا دستت درد نکنه خیلی عالی شده خداییی واقعا ممنونم ازت... کاره خیلی قشنگی شدش خدایییی...

    فقط این عکس رو ببین این مشکلمه

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

    چون یکم کادر بندی هاش پسبیده ب خظر ادیتور میخوام یکم گوشه سمت چپش رو کم کنم کادر بندیشو و بالا پاینشو... کدشو نمیدونم کجاست و چی رو باید دستکاری کنم اوکی....

    اینم محبت کنید بهم بگید ممنون میشم...
    خواهش میکنم عزیز
    این کد:
    کد PHP:
    .mohem-bg{
    background-color#f1f0f0;
    border:2px solid #cfcfcf;
    width500px;
    height120px;
    floatnone;

    بخش لبه اش میشه این:
    کد PHP:
    border:2px solid #cfcfcf; 
    شما 2 رو کنید 1 و کد رنگ مورد نظر هم اینه:
    کد PHP:
    #cfcfcf 
    به دلخواه تغییر بدید

    کاربر زیر پست Ali.shafaey را پسندیده است:


    ویرایش توسط Ali.shafaey : 02-27-2015 در ساعت 02:45 AM
    King-Design.iR♛
    Design Web And Graphic

    Portable
    Clients

    ticket


  3. #23
    mahmood.0131 آنلاین نیست.
    mahmood.0131
    کاربر سايت
    292نوشته35مورد پسند

    تاریخ عضویت
    Nov 2013
    شماره عضویت
    3413
    پسندیده است
    226 پست
    بلاگ
    1 پست
    میزان امتیاز
    45
    No Set
    سلام این قسمت ها رو قبلا دستکار کردم چون پیدا نکرده بودم گفتم باید یک کدی چیزی براش نوشته بشه؟ برای مثال این عکس روببینید


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


    ببین میخوام کلا بیارش یکم سمت چپ ولی نمیشه؟

    مثلا اگه کدشو یکم دستکاری کنم بیارش پایین میادش ولی رنگ و کادربندی پست زمینه اش هم باهاش میادش پایین؟ از بالا هم نمیتونم بیارمش پایین چون کدی نیستش براش؟


    اون کادربندی که علامت گذاشتم میخوام بهمون سایز درش بیارم ولی نمیشه؟

    یوزر تست

    نام کاربری: تست
    پسورد: 1
    ویرایش توسط mahmood.0131 : 02-27-2015 در ساعت 06:43 PM دلیل: یوزر تست


  4. #24
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    مدير ارشد
    6,447نوشته8,337مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,638 پست
    بلاگ
    0 پست
    میزان امتیاز
    8343
    مسئول 7 ستاره
    king-design.ir
    خدمت شمامرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کد:
    .mohem-bg {
        background-color: #F1F0F0;
        border: 1px solid #8CCAFF;
        width: 500px;
        height: 120px;
        float: right;
        margin: 15px 400px 5px;
    }

    کاربر زیر پست Ali.shafaey را پسندیده است:


    King-Design.iR♛
    Design Web And Graphic

    Portable
    Clients

    ticket


  5. #25
    mahmood.0131 آنلاین نیست.
    mahmood.0131
    کاربر سايت
    292نوشته35مورد پسند

    تاریخ عضویت
    Nov 2013
    شماره عضویت
    3413
    پسندیده است
    226 پست
    بلاگ
    1 پست
    میزان امتیاز
    45
    No Set
    نقل قول نوشته اصلی توسط Tired Tiger نمایش پست ها
    خدمت شمامرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کد:
    .mohem-bg {
        background-color: #F1F0F0;
        border: 1px solid #8CCAFF;
        width: 500px;
        height: 120px;
        float: right;
        margin: 15px 400px 5px;
    }
    سلام... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

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

    بخاطره همه چیز ازت ممنونم خیلی آقاییی به مولا....مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    دمتگرم....مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

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


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

    2 نفر از اعضا پست mahmood.0131 را پسندیده اند




صفحه 3 از 3 نخستنخست 123

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

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

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

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

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

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