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

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

مقاله: گیم باکس زیبا | GAME BOX

    1. گیم باکس زیبا | GAME BOX »

      گیم باکس زیبا | GAME BOX

      نگارش: , by (مدیر بازنشسته)
      2013/05/09 06:15 PM
      امتیاز: 

      سلام دوستان عزیز
      امروز آموزشی برای قرار دادن یک گیم باکس زیبا برای معرفی بازی قرار میدم
      البته از اون میتونید به عنوان جعبه ای برای اطلاعیه ها هم استفاده کنید
      خب میریم سراغ آموزش

      ابتدا این کد ها رو به additional.css اضافه کنید
      کد:
      .gamebox{
      background: url('http://up.vbiran.ir/uploads/136810655220267_lolz.jpg') #1b1b1b no-repeat; 
      background-size:  250px 47px;
      font-family: tahoma; 
      color: transparent;
      border: solid 1px #8a8a8a;
      border-radius: 15px 15px 0px 0px;
      width: 250px;
      height: 350px;
      transition: all 0.5s ease 0s;
      margin-top: 100px;
      }
      .gamebox:hover{
      margin-top: -100px;
      transition: all 0.5s ease 0s;
      color: #fff;
      }
      
      .gamebox img{
      margin-top: 47px;
      opacity: 0.6;
      min-width: 200px;
      max-width: 200px;
      transition: all 0.5s ease 0s;
      }
      
      .gamebox img:hover{
      transition: all 0.5s ease 0s;
      opacity: 1;
      }
      
      .gamefooter{
      background: url('http://up.vbiran.ir/uploads/136810656241224_box.png');
      width:1066px;
      height:207px;
      margin-top: -140px;
      }
      
      .logo{
      margin-top:30px;
      -moz-transition: all 1s ease 0s;
      width: 150px;
      height: 150px;
      }
      
      .logo:hover {
      
      -ms-transform:rotate(360deg); /* IE 9 */
      -moz-transform:rotate(360deg); /* Firefox */
      -webkit-transform:rotate(360deg); /* Safari and Chrome */
      -o-transform:rotate(360deg); /* Opera */
      -moz-transition: all 1s ease 0s;
      }
      سپس در هر جایی از انجمنتون که میخواید باکس نشون داده بشه این کد رو قرار بدید

      کد:
      <center>
      <table>
      <tr>
      
      <td>
      <div class="gamebox" align="center">
      <font color="ffffff">
       بازی شماره 1
       </font>
      <img src="http://up-assassinsorder.ir/Saves/calender/inju.jpg">
      </br></br>
      اطلاعات مربوط به بازی مورد نظر
      </div>
      </td>
      
      <td>
      <div class="gamebox" align="center">
      <font color="ffffff">
      بازی شماره 2
       </font>
      <img src="http://up-assassinsorder.ir/Saves/calender/gear.jpg">
      </br></br>
      اطلاعات مربوط به بازی مورد نظر
      </div>
      </td>
      
      <td>
      <div class="gamebox" align="center">
      <font color="ffffff">
      بازی شماره 3
       </font>
      <img src="http://up-assassinsorder.ir/Saves/calender/tomb.jpg">
      </br></br>
      اطلاعات مربوط به بازی مورد نظر
      </div>
      </td>
      
      <td>
      <div class="gamebox" align="center">
      <font color="ffffff">
      بازی شماره 4
       </font>
      <img src="http://up-assassinsorder.ir/Saves/calender/bio.jpg">
      </br></br>
      اطلاعات مربوط به بازی مورد نظر
      </div>
      </td>
      </tr>
      </table>
      <div class="gamefooter">
      <img class="logo" src="http://up.vbiran.ir/uploads/136810656024663_logo.png"/>
      
      </div>
      </center>
      موفق باشید.

      دمو : Game Box
      شات :

  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    از استقبالتون بی نهایت ممنون

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


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

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

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

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


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

    ورژن ویبولتین
    4.2.1,4.2.2
    نوشته ها
    4,359
    میزان امتیاز
    517

    پیش فرض

    عالیییییییییییییییییییییی ییییییییییییییییی

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


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

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    نقل قول نوشته اصلی توسط Rockstargames نمایش پست ها
    زیباست فقط اون اطلاعات مربوط به بازی مورد نظر لینک دار نیست
    خب داداش من درواقع اونو واسه اطلاع از زمان انتشار و اینا گذاشتم
    البته واسه لینک کردن میتونید از تگ لینک استفاده کنید
    کد:
    <a href="address" target="_blank">اطلاعات بازی</a>

    3 تشکر توسط:


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

    ورژن ویبولتین
    4.0.2
    نوشته ها
    451
    میزان امتیاز
    55

    پیش فرض

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

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


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

    ورژن ویبولتین
    4
    نوشته ها
    614
    میزان امتیاز
    69

    پیش فرض

    بسیار زیبا به نظر من میشه از این این به عنوان صفحه عنوان انتخاب استایل هم استفاده کرد!

    حتما استفاده میکنم!

    2 تشکر توسط:


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

    ورژن ویبولتین
    4
    نوشته ها
    2,571
    میزان امتیاز
    304

    پیش فرض

    برای تغییر لوگو
    کد:
    <img class="logo" src="http://up.vbiran.ir/uploads/136810656024663_logo.png"/>
    رو پیدا کنید و جای
    کد:
    http://up.vbiran.ir/uploads/136810656024663_logo.png
    آدرس عکستونو بذارید و واسه تغییر اندازه در بخش سی اس اس
    کد:
    .logo{ margin-top:30px; -moz-transition: all 1s ease 0s; width: 150px; height: 150px; }
    رو پیدا کنید و سایز مورد نظر رو بذارید جای
    کد:
    width: 150px; height: 150px;

    2 تشکر توسط:


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

    ورژن ویبولتین
    4
    نوشته ها
    614
    میزان امتیاز
    69

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    برای تغییر لوگو
    کد:
    <img class="logo" src="http://up.vbiran.ir/uploads/136810656024663_logo.png"/>
    رو پیدا کنید و جای
    کد:
    http://up.vbiran.ir/uploads/136810656024663_logo.png
    آدرس عکستونو بذارید و واسه تغییر عرضش در بخش سی اس اس
    کد:
    .logo{ margin-top:30px; -moz-transition: all 1s ease 0s; width: 150px; height: 150px; }
    رو پیدا کنید و سایز مورد نظر رو بذارید جای
    کد:
    width: 150px; height: 150px;
    درود !

    من دوتا استایل روی سایتم نصبه!

    میخوام یک صفحه به ادرس nojavanforum.ir/style.html بسازم برای همین یک فایل به نام style.html در هاست ساختم!

    حالا اگه بخوام اون باکس ها رو نشون بده داخل اون صفحه فقط این کدها رو بذارم کافیه؟

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

    ورژن ویبولتین
    4.0.2
    نوشته ها
    451
    میزان امتیاز
    55

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    برای تغییر لوگو
    کد:
    <img class="logo" src="http://up.vbiran.ir/uploads/136810656024663_logo.png"/>
    رو پیدا کنید و جای
    کد:
    http://up.vbiran.ir/uploads/136810656024663_logo.png
    آدرس عکستونو بذارید و واسه تغییر اندازه در بخش سی اس اس
    کد:
    .logo{ margin-top:30px; -moz-transition: all 1s ease 0s; width: 150px; height: 150px; }
    رو پیدا کنید و سایز مورد نظر رو بذارید جای
    کد:
    width: 150px; height: 150px;



    بسیار ممنون و توضیح جامع خسته نباشید

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

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

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

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

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

  1. مجموعه درجه کاربری psd+ GAME
    توسط Parsis در انجمن پک درجه های کاربری
    پاسخ: 27
    آخرين نوشته: 2014/04/16, 09:33 PM
  2. پک Game Cover
    توسط Ermiya در انجمن پک آیکن های وی بولتین
    پاسخ: 0
    آخرين نوشته: 2012/08/06, 09:03 PM
  3. پاسخ: 0
    آخرين نوشته: 2012/05/02, 03:40 PM
  4. قالب Game برای V4.1.1
    توسط Ardeshir-S در انجمن درخواست قالب های پولی و رایگان
    پاسخ: 2
    آخرين نوشته: 2011/07/09, 02:32 PM
  5. استایل زیبای game time (زیبا)
    توسط ®mR.Rian در انجمن استایل 4.1.x
    پاسخ: 5
    آخرين نوشته: 2011/01/11, 06:34 PM

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

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

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

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