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

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
زائر
زائر
avatar


أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالأحد سبتمبر 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>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23608
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Sudan10
العمر : 40

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالأربعاء سبتمبر 07, 2016 10:54 am

جزاك الله الف خير دمتي في حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
زائر
زائر
avatar


أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالسبت سبتمبر 17, 2016 9:35 am

منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

ذكر
السمك
عدد المساهمات : 11108
نقاط النشاط : 11943
السٌّمعَة : 70
بلد العضو : أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Jordan10
العمر : 25

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالسبت سبتمبر 17, 2016 9:39 am

شكرا على الطرح القيم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالسبت سبتمبر 17, 2016 9:43 am

منور ياباشا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1sLaM A7mEd
سوبر الإبداع 

1sLaM A7mEd

ذكر
الاسد
عدد المساهمات : 9941
نقاط النشاط : 11686
السٌّمعَة : 65
بلد العضو : أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Egypt10
العمر : 23

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالأربعاء نوفمبر 23, 2016 2:47 pm

شكرا لك
طرح مميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.anjezweb.com/
روجر الذهبي
عضو ذهبي 

روجر الذهبي

ذكر
الاسد
عدد المساهمات : 3805
نقاط النشاط : 4290
السٌّمعَة : 15
بلد العضو : أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Morocc10
العمر : 25

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالثلاثاء ديسمبر 20, 2016 6:28 pm

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr. Loay
سوبر الإبداع 

Mr. Loay

ذكر
الجوزاء
عدد المساهمات : 6242
نقاط النشاط : 7090
السٌّمعَة : 65
بلد العضو : أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Saudi-10
العمر : 17

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالثلاثاء ديسمبر 20, 2016 6:31 pm

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


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

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


أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Uia_io10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
SLGray
عضو التميز 

SLGray

ذكر
الجدي
عدد المساهمات : 5012
نقاط النشاط : 5097
السٌّمعَة : 12
بلد العضو : أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Egypt10
العمر : 20

أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Empty
مُساهمةموضوع: رد: أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع   أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع Emptyالسبت أغسطس 04, 2018 8:46 pm

تصميم جميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أداة في أسفل المنتدى تلقائية الاشتغال بشكل متميز ورااائع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  جاليري قوالب التومبيلات الجاهزة ::  جاليري قوالب التومبيلات الجاهزة :: جاليري قوالب التومبيلات الاخرى-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020