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

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

مقاله: آموزش ایجاد باکس لاگین زیبا به سبک استایل VBIran Dous (مناسب طراحان استایل)

    1. آموزش ایجاد باکس لاگین زیبا به سبک استایل VBIran Dous (مناسب طراحان استایل) »

      آموزش ایجاد باکس لاگین زیبا به سبک استایل VBIran Dous (مناسب طراحان استایل)

      نگارش: , by (مدیر بخش)
      2014/05/15 11:21 PM
      امتیاز: 

      درود

      حتما استایل VBIran Dous رو قبلا دیدید اگر ندید به تاپیک زیر مراجعه کنید و باکس لاگین رو ببینید

      دانلود استایل زیبا و متفاوت VBIran Dous

      خب میریم سراغ آموزش

      ابتدا فایل های پیوست رو در روت هاست آپلود و از فشرده خارج کنید

      سپس به قالب headinclude_bottom رفته و کد زیر رو به انتهای قالب اضافه کنید :

      کد:
      <script src="http://www.vbiran.ir/images/vbiran_loginbox/jquery.min.js"></script>
      <script src="http://www.vbiran.ir/images/vbiran_loginbox/jquery.bpopup.min.js"></script>
      <script>
          ;(function($) {
              $(function() {
                  $('#loginbutton').bind('click', function(e) {
                      e.preventDefault();
              $('#popup').bPopup({
                  speed: 800,
              });
                  });
              });
          })(jQuery);
      </script>
      سپس به قالب header برید و به دنبال عبارت زیر باشید :

      کد:
      <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
              <vb:else />
      بعد از آن اضافه کنید :

      کد:
      <button id="loginbutton">ورود یا ثبت نام؟</button>
      <div id="popup">
      <div class="text-login">ورود</div>
      <div class="text-register"> <h2 style="position:relative;top:-2px;">ثبت نام </h2> <br> <p>  با ثبت نام در انجمن وی وبی ایران میتوانید از همه امکانات انجمن به صورت رایگان استفاده کنید  </p> <a class="register-fast" href="register.php" title="ثبت نام کنید"> ثبت نام کنید </a> <a rel="nofollow" class="ghanon" href="#" title="قوانین انجمن"> قوانین انجمن </a> <a class="forget-user" href="./sendmessage.php" title="فراموشي رمز عبور"> فراموشي رمز عبور </a> </div>
          <a class="b-close"><img src="http://up.vbiran.ir/uploads/7745140017992733595_close.png" width="26px" height="26px" alt="بستن" /><a/>
      سپس کد زیر رو در قالب header حذف کنید :

      کد:
                  <vb:if condition="$show['registerbutton']">
                      <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
                  </vb:if>
                      <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
                      <li>
      سپس به در همان قالب header به دنبال عبارت زیر باشید :

      کد:
      <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
      حالا جایگزین کنید با :

      کد:
      <div id="remember" class="remember"> <label for="cb_cookieuser_navbar"><input name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" type="checkbox">کلمه عبور را ذخیره کن </label> </div>
      حالا به قالب additional.css برید و انتهای آن اضافه کنید :

      کد:
      #loginbutton {
      margin-top: 5px;
      border: none;
      cursor: pointer;
      padding: 0px 10px 7px 10px;
          color: #fff;
          transition: all 0.3s ease 0s;
          font-family: 'yekan';
          border: 2px solid rgba(250, 250, 250, 0.5);
          background: none repeat scroll 0% 0% #2c3e50;
          margin: -1px 60px 0px 0px;
      }
      .loginrighticon {
      height: 37px;
      width: 37px;
      position: absolute;
      right: 15px;
      margin-top: 324px;
      cursor: none;
      }
      #popup { 
          background: url('http://up.vbiran.ir/uploads/4209139963471139324_noise_pattern_with_crosslines.png');
          color: #000;
          padding: 20px;
          position: relative;
          display: none;
          z-index: 99999999;
          width: 450px;
          height: 220px;
          border: 3px solid rgba(250, 250, 250, 0.3);
          border-radius: 3px;
      }
      .b-close {
          background: none repeat scroll 0% 0% rgba(250, 250, 250, 0.2);
          cursor:pointer;
          position:absolute;
          left:7px;
          top: 8px;
          border-radius: 2px;
      }
      
      .text-login {
          font-family: yekan;
          font-size: 16px;
          color: #333;
          width: 190px;
          text-align: center;
          border-bottom: 3px solid #777;
          padding-bottom: 5px;
      }
      .text-register {
          float: left;
          width: 220px;
          height: 200px;
          border-right: 2px solid #777;
          padding-right: 14px;
      }
      .text-register h2 {
          font-family: yekan;
          font-size: 16px;
          color: #333;
          width: 180px;
          text-align: center;
          border-bottom: 3px solid #777;
          padding-bottom: 5px;
          margin: -25px 10px;
      }
      .text-register p {
          font-family: yekan;
          font-size: 14px;
          color: #777;
          text-align: center;
          margin-top: 25px;
      }
      
      .register-fast {
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          background: none repeat scroll 0% 0% #DBDBDB;
          height: 25px;
          width: 110px;
          font-family: yekan;
          font-size: 15px;
          color: #777;
          display: table;
          text-align: center;
          margin: 10px auto;
          padding-top: 3px;
      }
      .forget-user {
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          background: none repeat scroll 0% 0% #DBDBDB;
          height: 25px;
          width: 130px;
          font-family: yekan;
          font-size: 15px;
          color: #777;
          display: table;
          text-align: center;
          margin: 10px auto;
          padding-top: 3px;
          position: relative;
          right: 10px;
      }
      
      .ghanon {
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          background: none repeat scroll 0% 0% #DBDBDB;
          height: 25px;
          width: 100px;
          font-family: yekan;
          font-size: 15px;
          color: #777;
          display: table;
          text-align: center;
          margin: 10px auto;
          padding-top: 3px;
          position: relative;
          right: -5px;
      }
      #navbar_username {
          color: #777;
          padding: 2px 10px;
          width: 160px;
          transition: all 0.3s ease 0s;
          font-family: 'yekan';
          font-size: 14px;
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          border-left: 5px solid #3498DB;
          margin-top: 10px;
          background: none repeat scroll 0% 0% #DBDBDB;
      }
      
      #navbar_password {
          color: #777;
          padding: 2px 10px;
          width: 160px;
          transition: all 0.3s ease 0s;
          font-family: 'yekan';
          font-size: 14px;
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          border-left: 5px solid #3498DB;
          margin-top: 10px;
          background: none repeat scroll 0% 0% #DBDBDB;
      }
      
      #navbar_password_hint {
          color: #777;
          padding: 2px 10px;
          width: 160px;
          transition: all 0.3s ease 0s;
          font-family: 'yekan';
          font-size: 14px;
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          border-left: 5px solid #3498DB;
          margin-top: 10px;
          background: none repeat scroll 0% 0% #DBDBDB;
      }
      
      .loginbutton {
          color: #777;
          padding: 0px 8px;
          float: left;
          transition: all 0.3s ease 0s;
          font-family: 'yekan';
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          background: none repeat scroll 0% 0% #DBDBDB;
          margin: 0px 85px 92px 0px;
          position: absolute;
          right: 0px;
          bottom: -3px;
      }
      
      .remember {
          color: #777;
          font-family: 'yekan';
          margin: 62px 27px 10px 10px;
          font-size: 15px;
      }
      
      .register_botton {
          color: #777;
          padding: 4px 8px;
          float: right;
          transition: all 0.3s ease 0s;
          font-family: 'yekan';
          border-radius: 0px;
          border-right: 5px solid #3498DB;
          background: none repeat scroll 0% 0% #DBDBDB;
          margin: 10px;
          position: absolute;
          bottom: -3px;
          right: 250px;
      }

      چنانچه فونت انجمن شما Byekan نبود و دوس داشتید فونت باکس لاگین شما یکان باشه پوشه zip که پیوست کردم و به نام فونت هست رو در هر جای هاست که دوس دارید آپلود کنید و سپس کد زیر رو در ابتدای قالب additional.css بذارید :

      کد:
      @font-face {
        font-family: 'Yekan';
        src: url('images/Dous/font/Yekan.eot?#') format('eot'),  
             url('images/Dous/font/Yekan.woff') format('woff'),  
             url('images/Dous/font/Yekan.ttf') format('truetype');  
      }
      در انتها :



      به جای images/Dous/font هم مسیر پوشه فونت که آپلود کردید رو قرار بدید

      چنانچه مشکلی بود در تاپیک اعلام کنید تا برطرف کنم

      موفق باشید
      فایل های پیوست شده
      • نوع فایل: zip images.zip (28.3 کیلو بایت, 25 نمایش)
      • نوع فایل: zip font.zip (77.8 کیلو بایت, 35 نمایش)
      ویرایش توسط FoX FuN : 2014/05/15 در ساعت 11:31 PM
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    45
    میزان امتیاز
    0

    پیش فرض

    دوستان سلام من همین را انجام دادم در بالای سایت اطلاع و تنظیمات و کنترل پنل همه محو شدن و این ارور میاد.
    Parse error: syntax error, unexpected '.' in C:\xampp\htdocs\includes\class_core.php(4715) : eval()'d code on line 55


    مخفی کردن ارور هم مشاهده کردم ولی مشکل رفع نشد فایل class core رو دوباره اپلود کردم ولی نشد همه کار رو کردم نشد لطفا کمک کنید.

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

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

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

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

  1. آموزش زیبا سازی امضا ویژه استایل VBIran Triangle
    توسط Regulator در انجمن آموزش های وی بولتین
    پاسخ: 20
    آخرين نوشته: 2014/07/23, 10:26 AM
  2. دانلود استایل زیبا و متفاوت VBIran Dous
    توسط FoX FuN در انجمن استایل 4.2.x
    پاسخ: 47
    آخرين نوشته: 2014/07/17, 01:37 PM
  3. پاسخ: 2
    آخرين نوشته: 2014/06/27, 01:35 PM
  4. آموزش ست کردن جستجو استایل VBIran Triangle
    توسط RockstarGames در انجمن آموزش های وی بولتین
    پاسخ: 6
    آخرين نوشته: 2013/07/06, 06:56 PM

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

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

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

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