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

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

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

    1. اموزش اضافه کردن دسترسی سریع به انجمن ها به شکلی زیبا »

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

      نگارش: , by (کاربر سایت)
      2013/05/26 11:19 PM
      امتیاز:  (2 رای ، میانگین : 5.00 )

      با سلام
      من چند روز پیش برای قسمت بالای انجمن قسمتی رو ساختم که کاربر ها بتونن به راحتی به بخش بندی های انجمن دسترسی پیدا کنن....

      که وقتی موس رو روش می برید افکت جالبی دارد...ار اونجایی که چند نقر به من مسیج دادن و کدش رو خواستن گفتم براتون به اشتراک بزارم‌( البته بخش اندکیش رو خودم ریپ کردم )...

      به این شکل :

      دموی زنده



      برای این کار این کد رو در جایی از قالبتون که می خواهید نمایش داده بشه قرا بدید....( می تونید تو ناوبار - navbar قرار بدید )



      کد:
      <center><ul class="ca-menu">
                          <li>
                              <a href="http://wikiamoozesh.ir/forum96.html">
                                  <span class="ca-icon4"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن ایفون و ایپد</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum121.html">
                                  <span class="ca-icon3"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن اندروید</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum122.html">
                                  <span class="ca-icon2" id="heart"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن ویندوز فون</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum185.html">
                                  <span class="ca-icon1"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن بادا</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum387.html">
                                  <span class="ca-icon"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن سیمبین</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                      </ul>
      
      
      </center>
      
      
      <center>
      <ul class="ca-menu">
                          <li>
                              <a href="http://wikiamoozesh.ir/forum19.html">
                                  <span class="ca-icon5"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن ویندوز</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum123.html">
                                  <span class="ca-icon6"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن مک</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum124.html">
                                  <span class="ca-icon7" id="heart"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">انجمن لینوکس</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum126.html">
                                  <span class="ca-icon8"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">کنسول های بازی</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                          <li>
                              <a href="http://wikiamoozesh.ir/forum502.html">
                                  <span class="ca-icon9"></span>
                                  <div class="ca-content">
                                      <h2 class="ca-main">برنامه نویسی</h2>
                                      <h3 class="ca-sub">کلیک کنید تا وارد شوید !</h3>
                                  </div>
                              </a>
                          </li>
                      </ul>
      
      
      </center>



      تو این کد به جای لینک عکس ها و ادرس انجمن های من برای خودتون رو قرار بدید...

      اگه می خواهید مثل انجمن من باشه یعنی فقط تو صفحه ی اول نمایش داده بشه

      دنبال این قالب بگردید و اولش کد بالا رو اضافه کنید( البته برای موقعی جواب میده که هک اخرین ارسال هارو بالای انجمن نصب کرده باشین ) :

      vietvbb_topstats_main





      حالا برای اتمام کار این هارو هم به additional.css اضافه کنید :


      کد:
      
      
      
      
      
      
      
      .ca-menu{padding:0;margin:2px auto;width:1020px}
      .ca-menu li{width:200px;height:150px;overflow:hidden;position:relative;float:left;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);margin-right:4px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}
      .ca-menu li:last-child{margin-right:0px}
      .ca-menu li a{text-align:left;width:100%;height:100%;display:block;color:#333;position:relative}
      .ca-icon{background:url(http://up.wikiamoozesh.ir/images/86812306496242331318.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon1{background:url(http://up.wikiamoozesh.ir/images/51214034629279937515.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon2{background:url(http://up.wikiamoozesh.ir/images/61578438970314611819.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon3{background:url(http://up.wikiamoozesh.ir/images/04674374524157250733.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon4{background:url(http://up.wikiamoozesh.ir/images/78285813232106522632.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon5{background:url(http://up.wikiamoozesh.ir/images/66609027324789595510.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon6{background:url(http://up.wikiamoozesh.ir/images/88796411302294779363.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon7{background:url(http://up.wikiamoozesh.ir/images/51048946237807476344.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon8{background:url(http://up.wikiamoozesh.ir/images/22658720523861900051.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-icon9{background:url(http://up.wikiamoozesh.ir/images/48139076273612353506.png) no-repeat center ;position:absolute;width:100%;height:100%;left:0px;top:-13%;-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear}
      .ca-content{font-family:BKoodakBold,tahoma;position:absolute;left:0px;width:100%;height:50%;top:70%}
      .ca-main{font-size:25px;opacity:0.8;text-align:center;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}
      .ca-sub{text-align:center;font-size:14px;color:#666;position:absolute;bottom:20px;line-height:40px;width:100%;left:0px;opacity:0.0;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}
      .ca-menu li:hover{z-index:999;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
      .ca-menu li:hover .ca-main{color:#46729b;-webkit-animation:smallToBig 300ms ease;-moz-animation:smallToBig 300ms ease;-ms-animation:smallToBig 300ms ease}
      .ca-menu li:hover .ca-sub{color:#46729b;opacity:0.8;-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease}
      @-webkit-keyframes smallToBig{from{-webkit-transform:scale(0.1)}to{-webkit-transform:scale(1)}}@-moz-keyframes smallToBig{from{-moz-transform:scale(0.1)}to{-moz-transform:scale(1)}}@-ms-keyframes smallToBig{from{-ms-transform:scale(0.1)}to{-ms-transform:scale(1)}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(0%)}}@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%)}to{-moz-transform:translateY(0%)}}@-ms-keyframes moveFromBottom{from{-ms-transform:translateY(100%)}to{-ms-transform:translateY(0%)}}
      موفق باشید


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

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

    پیش فرض

    زیباست خسته نباشید
    فقط پیشنهاد میدم بین هر بلوک فاصله بذارید تا وقتی هاور میشه بلوکا روی هم نیفتن و واسه این که حالت جلو اومدن بگیره box-shadow اضافه کنید بهش

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


  2. Top | #3

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

    ورژن ویبولتین
    4.2
    نوشته ها
    294
    میزان امتیاز
    34

    پیش فرض

    احسنت

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


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,612
    میزان امتیاز
    173

    پیش فرض

    خسته نباشی برادر

    2 تشکر توسط:


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

    ورژن ویبولتین
    4
    نوشته ها
    282
    میزان امتیاز
    34

    پیش فرض

    زیباست ، خسته نباشی

    2 تشکر توسط:


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

    ورژن ویبولتین
    5
    نوشته ها
    1,305
    میزان امتیاز
    139

    پیش فرض

    متاسفانه برای تمام مانیتور ها ست نیست و خیلی انجمن رو سنگین میکنه + تصاویر بهینه نیستن.

    در کل زیبا شده.

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

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

    پیش فرض

    درود
    خیلی کاربردی و زیباست

    با توجه به اینکه این میانبرها به صورت هک ارائه نشده
    سریعترین راه برای غیرفعال کردنش بدون پاک کردن کدها چیه

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


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

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

    پیش فرض

    میتونید با جی کوئری کاریئ کنید که یه دکمه داشته باشه برای نمایش و پنهان کردنش
    به صورت پنهان بارگذاری بشه
    اگر کسی تمایل به استفاده بود دکمه نمایشش رو میزنه و بهش نشون داده میشه

    2 تشکر توسط:


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

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

    پیش فرض

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

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

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

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

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

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

  1. گروه کاربری X به پاسخ سریع دسترسی ندارد
    توسط General.Silent در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2014/07/14, 01:04 PM
  2. دانلود هک دسترسی سریع به cPanel
    توسط GoyaFilter در انجمن هک 4.2.x
    پاسخ: 9
    آخرين نوشته: 2013/05/31, 07:52 AM
  3. پاسخ: 54
    آخرين نوشته: 2012/05/16, 09:33 AM
  4. پک عکس های navbar (دسترسی سریع)
    توسط nadera در انجمن گرافیک وی بولتین
    پاسخ: 1
    آخرين نوشته: 2011/09/17, 05:08 PM
  5. پاسخ: 3
    آخرين نوشته: 2011/04/22, 11:20 PM

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

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

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

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