أشخاص في صن سيت
مشاهدة المزيد
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

حصري تغيير شكل عارضة المنتدي بالشكل الحديث Empty حصري تغيير شكل عارضة المنتدي بالشكل الحديث

نغم الحياة
النجمة الذهبيه
النجمة الذهبيه
اسم الدولة : : مصر
العمر : 23
عدد المساهمات : 288
المعجبون بمواضيعى : 11
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الإثنين 17 أكتوبر 2016 - 0:24
#عارضة #المنتدي #كود
بسم الله الرحمن الرحيم

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

أقدم لكم كود حصري ومميز لـتطوير عارضة منتداك بشــكل أحترافي ورهيب من اعمال الاخ mr code


الكود يقوم بتطوير العارضة مع أضافة تأثيرات على العارضة


صورة لعمل الكود
حصري تغيير شكل عارضة المنتدي بالشكل الحديث 143gljm

ان الكود CSS لذا يتم أضافة في ورقة تصميم CSS
الكود مخفي يرجى أضافة رد ليظهر الكود
الكود:


[hide]    /* -- 18. FORUMACTIF TOOLBAR -- */
    #fa_toolbar { border-bottom:1px solid #CCC }
    #fa_icon { background-image:url('http://i21.servimg.com/u/f21/18/21/41/30/pa1110.png') !important }
    #fa_service {
      color:#39C !important;
      font-size:16px;
      font-weight:bold;
      font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
    }

    #fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {
      color:#39C !important;
      font-size:11px !important;
      font-weight:bold !important;
      text-decoration:none !important;
      line-height:22px !important;
      background-color:transparent !important;
      border:1px solid #39C !important;
      border-radius:3px !important;
      padding:0px 6px !important;
      margin-top:3px !important;
      transition:200ms;
    }

    #fa_right a.rightHeaderLink:hover, #fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
      color:#FFF !important;
      background-color:#39C !important;
      border-color:#39C !important;
    }

    #fa_right #fa_hide {
      background-color:transparent !important;
      padding:0 !important;
      margin-top:0 !important;
      border:none !important;
      transition:none !important;
    }

    /* share icons */
    #fa_share a {
      background:url('http://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png') no-repeat 0 0 transparent !important;
      height:25px !important;
      width:25px !important;
      border-radius:25px;
      margin:-2px 3px 0px 3px !important;
    }

    /*#fa_share a:hover { background-color:#39C !important }*/

    #fa_share a:after {
      content:".";
      font-size:0;
      background:transparent;
      border-radius:30px;
      display:block;
      height:35px;
      width:35px;
      position:absolute;
      margin-right:-5px;
      margin-top:-5px;
      z-index:-1;
      transition:250ms;
    }

    #fa_share a:hover:after {
      background:#39C;
      height:25px;
      width:25px;
      margin-right:0;
      margin-top:0;
    }

    a#fa_fb { background-position:-50px 0 !important }
    a#fa_fb:hover { background-position:-75px 0 !important }

    a#fa_twitter { background-position:0 0 !important }
    a#fa_twitter:hover { background-position:-25px 0 !important }

    a#fa_gp { background-position:-98px 0 !important }
    a#fa_gp:hover { background-position:-123px 0 !important }

    a#fa_mail { background-position:-150px 0 !important }
    a#fa_mail:hover { background-position:-175px 0 !important }

    a#fa_rss { background-position:-199px 0 !important }
    a#fa_rss:hover { background-position:-224px 0 !important }


    /* search bar */
    #fa_search { position:relative }

    #fa_search #fa_magnifier {
      background:url('http://i21.servimg.com/u/f21/18/21/41/30/search10.png') no-repeat 50% 50% #39C !important;
      border:1px solid #39C;
      border-left:none;
      border-radius:0 3px 3px 0;
      height:22px !important;
      width:22px !important;
      top:3px;
      right:0px;
    }

    #fa_search #fa_textarea {
      color:#39C !important;
      font-size:12px !important;
      background:#39C !important;
      border:1px solid #39C !important;
      border-radius:3px 0 0 3px !important;
      line-height:12px !important;
      height:16px !important;
      width:0px !important;
      margin-right:23px !important;
      padding:3px 0px 3px 1px !important;
      transition:300ms;
      cursor:text;
    }

    #fa_search:hover #fa_textarea, #fa_search #fa_textarea:hover, #fa_search #fa_textarea:focus {
      color:#444 !important;
      background:#FFF !important;
      width:150px !important;
      padding:3px !important;
      outline:none;
    }

    /* menus and notifications */
    #fa_menulist, #fa_toolbar #fa_right #notif_list {
      background:#FFF !important;
      border:1px solid #DDD !important;
      border-radius:3px;
      box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
      margin-top:18px !important;
    }

    #fa_menulist:before, #fa_toolbar #fa_right #notif_list:before {
      content:url('http://i18.servimg.com/u/f18/18/21/41/30/arrow11.png');
      position:absolute;
      top:-10px;
      right:10%;
    }

    #fa_toolbar #fa_right #notif_list li.see_all { background:#39C !important }

    #fa_toolbar #live_notif .fa_notification {
      background:#FFF !important;
      border:1px solid #DDD;
      border-bottom-width:2px;
      border-radius:3px !important;
      box-shadow:0 3px 12px rgba(0, 0, 0, 0.175);
      opacity:1 !important;
      margin-top:5px;
    }

    #fa_toolbar #live_notif .fa_notification .content {
      color:#555 !important;
      background-image:url('http://i18.servimg.com/u/f18/16/89/96/68/notifi10.png') !important;
    }

    #fa_toolbar #live_notif .fa_notification a { color:#39C !important }
    #fa_toolbar #live_notif .fa_notification a:hover { color:#333 !important }

    #notif_unread {
      color:#F93;
      font-weight:bold;
    }

    #fa_notifications:hover #notif_unread, #fa_toolbar > #fa_right.notification > #fa_notifications #notif_unread { color:#FFF }

    /* hide / show arrows */
    #fa_hide, #fa_show {
      background:url('http://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png') no-repeat 0px 0px transparent !important;
    }

    #fa_hide:hover { background-position:-30px 0px !important }

    #fa_show { background-position:-60px 0px !important; }
    #fa_show:hover { background-position:-90px 0px !important }
[/hide]
مع السلامـة في موضوع أخــر حصري تغيير شكل عارضة المنتدي بالشكل الحديث 4240844957

حصري تغيير شكل عارضة المنتدي بالشكل الحديث Empty رد: حصري تغيير شكل عارضة المنتدي بالشكل الحديث

ELMasRyy
النجمة الفضية 50%
النجمة الفضية 50%
اسم الدولة : : مصر
العمر : 28
عدد المساهمات : 24
المعجبون بمواضيعى : 1
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الثلاثاء 18 أكتوبر 2016 - 5:38
مشكورررررررررررررررررر

حصري تغيير شكل عارضة المنتدي بالشكل الحديث Empty رد: حصري تغيير شكل عارضة المنتدي بالشكل الحديث

afndena
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : ثلغحف
العمر : 33
عدد المساهمات : 10
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأربعاء 15 مارس 2017 - 1:17
تسلموووووووو

حصري تغيير شكل عارضة المنتدي بالشكل الحديث Empty رد: حصري تغيير شكل عارضة المنتدي بالشكل الحديث

nizartube
النجمة الفضية 20%
النجمة الفضية 20%
اسم الدولة : : عمان
العمر : 38
عدد المساهمات : 15
المعجبون بمواضيعى : 0
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس 7 يونيو 2018 - 4:20
براااااااااااافووووووووووووووووووووووووووو
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Top