تبلیغات در اینترنتتبلیغات در اینترنت
صفحه 2 از 7 نخستنخست 1234567 آخرینآخرین
نمایش نتایج: از 11 به 20 از 61

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

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

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

      نگارش: , by (مدیر بازنشسته)
      2013/05/09 05: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 | #11
    مدیر بازنشته

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

    پیش فرض

    بله
    فقط فراموش نکنید که سی اس اس ها رو در تگ <style> قرار بدید

    2 تشکر توسط:





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

  3. Top | #12

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

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

    پیش فرض

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

  5. Top | #14

    پیش فرض

    به عکس ها کمی شعاع بدید (border radius)

    نوشته بازی یکم بیاد پائین تر

    تمام کادر ها به همراه عکس برن زیر پس زمینه مشکی مخفی بشن . فقط اون سرتیتر معلوم باشه

    از کد jquery که آخرش کادر رو حالت لرزیدن بهش میده استفاده کنید ، جالب میشه

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

    مثلا :

    گیم باکس (لوگو) سایت X

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:


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

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

    پیش فرض

    درود من داخل style.html این کدهارو قرار دادم ولی مرورگر صفحه رو فراخوانی نمیکنه!

    کد:
    <style><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>
    
    
    </style>
    http://nojavanforum.ir/style.html

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

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

    پیش فرض

    نقل قول نوشته اصلی توسط laruzia نمایش پست ها
    درود من داخل style.html این کدهارو قرار دادم ولی مرورگر صفحه رو فراخوانی نمیکنه!

    کد:
    <style><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>
    
    
    </style>
    http://nojavanforum.ir/style.html


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

    2 تشکر توسط:


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

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

    پیش فرض

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

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

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

    پیش فرض

    نقل قول نوشته اصلی توسط m.yMJJ نمایش پست ها
    به عکس ها کمی شعاع بدید (border radius)

    نوشته بازی یکم بیاد پائین تر

    تمام کادر ها به همراه عکس برن زیر پس زمینه مشکی مخفی بشن . فقط اون سرتیتر معلوم باشه

    از کد jquery که آخرش کادر رو حالت لرزیدن بهش میده استفاده کنید ، جالب میشه

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

    مثلا :

    گیم باکس (لوگو) سایت X
    ممنون داداش
    این که نوشته کمی بالا هستش رو گذاشتم تا مثلا اطلاعاتی مثل زمان انتظار و اینا هم باشه مثل این صفحه
    Game Calendar
    اتفاقا من همیشه وقتی دارم طراحی میکنم یه پوشه script توش میذارم اینبارم ساختم ولی نمیدونم چرا اصلا از جی کوئری استفاده نکردم
    چشم اون متن رو هم میذارم اتفاقا هیچ کاری نداره یه سی اس اس کوچولو میذاریم واسش :d

    نقل قول نوشته اصلی توسط laruzia نمایش پست ها
    چجوری باید اینکارو بکنم؟
    این فایل اچ تی ام ال کامل گیم باکس هستش
    فایل های پیوست شده فایل های پیوست شده

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    556
    میزان امتیاز
    63

    پیش فرض

    سلام خیلی قشنگه من اولین نفر بودم دیدمش
    ولی خوب گفتم نصب نکنم تا کاملتر بشه
    به نظر من برای اینکه یوزر فرند باشه باید بشه عکسها و توضیحات رو به راحتی تو پنل عوض کرد
    امیدوارم این کار انجام بشه تا بشه با سرعت مثلا روزانه هم عکسها رو تغییر داد هم توضیحاتش رو

  11. Top | #20
    مدیر بازنشته

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

    پیش فرض

    نقل قول نوشته اصلی توسط reza-mont نمایش پست ها
    سلام خیلی قشنگه من اولین نفر بودم دیدمش
    ولی خوب گفتم نصب نکنم تا کاملتر بشه
    به نظر من برای اینکه یوزر فرند باشه باید بشه عکسها و توضیحات رو به راحتی تو پنل عوض کرد
    امیدوارم این کار انجام بشه تا بشه با سرعت مثلا روزانه هم عکسها رو تغییر داد هم توضیحاتش رو
    خب اونطوری باید هک نوشته بشه
    فیلد باشه و توی فیلدا ادرس بدیم تا این هم عوض بشه ینی یه جورایی داینامیک بشه
    اگر پی اچ پی خالی بودش کارش آسون تر بود چون یه چیزایی بلدم و کافی بود چار تا چیز اکو کنه و سورس رو بده ولی چون باید هک نوشته بشه و اینا یه کمی سخت میشه

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


صفحه 2 از 7 نخستنخست 1234567 آخرینآخرین

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

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

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

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

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

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

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

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

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