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

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

    ورژن ویبولتین
    4.2
    نوشته ها
    190
    میزان امتیاز
    23

    پیش فرض

    نقل قول نوشته اصلی توسط reza-mont نمایش پست ها
    درود
    خیلی کاربردی و زیباست

    با توجه به اینکه این میانبرها به صورت هک ارائه نشده
    سریعترین راه برای غیرفعال کردنش بدون پاک کردن کدها چیه
    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    میتونید با جی کوئری کاریئ کنید که یه دکمه داشته باشه برای نمایش و پنهان کردنش
    به صورت پنهان بارگذاری بشه
    اگر کسی تمایل به استفاده بود دکمه نمایشش رو میزنه و بهش نشون داده میشه
    تا فردا براتون با دکمه ابشاری می زارم
    ویرایش توسط i niyayesh : 2013/05/28 در ساعت 12:23 AM دلیل: ادغام دو پست

    2 تشکر توسط:





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

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

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

    پیش فرض

    نقل قول نوشته اصلی توسط Roach نمایش پست ها
    میتونید با جی کوئری کاریئ کنید که یه دکمه داشته باشه برای نمایش و پنهان کردنش
    به صورت پنهان بارگذاری بشه
    اگر کسی تمایل به استفاده بود دکمه نمایشش رو میزنه و بهش نشون داده میشه
    عزیز میتونی بیشتر توضیح بدین یعنی یک دکمه قرار بدین و تا وقتی که روی ان دکمه کلیک نشده عکس ها بارگذاری نشه. درست گفتم اگه اینطوریه پس کو

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

    ورژن ویبولتین
    6 ;)
    نوشته ها
    1,725
    میزان امتیاز
    208

    پیش فرض

    درود

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

    در رابطه با دوستانی که میخوان همچنین یک منو آبشاری نیز زیر تصاویر باشه که بتونن یک انجمن خاص + زیر مجموعه هاش رو در اون قرار بدن میتونن از این آموزش استفاده کنن:

    آموزش قرار دادن عکس در ناوبار به همراه منو

    پایدار و سربلند باشید

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


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

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

    پیش فرض

    میشه یکی این اموزش رو بده ممنون.

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

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

    پیش فرض

    کسی نبود؟؟؟؟

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

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

    پیش فرض

    بوققققققققق

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

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

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