VectonPanypay
صفحه 1 از 7 1234567 آخرینآخرین
نمایش نتایج: از 1 به 10 از 63

مقاله: آموزش ایجد کادر ثبت نام سریع در صفحه اصلی به سبکی جدید |اختصاصی وی بی ایران

    1. آموزش ایجد کادر ثبت نام سریع در صفحه اصلی به سبکی جدید |اختصاصی وی بی ایران »

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

      نگارش: , by (مدیریت ارشد وی بی ایران)
      2013/05/18 11:05 AM
      امتیاز: 

      درود.

      با استفاده از این آموزش میتونید در صفحه اصلی انجمنتون یک کادر زیبا برای ثبت نام سریع کاربران ایجاد کنید.

      نمونه:



      برای اینکار،ابتدا در انتهای قالب additional.css کد های زیر رو اضافه کنید:

      کد:
      .k-d-s {opacity:20;
          background: none repeat scroll 0 0 #dcdcdc;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
      border-right: solid 3px #000000;
      border-left: solid 3px #000000;
          color: #4e4e4e;
          font-size: 12px;
          line-height: 22px;
          padding: 5px 14px;
          text-align: center;
          opacity: 0.9;
      text-shadow: 1px 1px 0px #ffffff;
      transition: all 0.3s;
      -moz-transition: all 0.3s; 
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s; 
      }
      
      
      
      
      .k-d-s:hover {
      opacity:100;
          background: none repeat scroll 0 0 #dcdcdc;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
      border-bottom: solid 3px #000000;
      border-top: solid 3px #000000;
      border-right: solid 0px #000000;
      border-left: solid 0px #000000;
      
      
          color: #4e4e4e;
          font-size: 12px;
          line-height: 22px;
          padding: 5px 14px;
          text-align: center;
          opacity: 0.9;
      text-shadow: 1px 1px 0px #ffffff;
      transition: all 0.3s;
      -moz-transition: all 0.3s; 
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s; 
      }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      .close {
          background: url("http://up.vbiran.ir/uploads/136886045716431_Untitled-2.png") repeat scroll 0 0 transparent;
          float: right;
          height: 22px;
          width: 22px;
      transition: all 1s;
      -moz-transition: all 1s; 
      -webkit-transition: all 1s;
      -o-transition: all 1s; 
      
      
      }
      
      
      .close:hover {
      transition: all 1s;
      -moz-transition: all 1s; 
      -webkit-transition: all 1s;
      -o-transition: all 1s; 
      
      
      
      
          background: url("http://up.vbiran.ir/uploads/136886045716431_Untitled-2.png") repeat scroll 0 0 ;
      transform:
                  rotate(1deg)
                  scale(1, 1);
          float: right;
          height: 22px;
          width: 22px;
        -webkit-transform:
                  rotate(180deg);
              -moz-transform:
                  rotate(180deg);
        -o-transform:
                  rotate(180eg);
      
      
      
      
      
      
      }

      و ذخیره کنید.

      سپس در انتهای قالب header کد های زیر رو ، وارد کنید:



      کد:
      <vb:if condition="$show['guest']"><script type="text/javascript">function closeBox(toClose) {document.getElementById(toClose).style.display = "none";}</script><div id="message-1" class="msgbox" style="display: block;"><div class="k-d-s" style="position:fixed;right:2%;bottom:30%;z-index:1000;">
      <a href="#" class="close" onclick="closeBox('message-1'); return false;" title=""></a>
      درود!
      <br />
      با استفاده از این قسمت به راحتی ثبت نام کنید! <br />
              <form id="registerform" action="register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);" class="vbform block">
              
                      <input class="primary textbox" id="regusername" name="username" maxlength="25" tabindex="1" type="text" onblur="if (this.value == '') this.value = 'نام کاربری';" onfocus="if (this.value == 'نام کاربری') this.value = '';" value="نام کاربری" title="نام کاربری که می خواهید با آن ثبت نام کنید!" />
                      <input class="textbox" name="password" id="password" maxlength="50" tabindex="1" type="password/text" onblur="if (this.value == '') this.value = 'رمز عبور';" onfocus="if (this.value == 'رمز عبور') this.value = '';" value="رمز عبور" title="رمز عبور که با آن وارد انجمن می شوید!!" />
                      <input class="textbox" name="passwordconfirm" id="passwordconfirm" maxlength="50" tabindex="1" type="password/text" onblur="if (this.value == '') this.value = 'تکرار رمز عبور';" onfocus="if (this.value == 'تکرار رمز عبور') this.value = '';" value="تکرار رمز عبور" title="تکرار رمز عبور جهت امنیت بیشتر!!" />
      <br />
                      <input class="textbox" name="email" id="email" maxlength="50"  tabindex="1" type="text" onblur="if (this.value == '') this.value = 'آدرس ایمیل';" onfocus="if (this.value == 'آدرس ایمیل') this.value = '';" value="آدرس ایمیل" title="آدرس ایمیل!" />
                      <input class="textbox" name="emailconfirm" id="emailconfirm" maxlength="50"  tabindex="1" type="text" onblur="if (this.value == '') this.value = 'تکرار آدرس ایمیل';" onfocus="if (this.value == 'تکرار آدرس ایمیل') this.value = '';" value="تکرار آدرس ایمیل" title="تکرار آدرس ایمیل!" />
      <br />
      <label for="cb_rules_agree" class="full"><input type="checkbox" name="agree" id="cb_rules_agree" tabindex="1" value="1" /> <strong> ضمن مطالعه دقیق<a rel="nofollow" href="/misc.php?do=showrules">قوانین و مقررات انجمن</a> با همه ی موارد موافقم</strong></label></form>
      <br />
      <div class="blockfoot actionbuttons">
      
      
      
      
              <div class="group">
                  <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                  <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                  <input type="hidden" name="do" value="addmember" />
                  <input type="hidden" name="url" value="{vb:raw url}" />
                  <input type="hidden" name="password_md5" />
                              <input type="hidden" name="passwordconfirm_md5" />
      <input type="submit" class="button" value="ثبت نام" tabindex="1" accesskey="s" />
      </div></div></div></div></vb:if>




      و ذخیره کنید.

      کادر شما افزوده شد!




      منبع:وی بی ایران!


      موفق باشید.
      ویرایش توسط AmirAshkan : 2013/05/19 در ساعت 11:48 AM
  1. Top | #2
    مدیر بخش

    ورژن ویبولتین
    4.2.2
    نوشته ها
    6,613
    میزان امتیاز
    812

    پیش فرض

    عالیههههههه
    دنبالش بودم

    3 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    40
    میزان امتیاز
    0

    پیش فرض

    من کار های لازمه رو انجام دادم ولی ظاهر مثل شاتی که قرار دادی نمیشه !

    میتونید ببینید توی انجمنم : http://areta.ir

    3 تشکر توسط:


  3. Top | #4
    مدیر بخش

    ورژن ویبولتین
    4.2
    نوشته ها
    4,748
    میزان امتیاز
    623

    پیش فرض

    کد ها رو به درستی قرار دادید ؟

    3 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    40
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط P4NISh3R نمایش پست ها
    کد ها رو به درستی قرار دادید ؟
    بله دقیقا همین کدهارو کپی کردم در انتهای جاهایی که گفتن اضافه کردم بعدشم ذخیره کردم!

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


  5. Top | #6
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    3,836
    میزان امتیاز
    474

    پیش فرض

    بنده مجددا در دو استایل چک کردم،مشکلی ندیدم.

    مجددا انجام بدید.

    3 تشکر توسط:


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

    ورژن ویبولتین
    5
    نوشته ها
    5,335
    میزان امتیاز
    646

    پیش فرض

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

    5 تشکر توسط:


  7. Top | #8
    مدیر بخش

    ورژن ویبولتین
    4.2.2
    نوشته ها
    6,613
    میزان امتیاز
    812

    پیش فرض

    فقط یه سوال لینک قوانین رو چجوری باید وارد کنم؟

    2 تشکر توسط:


  8. Top | #9
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    3,836
    میزان امتیاز
    474

    پیش فرض

    از این کد استفاده کنید:

    کد:
    <vb:if condition="$show['guest']"><script type="text/javascript">function closeBox(toClose) {document.getElementById(toClose).style.display = "none";}</script><div id="message-1" class="msgbox" style="display: block;"><div class="k-d-s" style="position:fixed;right:2%;bottom:30%;z-index:1000;">
    <a href="#" class="close" onclick="closeBox('message-1'); return false;" title=""></a>
    درود!
    <br>
    با استفاده از این قسمت به راحتی ثبت نام کنید! <br />
            <form id="registerform" action="register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);" class="vbform block">
            
                    <input class="primary textbox" id="regusername" name="username" maxlength="25" tabindex="1" type="text" onblur="if (this.value == '') this.value = 'نام کاربری';" onfocus="if (this.value == 'نام کاربری') this.value = '';" value="نام کاربری" title="نام کاربری که می خواهید با آن ثبت نام کنید!">
                    <input class="textbox" name="password" id="password" maxlength="50" tabindex="1" type="password/text" onblur="if (this.value == '') this.value = 'رمز عبور';" onfocus="if (this.value == 'رمز عبور') this.value = '';" value="رمز عبور" title="رمز عبور که با آن وارد انجمن می شوید!!" >
                    <input class="textbox" name="passwordconfirm" id="passwordconfirm" maxlength="50" tabindex="1" type="password/text" onblur="if (this.value == '') this.value = 'تکرار رمز عبور';" onfocus="if (this.value == 'تکرار رمز عبور') this.value = '';" value="تکرار رمز عبور" title="تکرار رمز عبور جهت امنیت بیشتر!!">
    <br>
                    <input class="textbox" name="email" id="email" maxlength="50"  tabindex="1" type="text" onblur="if (this.value == '') this.value = 'آدرس ایمیل';" onfocus="if (this.value == 'آدرس ایمیل') this.value = '';" value="آدرس ایمیل" title="آدرس ایمیل!">
                    <input class="textbox" name="emailconfirm" id="emailconfirm" maxlength="50"  tabindex="1" type="text" onblur="if (this.value == '') this.value = 'تکرار آدرس ایمیل';" onfocus="if (this.value == 'تکرار آدرس ایمیل') this.value = '';" value="تکرار آدرس ایمیل" title="تکرار آدرس ایمیل!">
    <br>
    <label for="cb_rules_agree" class="full"><input type="checkbox" name="agree" id="cb_rules_agree" tabindex="1" value="1" /> <strong> ضمن مطالعه دقیق
    
    
    <a rel="nofollow" /misc.php?do=showrules" href="linke ghavanin">
    قوانین و مقررات انجمن</a>
     با همه ی موارد موافقم</strong></label>
    <br>
    <div class="blockfoot actionbuttons">
    
    
            <div class="group">
                <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
                <input type="hidden" name="do" value="addmember" />
                <input type="hidden" name="url" value="{vb:raw url}" />
                <input type="hidden" name="password_md5" />
                            <input type="hidden" name="passwordconfirm_md5" />
    <input type="submit" class="button" value="ثبت نام" tabindex="1" accesskey="s" />
    </div></div>
    
    
    </form></div>
    </vb:if>
    لینک قوانین انجمن رو به جای linke ghavanin قرار بدید.

    8 تشکر توسط:


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,612
    میزان امتیاز
    173

    پیش فرض

    ممنون ایول خیلی به درد بخوره

    2 تشکر توسط:


صفحه 1 از 7 1234567 آخرینآخرین

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

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

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

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

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. آموزش تغییر favicon (لوگو) در وی بولتین (اختصاصی وی بی ایران)
    توسط Nimaking در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2015/06/27, 05:39 PM
  3. پاسخ: 2
    آخرين نوشته: 2013/05/06, 07:34 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/10/14, 05:49 PM
  5. پاسخ: 0
    آخرين نوشته: 2012/10/13, 10:39 PM

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

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

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

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