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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 14 از 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


      ویرایش توسط Mr Webyar : 2014/01/17 در ساعت 03:34 PM
  1. Top | #11
    کاربر سایت

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

    پیش فرض

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

    مرسی محمد جان

    در ادیتور هم میاد اما چون عکس براش قرار نمیدید معلوم نمیشه !

    اگر براش آیکون قرار بدید تو ادیتور میبینیدش

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





  2. گیفت کارت آیتونز

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

    عالی ...

    بهتر تره {که} ...

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


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

    ورژن ویبولتین
    4.2.2
    نوشته ها
    432
    میزان امتیاز
    51

    پیش فرض

    نقل قول نوشته اصلی توسط ehsan1000 نمایش پست ها
    آقا یک هفته کسی نیست راهنمایی کنه ما رو
    خب دوست عزیز توضیح که داده شده توی پست اول
    شما از ادمین سی پی به بخش BBCODE ها برید و طبق دستور انجام بدید

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


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

    ورژن ویبولتین
    4.1.12
    نوشته ها
    144
    میزان امتیاز
    18

    پیش فرض

    آقا من که قرار دادم ولی به غیر از یک لینک دانلود چیز دیگه ای نمیزاره ........ اصلا کادری بالا نمیاره
    ویرایش توسط Black.Flag : 2014/07/08 در ساعت 02:56 PM

صفحه 2 از 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)

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

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