لونك المفضل
الألوان
تصويت
ما هو رأيك في المجله الجديدة؟
ممتازة
36% / 5
جيده
14% / 2
عادية
21% / 3
سيئة
29% / 4
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر

منتدى الابداع العربي

منتدى ابداع وتصميم عربي

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

اعلانات المنتدى

كلمات دليلية:

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyأداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

avatar
زائر
زائر
 نُشر في في الأحد سبتمبر 04, 2016 12:03 pm

السلام عليكم ورحمة الله وبركاته 

بسم الله الرحمان الرحيم 

اليوم نأتي بكود جميل ومميز وراااااااااااااااااائع جبار وخيالي حصريا لاول مرة على منتدي

سادعكم تكتشفون الكود بنفسكم 
أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع 2212
الكود وطبريقة تركيبه 

لوحة الإدارة / مظهر المنتدى / التومبيلات و القوالب / ادارة عامة 

تم الى قالب الهيدر : overall_header

نبحث عن 

الكود:

{JAVASCRIPT}




ونضيف اسفله مباشرة الكود التالي 

الكود:

<style>
.c-circle-nav__toggle,.c-circle-nav__toggle span{transition:background .3s;-webkit-transition:background .3s}.c-circle-nav{position:fixed;bottom:12px;right:12px;z-index:1000;width:48px;height:48px;border-radius:24px}@media (min-width:480px)and (min-height:480px){.c-circle-nav{width:96px;height:96px;border-radius:48px}}.c-circle-nav__items{display:block;list-style:none;z-index:90;margin:0;padding:0}.c-circle-nav__item{display:block;position:absolute;top:0;left:0;width:48px;height:48px;border-radius:24px;opacity:0;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-timing-function:cubic-bezier(.35,-.59,.47,.97);transition-timing-function:cubic-bezier(.35,-.59,.47,.97)}.c-circle-nav__item:nth-child(1){-webkit-transition-delay:.4s;transition-delay:.4s}.c-circle-nav__item:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.c-circle-nav__item:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.c-circle-nav__item:nth-child(4){-webkit-transition-delay:.1s;transition-delay:.1s}.c-circle-nav__item:nth-child(5){-webkit-transition-delay:0s;transition-delay:0s}.c-circle-nav.is-active .c-circle-nav__item{-webkit-transition-timing-function:cubic-bezier(.35,.03,.47,1.59);transition-timing-function:cubic-bezier(.35,.03,.47,1.59);opacity:1}.c-circle-nav.is-active .c-circle-nav__item:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(-144px,0);-ms-transform:translate(-144px,0);transform:translate(-144px,0)}@media (min-width:480px)and (min-height:480px){.c-circle-nav__item{width:96px;height:96px;border-radius:48px!important}.c-circle-nav.is-active .c-circle-nav__item:nth-child(1){-webkit-transform:translate(-288px,0);-ms-transform:translate(-288px,0);transform:translate(-288px,0)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:translate(-134px,-56px);-ms-transform:translate(-134px,-56px);transform:translate(-134px,-56px)}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(2){-webkit-transform:translate(-267px,-111px);-ms-transform:translate(-267px,-111px);transform:translate(-267px,-111px)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate(-102px,-102px);-ms-transform:translate(-102px,-102px);transform:translate(-102px,-102px)}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(3){-webkit-transform:translate(-204px,-204px);-ms-transform:translate(-204px,-204px);transform:translate(-204px,-204px)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate(-56px,-134px);-ms-transform:translate(-56px,-134px);transform:translate(-56px,-134px)}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(4){-webkit-transform:translate(-111px,-267px);-ms-transform:translate(-111px,-267px);transform:translate(-111px,-267px)}}.c-circle-nav.is-active .c-circle-nav__item:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transform:translate(0,-144px);-ms-transform:translate(0,-144px);transform:translate(0,-144px)}.c-circle-nav__link{display:block;width:100%;height:100%;border-radius:24px!important;box-shadow:inset 0 0 0 2px #fff}@media (min-width:480px)and (min-height:480px){.c-circle-nav.is-active .c-circle-nav__item:nth-child(5){-webkit-transform:translate(0,-288px);-ms-transform:translate(0,-288px);transform:translate(0,-288px)}.c-circle-nav__link{border-radius:48px!important}}.c-circle-nav__link img{display:block;max-width:100%;height:auto}.c-circle-nav__link:hover{box-shadow:inset 0 0 0 2px #ff283c}.c-circle-nav__toggle{display:block;position:absolute;z-index:100;margin:0;padding:0;width:48px;height:48px;background-color:#ff283c;font:inherit;font-size:0;text-indent:-9999px;border-radius:24px!important;cursor:pointer;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}@media (min-width:480px)and (min-height:480px){.c-circle-nav__toggle{width:96px;height:96px;border-radius:48px!important}}.c-circle-nav__toggle.is-active,.c-circle-nav__toggle:focus,.c-circle-nav__toggle:hover{outline:0;background-color:#c10012}.c-circle-nav__toggle span,.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{display:block;position:absolute;height:4px;background:#fff;border-radius:1px!important}.c-circle-nav__toggle span{top:22px;left:10px;right:10px}@media (min-width:480px)and (min-height:480px){.c-circle-nav__toggle span,.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{height:8px;border-radius:2px!important}.c-circle-nav__toggle span{top:44px;left:20px;right:20px}}.c-circle-nav__toggle span::after,.c-circle-nav__toggle span::before{left:0;width:100%;content:"";-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}.c-circle-nav__toggle span::before{top:-8px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.c-circle-nav__toggle span::after{bottom:-8px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}@media (min-width:480px)and (min-height:480px){.c-circle-nav__toggle span::before{top:-16px}.c-circle-nav__toggle span::after{bottom:-16px}}.c-circle-nav__toggle.is-active span{background:0 0}.c-circle-nav__toggle.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.c-circle-nav__toggle.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.c-mask{position:fixed;top:0;left:0;z-index:900;visibility:hidden;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.c-mask.is-active{opacity:1;visibility:visible}

</style>
<nav id="c-circle-nav" class="c-circle-nav">
  <button id="c-circle-nav__toggle" class="c-circle-nav__toggle">
    <span>Toggle</span>
  </button>
  <ul class="c-circle-nav__items">
    <li class="c-circle-nav__item">
      <a href="/forum" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/house.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="profile?mode=editprofile&page_profil=avatars" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/photo.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="viewonline" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/pin.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="search" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/search.svg" alt="" />
      </a>
    </li>
    <li class="c-circle-nav__item">
      <a href="profile?mode=editprofile" class="c-circle-nav__link">
        <img src="http://callmenick.com/_development/css-circle-menu/img/tools.svg" alt="" />
      </a>
    </li>
  </ul>
</nav>
<script src="http://yassine-bablil.allgoo.net/10294.js"></script>

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

Abshahad
بصمة خالدة
 نُشر في في الأربعاء سبتمبر 07, 2016 10:54 am

جزاك الله الف خير دمتي في حمي الرحمن
التوقيع

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

avatar
زائر
زائر
 نُشر في في السبت سبتمبر 17, 2016 9:35 am

منور الموضوع

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

Basil Abdallah
بصمة خالدة
 نُشر في في السبت سبتمبر 17, 2016 9:39 am

شكرا على الطرح القيم
التوقيع

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

avatar
زائر
زائر
 نُشر في في السبت سبتمبر 17, 2016 9:43 am

منور ياباشا

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

1sLaM A7mEd
بصمة خالدة
 نُشر في في الأربعاء نوفمبر 23, 2016 2:47 pm

شكرا لك
طرح مميز
التوقيع

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

روجر الذهبي
عضو محترف
 نُشر في في الثلاثاء ديسمبر 20, 2016 6:28 pm

شكرا لك
التوقيع

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyرد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع

Mr.LoLo
بصمة خالدة
 نُشر في في الثلاثاء ديسمبر 20, 2016 6:31 pm

ششششكراً لك ،، فعلا الكود ججبآآآرر =)
التوقيع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين


أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Uia_io10

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة


اعلانات نصية