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

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

مقاله: BB Code دکمه دانلود بسیار زیبا تقدیم بچه های ویبی ایران !

    1. BB Code دکمه دانلود بسیار زیبا تقدیم بچه های ویبی ایران ! »

      BB Code دکمه دانلود بسیار زیبا تقدیم بچه های ویبی ایران !

      نگارش: , by (کاربر سایت)
      2014/01/17 03:14 PM
      امتیاز: 

      سلام دوستان

      خوبین؟

      اول بگم نمیدونم جای تاپیک درسته یا نه ولی خدا قبول کنه به هرحال

      عنوان: Download
      نام برچسب: dl
      Replacement:
      کد:
      <a href="{param}" target="_blank"><span class="a-btn">                    <div class="content">
                              <div class="a-btn-text">دانلود</div>
                              <div class="a-btn-slide-text">{option}</div>
                          </div>
      
                      </span></a>


      مثال:
      کد:
      [dl=matn]link[/dl]


      به کار بردن تنظیمات {} >> بله

      خب حالا این کدهارو به آخر additional.css اضافه کنید.
      کد:
      /* * Vbiran Special CSS Button * * @author: SHITOKAI [email protected] {  font-family: 'BYekan';  src: url('images/dl/BYekan.eot?#') format('eot'),  /* IE6-8 */       url('images/dl/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/       url('images/dl/BYekan.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ [email protected] {  font-family: 'IranianSans';  src: url('images/dl/IranianSans.eot') format('eot'),  /* IE6-8 */       url('images/dl/IranianSans.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/       url('images/dl/IranianSans.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */}
      .a-btn {
      font-family: Byekan;
      background: #33FF00 ;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(#80a9da ,0),color-stop(#6f97c5 ,1));
      background: -webkit-linear-gradient(top, #00C2FF  0%, #00748A  100%);
      background: -moz-linear-gradient(top, #80a9da  0%, #6f97c5  100%);
      background: -o-linear-gradient(top, #80a9da  0%, #6f97c5  100%);
      background: linear-gradient(top, #80a9da  0%, #6f97c5  100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da ', endColorstr='#6f97c5 ',GradientType=0 );
      padding-left: 20px;
      padding-right: 80px;
      height: 48px;
      display: inline-block;
      position: relative;
      border: 0px solid #fff FFF ;
      -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
      box-shadow: 0px -4px 1px rgba(0, 184, 255, 0.8) inset, 1px 1px 3px rgba(0, 51, 255, 0), 0px 0px 0px 4px rgba(255, 255, 255, 0);
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 5px;
      float: right;
      clear: both;
      margin: 10px 0px;
      overflow: hidden;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.30s linear;
      }
      .a-btn-text {
      font-family: Byekan;
      padding-top: 8px;
      display: block;
      font-size: 18px;
      font-weight: bold;
      white-space: nowrap;
      text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
      color: rgba(255, 255, 255, 0.93);
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
      }
      .a-btn-slide-text {
      font-family: Byekan;
      position: absolute;
      height: 100%;
      top: 0px;
      right: 52px;
      width: 0px;
      background: #007AFF ;
      text-shadow: 0px -1px 1px #363f49 ;
      color: #fff ;
      font-size: 18px;
      white-space: nowrap;
      text-transform: uppercase;
      text-align:center;
      text-indent: 0px;
      overflow: hidden;
      line-height: 48px;
      -webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
      -moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
      box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
      -webkit-transition: width 0.3s linear;
      -moz-transition: width 0.3s linear;
      -o-transition: width 0.3s linear;
      transition: width 0.3s linear;
      }
      .a-btn:hover {
      padding-right: 180px;
      -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
      box-shadow: 0px -4px 1px rgba(0, 102, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
      }
      .a-btn:hover .a-btn-text{
          text-shadow:0px 1px 1px #5d81ab ;
          color:#fff ;
      }
      .a-btn:hover .a-btn-slide-text{
          width:100px;
      }
      .a-btn:hover .a-btn-icon-right span{
          opacity:1;
      }
      .a-btn:active{
          position:relative;
          top:1px;
          background:#5d81ab ;
          -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
          -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
          box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
          border-color:#80a9da ;
      }

      فایل ضمیمه هم در داخل پوشه images در هاست اکسترکت که کنید پوشه فونت Byekan هست.

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

      روش زحمت کشیدم پس تشکر فراموش نشه :X

      شات؛

      حالت اولیه ؛


      حالتی که موس رو میبرید روی دکمه یا همون به اصطلاح در حالت Hover ؛



      نظر فراموش نشه !

      اینم پوشه ؛

      http://up.vbiran.ir/uploads/0dl_27280138995892115026.zip


      فایل های پیوست شده
      • نوع فایل: zip dl.zip (75.7 کیلو بایت, 104 نمایش)
      ویرایش توسط Mr Webyar : 2014/01/17 در ساعت 03:34 PM
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    287
    میزان امتیاز
    35

    پیش فرض

    تو باید یه بوس بدی به من

    3 تشکر توسط:


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

    ورژن ویبولتین
    اجباریه؟!
    نوشته ها
    905
    میزان امتیاز
    0

    پیش فرض

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    440
    میزان امتیاز
    53

    پیش فرض

    خیلی قشنگه
    خسته نباشی

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2.2
    نوشته ها
    3,348
    میزان امتیاز
    394

    پیش فرض

    به به

    زیباست

    ==
    یه نمونه هم مثل این در مورد دانلود هست

    نمونه : شکلک ها - نخستین مرجع تخصصی رایگان ویبولتین

    فایل مربوطه رو اتچ کنین

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    373
    میزان امتیاز
    48

    پیش فرض

    تشکر دوستان

    @lvlatrood


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

    ورژن ویبولتین
    ندارم :)
    نوشته ها
    203
    میزان امتیاز
    24

    پیش فرض

    خیلی زیبا

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


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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    439
    میزان امتیاز
    55

    پیش فرض

    نقل قول نوشته اصلی توسط ehsan1000 نمایش پست ها
    آقا نحوه گذاشتن این کدها چه جوریه کجا باید گذاشت یکم توضیح بیشتر بدین من لازم دارم این دگمه رو

    کجای ادمین سی پیباید اینا روقرار داد
    داخل آدمین سی پی > bb کد های اضافی > اضافه کردن bb code جدید
    و نحوه پر کردن فیلد ها هم در پست اول هستش

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    616
    میزان امتیاز
    68

    پیش فرض

    داداش خیلی قشنگه خسته نباشی

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


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

    ورژن ویبولتین
    4.2.1
    نوشته ها
    439
    میزان امتیاز
    55

    پیش فرض

    نقل قول نوشته اصلی توسط ehsan1000 نمایش پست ها
    آقا نصب این چه جوریه انجام دادم نشد

    کجای ادیتور میاد این لوگو
    دکمه داخل ادیتور نمیاد
    شما میتونی از مثال استفاده کنی
    کد:
    [dl=matn]link[/dl]
    به جای link ، لینک دانلود رو بزارید
    در قسمت matn ، متنی رو که میخاید داخل تصویر به نمایش در بیاد رو بزارید مثلا تو عکس زیر 970 مگابایت هست

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


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

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

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

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

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

  1. پاسخ: 43
    آخرين نوشته: 2014/04/29, 10:58 AM
  2. پاسخ: 18
    آخرين نوشته: 2013/04/21, 10:36 AM
  3. استایل بسیار زیبا برای صفحات 404 {طراحی اختصاصی وی بی ایران/بسیار زیبا وساده}
    توسط AmirAshkan در انجمن دانلود استایل ها ، قالب های رایگان و پرمیوم
    پاسخ: 5
    آخرين نوشته: 2013/01/17, 11:07 AM
  4. سوال بسیار مهم در مورد BB Code
    توسط AmirGfx در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2012/11/16, 02:21 AM
  5. بی بی کد بسیار زیبای کامند - Command BB Code
    توسط Mr.FranK در انجمن هک 4.1.x
    پاسخ: 5
    آخرين نوشته: 2011/10/30, 11:32 PM

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

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

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

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